紹峰's Blog

唸唸不忘,必有迴響。

iOS导航知多少

最近整理了些iOS导航的资料,知其优点,解其缺陷,减少设计过程中的

“XX上不是用的这个么,我们也加一个”,

“XX的这个体验不错,你看,怎么也加一个吧。”,

“XX的这个想法,不错就是用的不好,不知道哪里,就是感觉体验不顺畅”

“XX这设计不错,是借鉴的XX的吧”
“这个,我就要XX的这个”

以上都是我们设计过程中经常遇到的情况,具体这种导航或者这种形式是否适合自己的产品呢?在我们了解自身产品内容的时候,结合导航自身的优缺点进行设计,才能最大程度的避免:无意义的借鉴,简单粗暴的抄袭。这也是知己知彼,百战不殆的良方。

平铺导航

优点:很适合少而精的内容,适于随意浏览的页面。

     适于内容自定义,且数量可变的页面

     易于使用,只需熟悉的滑动手势即可导航

     界面占用空间少,页面分页控件只占用一点空间,给内容留下很多余地。

缺点:每次只能翻过一页,没法立即跳到非相邻页

     并不能适应较多的页面数量,页面指示器只能容下20个小点

     难以包含滚屏,对长文本不利。

     页面指示器太小,可能被用户忽略,因此让用户错过应用的其他页面。

    


标签栏导航

优点:点击一次即访问到应用所有的主要功能

           标注清晰地菜单,告知用户主要功能和当前所在的功能。

缺点:在保证便于操作的情况下做多5个标签。

           应用的每个(或大多数)页面都会被明显占据一定的屏幕空间。

    


树状结构

优点:能应便大量的类别、功能和项目织方式常见,容易理解

     可直接对内容进行交互,直观且占用屏幕空间小

     列表展示很适于用户自定义分类

缺点:主功能只有在最顶层页面才会被显示出来,不像标签栏,每个页面都可以看见。

     主要功能和分类直接切换有些麻烦,必须要先回到顶层页面,然后再依次点入。

  

   

出行类,有较大信息量,较多可选项,并且需要尽快给用户提供可选方案采用该种形式。

同时要把返回按钮做明显,做在固定的位置,以供用户发现自己操作失误(明明就是自己选的)可以尽快回到原点,能尽快的开始下一步正确操作。否则会被骂娘...


抽屉、隐藏式导航,

属于树状导航和平铺导航的结合体,结合两者的优点,缺点也是较为明显。

优点:在单屏基础上增加平铺导航的信息承载量,

     巧妙的利用滑触,把隐藏的树状结构导航调用出来。

     立体化界面,使得页面更觉有延展性,无论是横向还是纵向

缺点:对于当前页面的信息遮挡较大,

     点击展现辅导航成本较高,侧滑展现给界面横向切换带来诸多不便。

      


折叠导航的鼻祖是不是path已经不重要的,借鉴和抄袭都不可怕,微创新才是人间正道!适合自己才行。

其他导航:

轮盘式导航、播轮式导航。

优点:形式新颖,具有一点的可玩性

     可以在不需要的隐藏,需要的时候调出。

缺点:对于初学者有些障碍,不易被发现,可能会有一定抵触性。

     不便操作,容易造成误点。

 

组合导航

其实最常用的还是组合导航,根据自身的产品的内容需要以及受众群体的操作习惯进行选择。

各种导航就像是各种美酒、饮料,需要有鉴赏能力的调酒师,根绝酒品、饮酒者、环境精心调配。

举些“栗子”和“饭粒”。

    

   

  

咱们是懂很多、有很多导航可选,但是这不意味着需要把所有的都放在同一个页面上,内容咋办?

就像某达官贵妇,出门参加重要的仪式,没有必要每次都把自己所有的首饰都穿戴出来,展示给人看。

往往,精致的一对耳钉、一条项链最能令人过不忘,也表明身价,就像:海洋之心。


如果功能过多真不能证明懂得多或者是考虑、纠结的多,只是还不够了解,还很嫩。

好吧,咱们再多想想。

最后建议咱在设计之初,先动手,纸上谈谈兵!

评论

© 紹峰's Blog | Powered by LOFTER