美文网首页
【第32天】移动设计的8大原则(上)

【第32天】移动设计的8大原则(上)

作者: Y酱 | 来源:发表于2017-02-22 13:09 被阅读51次

1、内容优先

界面布局以内容为核心,提供符合用户期望的内容。

以用户熟悉的维度来重组内容

内容清晰具体,是用户真实需要的

优先突出用户需要的信息,简化界面的导航

删除无关的多余内容,提升屏幕空间的利用率

在不同的情境下给用户不同的内容

淘宝PC,以搜索优先,内容复杂

淘宝App,以内容优先,精简组织,弱化导航

2、为触摸而设计

界面的交互以自然手势为基础,符合人体工学并保持一致性。

以信息架构为基础,建立手势交互规范

优先设计自然的手势交互,而不只是点击

引导用户在情景中学习手势操作

特殊手势不是必须的

手势操作要提供过程反馈提示

Apple Music 让用户在情景中学习手势操作

3、转化输入方式

使用手机的设备特性和设计手段,减少在应用内的文字输入。

减少文本输入,转化输入形式

数字输入转化为手势操作、词语关联减少输入

简化输入选项,变填空为选择

如出生日期、所在地等常规信息可使用选项

使用手机已有的传感器输入

如语音输入、二维码扫描、LBS定位等减少输入

MUJI to Relax 把手指放在镜头和闪光灯上就可以测试心率,从而给出推荐音乐,非常棒的体验。

心脏的搏动,会给毛细血管网形成充血的动能,在充血时,管网的透光率将产生轻微变化,通过摄像头的强光照射,会将这种透光率放大,进而被摄像头铺捉到。

透光率的搏动反应了心脏搏动规律,虽然并不严格同步,但频率几乎一致。所以分析成像的色值变化规律,就能得到心跳的频率。

4、流畅性

保持手势的操作流、用户的注意流和界面反馈转场的流畅性。

操作路径短的操作效率更高、流畅性更好

用户注视点的转移更圆滑,界面感受更流畅,避免注意流大幅度跳跃

让转场过度和反馈都是及时流畅

Nike Training 操作步骤简单,从目标、等级、是否跑步的选择,即可制定出一份适合自己的运动计划。始终保持在水平界面的左右切换,视觉焦点很集中,感觉流畅性非常好。


个人原创文章,转载请联系本人授权。

相关文章

  • 【第32天】移动设计的8大原则(上)

    1、内容优先 界面布局以内容为核心,提供符合用户期望的内容。 以用户熟悉的维度来重组内容 内容清晰具体,是用户真实...

  • 【第33天】移动设计的8大原则(下)

    5、多通道设计 多通道设计是指输入和输出用视觉、听觉、触觉等来协作完成,协同的多通道界面和交互,让用户更有真实感和...

  • 设计模式

    设计模式六大原则[设计模式六大原则(1):单一职责原则][设计模式六大原则(2):里氏替换原则][设计模式六大原则...

  • 设计模式 - 六大原则

    Reference 快速理解-设计模式六大原则 设计模式的六大原则 设计模式之六大原则作者:海子出处:http:/...

  • 设计模式(二):六大原则

    参考:设计模式六大原则简书-快速理解-设计模式六大原则注意:IoC 也属于设计模式吧。 设计模式六大原则(1):单...

  • 平面设计有那些原则?

    咱们要做好品牌平面设计,需要注意下面8大原则,万变不离其宗,需要自己好好去揣摩一下。 8大原则:1. 和谐;2. ...

  • 设计模式-六大原则

    转载自 设计模式六大原则 目录:- 设计模式六大原则(1):单一职责原则- 设计模式六大原则(2):里氏替换原则-...

  • 设计模式六大原则

    目录: 设计模式六大原则(1):单一职责原则 设计模式六大原则(2):里氏替换原则 设计模式六大原则(3):依赖倒...

  • 设计模式6大原则

    目录: 设计模式六大原则(1):单一职责原则 设计模式六大原则(2):里氏替换原则 设计模式六大原则(3):依赖倒...

  • 设计原则之6大原则

    目录:设计模式六大原则(1):单一职责原则 设计模式六大原则(2):里氏替换原则 设计模式六大原则(3):依赖倒置...

网友评论

      本文标题:【第32天】移动设计的8大原则(上)

      本文链接:https://www.haomeiwen.com/subject/qdxmwttx.html