来源:《方寸指间》
移动端六大设计原则
1、简洁:突出重点,聚焦内容;删除、隐藏、转移
敢于删除不必要的内容;多应用交互手势操作,隐藏一些不必要的信息,使内容优先最大化;转移到传感器等硬件,让界面设计有趣简洁。
2、高效:稳定、流畅、快捷
避免键盘输入,操作慢易出错,若有更好的输入方式优先考虑语音、手势、传感等(eg:保留之前输入的内容,关键字联想);提高有效触动,减少用户的挫败感(eg:增大点击区域,手势替代点击);更少的页面跳转能增加页面的连贯性。
3、一致性:是设计基础原则
设计上的一致,涵盖基本结构布局、模块化内容、文案、交互行为和视觉风格等;平台环境的一致,维持用户的使用习惯;跨平台的一致性,规范的制定,多平台布局内容设计上处理追求一致。
4、反馈:有效、清晰、即时
为用户的行为操作提供即时反馈,比如按钮状态的切换;提供有价值的状态提示反馈,不使用单一场景,可以根据实际情况适用toast、状态栏、导航栏等反馈方式,也可结合声音、振动。闪光灯组合方式。
5、情感化:让用户感到愉悦
有趣的文案、出色的视觉效果、个性化设计、互动反馈、IP形象的拟态都可以作为一种形式。
6、移动化:思考产品如何才能更具移动化
手势的充分利用、振动硬件、LED灯和产品更好的结合、传感器的特点、摇一摇的中立感应、LBS的地理位置和陀螺仪的游戏效果。
多端差异
iOS app拥有完整的导航体系,无须借助外部按键;Android自身硬件已带有返回按键
Web app通过HTML5来实现,平台自带浏览器和主浏览器的特性,需要特别注意界面大面积的左右滑动控件与浏览器默认操控手势的冲突;不能锁定屏幕,横竖屏适配需要考虑;HTML5已支持大量离线功能,需要考虑大数据量时的预演效果。
导航设计主要是主导航和二级导航的设计,这两者之前可相互转换。主导航:标签式、抽屉式、桌面式、菜单式、点聚式;二级导航:旋转木马、列表、图示、选项卡。