壹佰大咖说|精准定位三大类移动应用导航设计,案例实战全解析
目前1905手机端的应用,选用的是选项卡时导航,但是改版前一直用的是抽屉式导航,将推荐频道作为应用启动的第一个界面。然而除了推荐频道的点击量很高之外,其他频道的点击量很低,所以当时考虑很重要的一个因素,是因为导航将其他频道隐藏太深导致,因此经过团队的讨论后,决定将导航改为选项卡导航。改版后各项数据都有所上升,体验非常直观。 2. 下拉菜单式 国外的某APP界面 在上面这张图中的应用,就是采用瞬时导航来删选不同频道的分类。 下拉式导航几年前也颇受偏爱。曾经我所在的PPTV团队,PPTV手机端1.0版本,我们所有的电影、电视剧、动漫等内容选择,都采用下拉式菜单展现。产品的交互设计也如时尚界,有一个流行趋势,这个交互设计流行了一段时间后,现在又开始了另外一种交互设计的流行。所以你会发现菜单式流行完后,视频类的产品又开始流行选项卡式的导航设计,并且沿用至今。其实用户的习惯养成,并不是我们想象中这么难。好用与可用,是不同的。但是,只要是好的设计,总是会受到用户的喜爱。 3. 转盘菜单式 在我们所有模式中,转盘菜单式是最少见的,无论是国内还是国外,使用率都非常低。究其原因,主要是由于其交互设计较为复杂,对于用户来说,使用成本太高。因此我们要谨记,能简单的,绝不复杂化。 同时,由于其操作手势很不简单和自然,因此设计任何有多个层级的菜单时应该避免采用转盘式的菜单。 次级导航模式案例分析为什么叫次级导航呢?因为其是在一级导航主导航下的二级分类和导航。 1. 翻页式导航 翻页式导航视觉呈现效果很强 翻页式导航通常应用在次级导航中,通常利用移动手势控制,如左右滑动,而手势的利用,在移动的交互中,往往可以达到事半功倍的效果。 因此我们在进行产品设计时,如果我们可以用手势来进行操作的功能,不要在界面上增加更多的按钮或者指示,增加流畅的交互体验所带给人的舒适感。 运用翻页式时要利用移动的手势控制,不要依赖像下一步按钮或标签页这类桌面端模式。但要注意提供视觉指示,让用户知道可以使用滑动手势。 2. 滚动选项卡式 滚动选项卡式的导航和手势的使用、动态交互密切不分。其适用于在某一个模块中显示多种类别或视图时。 (编辑:PHP编程网 - 襄阳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |