设为首页
收藏本站
用户名
Email
自动登录
找回密码
密码
登录
立即注册
只需一步,快速开始
快捷导航
登录
注册
论坛首页
BBS
建站模版
微站设计
虚拟主机
企业邮箱
博客日志
Blog
搜索
搜索
搜索
热搜
长春
优惠
活动
做网站
本版
帖子
用户
本版
帖子
用户
请
登录
后使用快捷导航
没有帐号?
立即注册
道具
勋章
任务
留言板
设置
我的收藏
退出
时时商务社区
»
论坛首页
›
建站资源
›
优化排名SEO
›
干货分享!关于APP导航菜单设计你应该了解的一切 ...
返回列表
查看:
1277
|
回复:
0
干货分享!关于APP导航菜单设计你应该了解的一切
[复制链接]
福多多1989
当前离线
积分
7872
2652
主题
2652
帖子
7872
积分
论坛元老
论坛元老, 积分 7872, 距离下一级还需 9992127 积分
论坛元老, 积分 7872, 距离下一级还需 9992127 积分
积分
7872
发消息
电梯直达
楼主
发表于 2018-2-14 15:12:29
|
只看该作者
|
正序浏览
|
阅读模式
导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向。现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一新。这篇文章将聚焦导航菜单,分享我们对于导航菜单的认识和体验。
一、导航菜单有什么作用?
1. 提升产品内容和功能结构和层次
导航是APP的骨架,支撑着整体的内容和信息,让内容按照信息架构有机地结合在一起,直观而清晰地展示在用户面前,从而使零碎的内容变得充实而有序。结构化的同时也增强了生态感。
2. 重点展示核心功能
每一款产品投入开发进入市场后,立身之本在于自己的核心功能。因此,核心功能必须放在用户触手可及的位置,次要功能的比重应该得到控制,展示上也不能喧宾夺主。通过导航就能很好的突出核心,适当隐藏次要功能。
3. 简化用户旅程
合理的导航系统和顺畅的任务路径,能够让用户快速地达到目标,形成畅快的用户体验。用户旅程的简化对于产品的用户黏度和转化率有着直接的作用,高效的导航能够直戳用户痛点。
二、导航菜单的分类
在了解导航菜单的基本作用后,我们利用快速原型工具Mockplus来展示一下导航菜单的分类。
1、经典导航菜单Tabber
Tabber是苹果ios可以自动生成一种导航控件,开发起来方便。所以这种经典的底部导航栏受到绝大数app设计师的青睐。这种设计符合手机端用户单手操作的习惯,包括新版微信,淘宝,支付宝,百度手机等都采用的这一方式。这个APP导航方式占大多数。
优点:清楚当前所在的入口位置;直接展现最重要入口的内容信息。
缺点:功能入口过多时,该模式显得笨重不实用。
2.、矩形、网格式导航菜单
这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。这样的组织方式无法让用户在第一时间看到内容,选择压力较大,采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。
利用Mockplus实现的宫格导航效果
优点:简约而不简陋,导航清晰、明显,并能提高效率。
缺点:设计时需要注意色彩的搭配,太过于花哨会让用户产生视觉疲劳。
分享到:
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
0
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
用户反馈
客户端