必威体育Betway必威体育官网
当前位置:首页 > 运营推广

移动产品设计之ios导航模式

时间:2018-02-13 18:00:00来源:运营推广作者:seo实验室小编阅读:85次「手机版」
 

kentzhu

导航始终是产品设计的重头戏,往往产品设计中90%的事情就是在做导航。在iPhone中预置了3种可以直接使用的导航模式,平铺列表、标签页、树状结构,每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭,让你的用户可以优雅的穿行与你的应用之中。

写在前面:刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下,但是还是不甚寥寥。最近读《触动人心》,发现作者对iOS的导航模式的总结实在太棒了,于是写下这篇读书笔记。

导航始终是产品设计的重头戏,往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式,平铺列表、标签页、树状结构,每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭,让你的用户可以优雅的穿行与你的应用之中。

(图片来源:Tapworthy)

平铺列表

这种方式主要用于只有一个主屏的简单应用。这种方式很适合浏览并发现类的应用,因为他的信息架构简单到极致,没有信息层级也没有组织结构,就像一叠卡片一样。主要信息在卡片的“正面”展示,“反面”就是简单的设置,向左右滑动即可翻页,典型应用比如内置的天气应用。

当然,平铺列表式导航也可以根据你的需要随意的添加、删除卡片。从某种意义上讲,他的扩展性优于标签页式导航,因为标签页模式中类目与顺序都是固定的。

在平铺列表模式的页面底部都添加了页面分页控件,其表现为一排小圆点。小圆点的数量代表了平铺的页面的数量,而高亮的小点则是另外一种形式的导航,他显示了当前所在页面的位置。同时,页面分页控件也是可以操作的,点击控件的左半部分或者右半部分或者直接左右滑动可以切换上一个/下一个页面,不过,页面分页控件每次只能翻一页,而不是直接跳转到某一页去。一般而言,页面分页以不超过10个为最优,超过了20个就会溢出屏幕了…。

另外,为了更好的表达”卡片堆“的隐喻,最好不要在平铺模式下设计多个不同的滑动手势。在触摸屏上大家都能在单一方向上进行滚屏,但是2个方向的滚屏需要更好的精度,这种做法有些挑战人机工程学了。

相关阅读

优秀的网站导航设计应该具备哪些因素

 好的导航栏菜单就很容易帮助用户了解自己所处位置,明确告知用户下一步如何做。这也就是网站导航设计被视为用户体验最重要元素单

如何用编程思维快速完成产品设计?

舒舟(阿里巴巴1688事业部):人们普遍认为,流程和工具不重要,重要的是想法和思路。话虽如此,不过我认为流程和工具也能反映一个设计师的设

万门大学:突破传统教育模式,成为在线教育标杆

回忆早年社会,大部分人都处在没学可上、无书可读的阶段,但是随着时代的发展,大众教育开始普及,几乎所有人都可以上学,并且互联网时代的

后台产品设计的4个原则

大家都说后台产品难做、要求高,这是有原因的。而且这个原因会超出我们的认知,一起来看看吧。什么是后台产品后台产品也被我们称为后

从珲春123看地方门户产品设计

互联网优秀的产品很多,笔者只从个人力所能及的认知范围去介绍所认可的作品,就如上次写的《从京东看商城产品设计》,可能有其他优秀几

分享到:

栏目导航

推荐阅读

热门阅读