加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 襄阳站长网 (https://www.0710zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析

发布时间:2016-11-19 17:11:33 所属栏目:运营 来源:产品壹佰
导读:副标题#e# 本文整理自壹佰讲堂第68期,由1905电影网成都产品总监张崟倾情分享。 想要查看视频回顾? 想要获取分享课件? 戳这里快速获得哦~ 前言 手机不仅是信息的工具,甚至成为了人们的一部分,其打破了时间和空间的限制,这也是移动趋势渗入我们工作和生

目前1905手机端的应用,选用的是选项卡时导航,但是改版前一直用的是抽屉式导航,将推荐频道作为应用启动的第一个界面。然而除了推荐频道的点击量很高之外,其他频道的点击量很低,所以当时考虑很重要的一个因素,是因为导航将其他频道隐藏太深导致,因此经过团队的讨论后,决定将导航改为选项卡导航。改版后各项数据都有所上升,体验非常直观。

2. 下拉菜单式

壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析

国外的某APP界面

在上面这张图中的应用,就是采用瞬时导航来删选不同频道的分类。

下拉式导航几年前也颇受偏爱。曾经我所在的PPTV团队,PPTV手机端1.0版本,我们所有的电影、电视剧、动漫等内容选择,都采用下拉式菜单展现。产品的交互设计也如时尚界,有一个流行趋势,这个交互设计流行了一段时间后,现在又开始了另外一种交互设计的流行。所以你会发现菜单式流行完后,视频类的产品又开始流行选项卡式的导航设计,并且沿用至今。其实用户的习惯养成,并不是我们想象中这么难。好用与可用,是不同的。但是,只要是好的设计,总是会受到用户的喜爱。

3. 转盘菜单式

壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析

在我们所有模式中,转盘菜单式是最少见的,无论是国内还是国外,使用率都非常低。究其原因,主要是由于其交互设计较为复杂,对于用户来说,使用成本太高。因此我们要谨记,能简单的,绝不复杂化。

同时,由于其操作手势很不简单和自然,因此设计任何有多个层级的菜单时应该避免采用转盘式的菜单。

次级导航模式案例分析

为什么叫次级导航呢?因为其是在一级导航主导航下的二级分类和导航。

1. 翻页式导航

壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析

翻页式导航视觉呈现效果很强

翻页式导航通常应用在次级导航中,通常利用移动手势控制,如左右滑动,而手势的利用,在移动的交互中,往往可以达到事半功倍的效果。

因此我们在进行产品设计时,如果我们可以用手势来进行操作的功能,不要在界面上增加更多的按钮或者指示,增加流畅的交互体验所带给人的舒适感。

运用翻页式时要利用移动的手势控制,不要依赖像下一步按钮或标签页这类桌面端模式。但要注意提供视觉指示,让用户知道可以使用滑动手势。

2. 滚动选项卡式

壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析

滚动选项卡式的导航和手势的使用、动态交互密切不分。其适用于在某一个模块中显示多种类别或视图时。

(编辑:PHP编程网 - 襄阳站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!