小土刀

一个满怀热爱的手艺人。无论是文字还是代码,我都想写点不一样的。

【移动应用UI设计模式】看云识天气

这本书的切入点很有意思,一上来没有说怎么样才能设计出好的移动应用,反而是说起了云。想要了解天气,首先要看懂天上的云彩,看起来差不多的云,其实分了好多种:卷云卷积云高层云高积云层积云雨云不一而足,认清了不同的云,才谈得上预测天气。所以这本书主要说的就是,当你看到一个界面,首先重要的是能认出来界面里有什么,运用了什么模式,有没有什么错误,只有了解了这些,才能真正设计出优秀的移动应用UI。


从这个角度看,这本书更像一本词典,从导航设计模式、表单设计、表格列表设计、搜索分类过滤、工具、图标设计模式、视觉吸引、控制与反馈、帮助、反模式这是个方面逐一介绍了不同的展现形式,而这些展现形式本身又是与功能紧密相关的。也就是说,拿到一个应用,使用过程中,功能依靠形式来展现,形式又会强化功能。想要学好移动应用UI设计,最重要的一点就是在平时使用的过程中,多去想想这个应用为什么要这样展现这样的功能,用的时候有没有感觉奇怪的地方等等。

书中介绍的模式非常丰富,这里仅仅只使用主要导航模式来说说我是怎么看这本书的。主要导航模式分为以下几种:跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式和超级菜单式。那么这些不同的模式,各有什么优劣,适合在什么样的情境里使用呢?

跳板式:利用网格布局各个同等重要的内容项,利用不规则的布局方式凸显某些项的重要性。视情况使用个性化和用户自定义选项。我们解锁之后看到的满屏图标实际上就是跳板式的导航,这种导航模式的优势在于效率,用户可以一眼找到自己想要使用的功能(当然图标不能设计得过分相似)。但是如果仔细想想,实际上在应用中,这种导航模式已经比较少见了,这又是为什么?答案很简单,同样是因为效率,用户不希望在打开应用之后还需要点击一次才能看到主要的功能,为什么不直接把最重要的信息展现出来呢?(支付宝的主页是个例外,因为有很多同级的应用)

列表菜单式:列表菜单很适合用来显示较长或拥有次级内容的标题。使用列表菜单的应用应该在所有次级屏幕内提供一个选项,用以返回到列表菜单。这种菜单在系统中有很多应用,比方说联系人,还有微信的聊天对话,这样的好处在于可以展示更多的信息,而这些信息在某些时候是很重要的。

选项卡:为已选择的菜单项设置不同的视觉效果,用户就能清晰地知道自己选择了哪一项。使用易于识别或带有标签的图标。基本上来说这已经成为了不少功能较多的应用的标准配置,直观和长期的用户习惯培养使得这种模式变得非常高效。

陈列馆式:陈列馆式导航能很好地应用于用户经常浏览、频繁更新的内容。其实这里只要说一个应用就能感受出来——照片(图库)。

仪表式:不要使用过多的仪表式导航,通过研究确定为哪些关键量度采用仪表式导航。仪表式导航很多时候是双刃剑,一旦用户没有能够把界面元素和现实生活中的事物对应起来,就会起到非常糟糕的反效果。但是一些约定俗成的,比方说速度计、股票图等等,使用仪表式则更为友好。

隐喻式:谨慎地使用隐喻式导航,蹩脚的模仿很容易弄巧成拙。比方说应用中使用文件夹来作为分类的表示,但如果用户没有理解这样的内在逻辑,就会困惑。但是比方说像iBooks一样做成书架,对于大多数人来说,是很容易理解的。

超级菜单式:在选择导航模式之前,首先要确定信息架构。如果要导航的对象仅仅是应用中少数主要内容,就可以使用选项卡之类的导航模式。这种模式基本已经不常见了,这里有个矛盾,就是如果你的应用功能多到需要使用超级菜单了,那么你应该拆分应用,而不是弄一个复杂且容易让用户困惑的超级菜单。

随着移动应用的发展,我们可以发现,其实单一使用某种导航模式的应用几乎绝迹,基本都是两种模式的组合,例如微信就是下面是选项卡,上面是列表式。这种变化其实很有意思,标志着从原来的粗放式设计(也就是针对整个应用,有一个设计)逐渐转向精细化设计(也就是针对应用中的某一组功能甚至某一功能进行设计),也意味着设计在整个开发过程中的地位提升。

简洁是对复杂进行思考的结果,清晰是对凌乱思考的结果。好的模式组合会像魔法般点石成金,而随意的拼凑则只会让用户毫不犹豫的点击删除。从平庸到卓越的路一直都在,需要的就是思考、努力,每一次跌倒,只会让你更接近彼岸。


评论
热度(7)

© 小土刀 | Powered by LOFTER