91选校培训网 > 上海培训机构 > 上海非凡进修学院

上海非凡详解APP中的九大导航架构做有头脑的产品设计!

来源:上海非凡进修学院 日期:2019-12-23 09:12 浏览:41

导读|:首先理解一个知识点,什么是导航?导航是页面的架构,是功能入口的组织形式。导航的作用是什么?产品的结构和功能用户任务的扁平路径突出产品核心

PART 1——标签式导航


优点:能快速切换模块、信息和任务,包容性强。

缺点:标签式导航的数量上限最好不超过5个。


标签式导航强调选中标签状态和非选中标签状态
PART 2——舵式导航


优点:重点突出频繁使用的功能。

缺点:只适合附带二级导航的扩展,且功能单一,占据空间大。


比如星巴克的中间悬浮按钮为主要的扫码功能
舵式导航中间的按钮并不一定是圆形
PART 3——列表式导航


优点:高效率的导航形式,延展性强,信息层级明显并突出。

缺点:用户体验感单调,无趣味性。


社交软件的聊天人列表
通讯录是列表导航出现最多的地方
另一个比较常用的就是设置页面
PART 4——下拉菜单式导航


优点:以内容为主且与界面连贯性较好,展开收起的唤醒迅速。

缺点:入口容易被忽视,多数位于顶部不易于单手操作。


最典型的微信右上角下拉导航功能
PART 5——抽屉式导航


优点:又称为侧边导航,追求核心内容的突出,节省空间,渲染式体验感。

缺点:弱化了导航,功能和信息流单一。



侧边导航注重交互的手势体验 对于操作使用上并没太好的辅助
PART 6——宫格式导航


优点:功能一目了然,有助于大流量的分发,分类明显。

缺点:需要频繁在几个信息入口间切换。



逻辑性相对较简单的常用导航形式,被广泛应用,比如支付宝
PART 7——卡片式导航

优点:主流的更具有可视化的导航,常作为二级导航,有效提高产品转化率和用户查看度。

缺点:占用空间大,内容展现少。



卡片式导航分为等高和不等高两种,不等高的又称之为瀑布流
PART 8——页面转盘式导航


优点:又称之为轮播式,采用自动和手势互动来选择目标更有趣味性。

缺点:自动或手动均需消耗额外体验时间且展示内容受局限。



转盘高度和位置不局限,很好的与用户产生互动体验
PART 9——仪表盘式导航


优点:使数据更加生动直观易读,增加APP趣味性。

缺点:使用范围较窄,设计要求更高。


转盘高度和位置不局限,很好的与用户产生互动体验
导航系统是整个APP的骨架,支撑着产品内容和功能,我们在设计不同的产品时要先分析用户最常用行为的分类组织,哪些功能元素可以被用户以最容易的方式获取和使用。通过设计将产品的核心点集中突出,用户就不会迷失方向,这个产品设计也就成功了!

武老师认为每位同学都需要分析大量的产品导航思维,从中学习到不同产品的功能应用,才能提高自己的产品设计能力。非凡教育-《全链路UI/UE交互设计就业班》特色课程由武凯老师亲授,已培养众多UI/UE设计行业优秀人才。



回馈新老学员活动享不停,如此优惠只为你!


版权声明

本文来源:上海非凡教育www.feifanedu.com.cn

推送图文信息版权归原作者所有!转载内容无商业目的且会注明作者和来源,除非无法确认部分推送未能联系到原作者,涉及版权烦请告知小编更正!

↓↓↓
总结:如果还想了解更多课程可以直接联系我们的在线老师哦!!!还想了解更多,可以直接点击链接:https://www.zgxledu.com/edu/feifanedu.html

相关课程 更多>