创建优秀的用户界面——iPhone HIG
一个优秀用户界面应该遵循一些人机界面设计原则,这些原则来源于人——用户——思考和工作的方式,而不是设备的性能。如果一个用户界面没有吸引力,令人费解,或不合逻辑,那么即使是一个伟大的应用程序也会因此让用户觉得烦琐。但是,一个美观的,无需用户思考且引人入胜的用户界面不仅可以改善应用程序功能,还能激发用户对应用程序产生正面情感和依赖感。
如何在 iPhone 应用程序中体现这些优秀的设计原则呢?
一、拟物映射
将你的应用程序的对象和操作按照现实世界中的对象与操作仿造。特别是对于新手用户,这项技术能够帮助他们快速领会你的应用程序是如何工作的。
文件夹是一个经典的软件隐喻。在现实世界中人们把文档放到文件夹中,所以他们很快会明白把数据放到计算机的文件夹中。 在iPhone上,开关控件是一个很棒的隐喻。
图标设计中符号寓意也要注意。与现实世界中人的公共的心智模型一直,才能产生共鸣。
【值得注意的是】当您设计您的应用程序时,请认识到 iPhone 操作系统存在的隐喻,并且不要对这些隐喻重新定义。同时,检查你的应用程序执行任务是的表现,看看是否有自然的隐喻可以使用。请记住,相比为您的应用程序单独增加一个合适的符合真实世界的对象和操作的用户界面,使用标准的控件和操作反而更好。除非你选择的隐喻能被您的绝大部分用户理解,包括那些会增加而不是减少用户困惑的隐喻。
二、直接操作
直接操纵意味着人们觉得他们都在控制切实的而不是抽象的东西。遵循直接操纵的原则的好处是,用户更容易了解他们的操作对于操纵对象所产生的结果。
因为其多点触摸界面,iPhone 操作系统的用户享受着高度的直接操纵的愉悦感受。使用手势操作让用户对他们在屏幕上看到的对象,感觉上更具亲和力,和控制感,因为他们不必使用任何中间设备(如鼠标)操纵它们。
为了提高你的 iPhone 应用程序中的直接操纵感,请确保:
- 当用户对在屏幕上的对象执行操作时,要保持他们可见
- 用户的操作结果是立即地显而易见
三、即点即看
iPhone 应用程序是比一个人更善于记忆一些选项列表,命令,数据等。利用这个优势,以列表的形式给用户提供选择或选项,所以用户可以方便地扫描然后做选择。尽量减少文本输入使用户不必花费大量的时间打字,这样也避免了应用程序执行错误检查。
提供选择给用户,而不是要求更多开放性的输入,同时,允许可以让用户集中精力在你的应用程序完成任务,而不是去记忆如何操作它。
四、反馈
用户除了要看到他们操作的结果,还需要得到操作控件时的即时反馈,以及在长时间操作中的状态报告。
您的应用程序应提供明显的变化来响应每个用户操作。例如,确保列表选项时在用户点击时暂时的高亮。声音提示也很有效,但它不能成为主要或唯一的反馈机制,因为人们可能会在无法听到声音,或他们必须关闭声音的地方,使用携带 iPhone 操作系统的设备。况且,您也不想与 iPhone 操作系统的声音进行竞争,因为用户常把它认为是警告。
- 当系统暂时繁忙时,iPhone 操作系统自动地提供操作反馈:
- 显示活动指示器;
- 当系统操作持续超过好几秒时,你的应用程序应显示消耗时间进度,并且,如果有的话,显示解释性信息;
- 显示操作后的状态信息;
动画是向用户提供反馈的一种良好方式,它微妙而富有含义。动画贯穿于整个iPhone操作系统中,甚至在非沉浸式应用程序中。但作为提供反馈的一种手段,动画只是常用于提高用户体验,它本身并不是用户体验的焦点。
五、让用户去控制
让用户来触发并控制行为,而不是您的应用程序。保持行为的简单和直接,使用户能够很容易地理解并记住他们。尽可能使用标准的控件和用户已经熟悉的行为。
在开始之前应提供充分的取消操作的机会,当用户触发一个可能造成破坏的行为时,务必与用户进行确认。尽可能使用户能够正常地中止一个操作的进行。
六、高度的遵循美学
尽管一个应用程序的最终目的是为了完成某个任务,这项任务甚至可能是玩游戏,我们也不应低估界面的重要性。这是因为界面对功能有强大的影响力:如果一个应用程序看起来很混乱或不合逻辑的话,也必然是很难理解和使用的。
美的东西体验就是好的——这是一个基本法则。就像好看的人总是让人们感觉舒适亲和。
审美的完整性并不是一个用来衡量您的应用程序有多漂亮的标准。它的作用是衡量外观与功能相匹配的完整性。例如,一个高效的应用程序应保持微妙的装饰元素以及装饰背景,同时又通过标准控制和行为以突出任务。
例如一个身临其境的应用,用户期望一个美丽的界面外观,承诺乐趣和鼓励发现。虽然身临其境的应用往往是侧重于提供注意力的转移,它的外观仍然需要和任务结合起来。要确保你设计的用户界面元素在这样的应用程序里是细致的,因此它们才能提供一个内部一致的体验。via
小狮:附上《iPhone 人机界面设计规范(中英对照)》
来源:http://www.imliony.cn/blog/1932.hyh/
- 目前还没评论,等你发挥!