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

1、内容优先

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

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

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

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

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

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

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


【第32天】移动设计的8大原则(上)_第1张图片

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


【第32天】移动设计的8大原则(上)_第2张图片

2、为触摸而设计

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

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

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

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

特殊手势不是必须的

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

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


【第32天】移动设计的8大原则(上)_第3张图片

3、转化输入方式

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

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

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

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

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

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

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

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


【第32天】移动设计的8大原则(上)_第4张图片

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

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

4、流畅性

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

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

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

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

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


【第32天】移动设计的8大原则(上)_第5张图片

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

你可能感兴趣的:(【第32天】移动设计的8大原则(上))