【第32天】移动设计的8大原则(上)
1、内容优先
界面布局以内容为核心,提供符合用户期望的内容。
以用户熟悉的维度来重组内容
内容清晰具体,是用户真实需要的
优先突出用户需要的信息,简化界面的导航
删除无关的多余内容,提升屏幕空间的利用率
在不同的情境下给用户不同的内容
淘宝PC,以搜索优先,内容复杂

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

2、为触摸而设计
界面的交互以自然手势为基础,符合人体工学并保持一致性。
以信息架构为基础,建立手势交互规范
优先设计自然的手势交互,而不只是点击
引导用户在情景中学习手势操作
特殊手势不是必须的
手势操作要提供过程反馈提示
Apple Music 让用户在情景中学习手势操作

3、转化输入方式
使用手机的设备特性和设计手段,减少在应用内的文字输入。
减少文本输入,转化输入形式
数字输入转化为手势操作、词语关联减少输入
简化输入选项,变填空为选择
如出生日期、所在地等常规信息可使用选项
使用手机已有的传感器输入
如语音输入、二维码扫描、LBS定位等减少输入
MUJI to Relax 把手指放在镜头和闪光灯上就可以测试心率,从而给出推荐音乐,非常棒的体验。

心脏的搏动,会给毛细血管网形成充血的动能,在充血时,管网的透光率将产生轻微变化,通过摄像头的强光照射,会将这种透光率放大,进而被摄像头铺捉到。
透光率的搏动反应了心脏搏动规律,虽然并不严格同步,但频率几乎一致。所以分析成像的色值变化规律,就能得到心跳的频率。
4、流畅性
保持手势的操作流、用户的注意流和界面反馈转场的流畅性。
操作路径短的操作效率更高、流畅性更好
用户注视点的转移更圆滑,界面感受更流畅,避免注意流大幅度跳跃
让转场过度和反馈都是及时流畅
Nike Training 操作步骤简单,从目标、等级、是否跑步的选择,即可制定出一份适合自己的运动计划。始终保持在水平界面的左右切换,视觉焦点很集中,感觉流畅性非常好。

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