移动应用UI设计规范

今天回头看看设计文档,回头复习一下,然后对比自己的App,发现有好些条在开发阶段都贯彻得不彻底。

iphone 三种设计方案:

  • 效率型:社交、银行、企业应用
  • 应用型:天气预报,地图、打车
  • 侵入型:音频、视频等


设计观念

  • 关注:移动应用的本质就是帮助用户以最高的效率完成特定的应用,少即是多。不要用多多益善的观念来打造移动应用。
  • 独特:与同类产品需要有独特之处。

使用环境:

  • 无聊
  • 忙碌
  • 异地


通用的设计规范:

  •  响应性: 如果用户执行了操作,应用必须立刻作出相应的反馈
  •  细节
  •  拇指
  • 点击目标
  • 内容:直接操控是触屏设备交互模式的根基
  • 控制元素的布局:具有控制功能的元素一般放到页面下方。

导航:

  • 没有导航
  • TabBar 导航
  • 列表导航

输入:

  • 确保针对不同的内容类型使用对应的键盘,提升用户输入的效率
  • 可以为你的应用预先好自动纠错这方面的设置

手势:

  • 无形,需要做合理的引导。
  • 多点触控
  • 锦上添花,即使用户不摘掉

交流:

  • 提供反馈:为用户的每一个交互行为提供即刻的反馈,否则用户会疑虑程序是否发生了什么问题,或是错误的认为自己并没有完成自己想要进行的操作行为
  • 模态对话:主要是alert,非常不友好,尽量少用
  • 确认:当你希望用户对是否要执行某种操作进行确认时,动作表单(Action Sheet)会更加合理一些。相比于警告框,动作表单更像是在上下文当中对用户行为的响应,而不是唐突出现不明状况的东西。

第一印象:

  1. 应用图标
  2. 首次启动


屏幕定向

  • 目前来看默认的也是最主流的屏幕定向方式仍是竖屏。
  • 正如前面提到的,如果你的应用需要用户输入很多文字,那么最好考虑支持横屏视图模式,让人们能使用更宽一些的键盘。
  • 对于内容阅读类的应用,也可以考虑在应用内增加独立的锁屏设置。
扫描二维码关注公众号,回复: 609267 查看本文章

猜你喜欢

转载自sectioncc.iteye.com/blog/2005657