《iOS Human Interface Guidelines》——Design Principles

翻译 2015年11月19日 19:23:37

设计原则



整体美学


整体美学并不是测量一个app插图的美丽程度或者表述它的风格;而是表示一个app的外表和行为与其功能整合来传达一种连贯的信息的程度。




人们关心一个app是否提供了它承诺的功能,但同时也受到app的外表和行为的很大——有时是潜意识的——影响。比如说,一个帮助人们完成严肃任务的app会通过将装饰性的元素做的精妙且不引人注目和使用标准控件以及可预见的行为来将注意力集中到任务上来。这个app传达了一个关于其目的和身份的清晰的、统一的信息来帮助人们信任它。但如果这个app通过在干扰的、轻浮的、随意的UI中展现任务来传递混乱的信号,人们就会对app的可靠性和可信度产生疑问。


另一方面,在鼓励沉浸式体验的app中——比如游戏——人们会期待迷人的外表,这会带来愉悦、轻松的感受并鼓励探索。人们不会期待在游戏中完成严肃的或生产性的任务,但是他们会期待游戏的外表和行为与其目的相整合。




一致性


一致性让人们可以在一个app的不同部分的UI间或不同app之间传递他们的知识和技能。一个一致性的app不是盲目的复制其他app,也不是在文本上停滞不前;而是关注标准和典型的人们所期望的东西并提供一种内在的一致体验。




思考这些问题来确定一个iOS app是否遵循了一致性的原则:

  • app是否和iOS的标准一致?它是否正确地使用了系统提供的控制器、视图和图标?它是否以用户所期待的方式包含了设备的特性?
  • app其自身是否一致?文本是否使用了同样的术语和风格?同样的图标是否总是表示同样的事情?人们是否能预测在不同地方执行相同操作时产生的结果?自定义的UI元素在整个app中的外表和行为是否一致?
  • 同样的,app是否和其早期的版本一致?术语和意义是否保持一致?基本的概念和基础的功能是否在本质上没有改变?



直接操控

当人们直接操控屏幕上的对象而不是使用单独的控件来操控它们时,他们会更加专注于他们的任务,也会更容易理解他们的动作所带来的结果。



使用多点触控界面,人们可以通过捏来直接展开或收缩一个图像或内容区域。在游戏中,玩家通过屏幕上的对象来直接移动或互动——比如说,一个游戏也许会展示一个用户能够通过旋转打开的锁。

在iOS app中,人们会在这些时候体验直接操控:
  • 旋转或移动设备来影响屏幕上的物体
  • 使用手势来操控屏幕上的物体
  • 能够看见他们的动作有即时的、可见的结果



反馈


反馈可以确认人们的动作,给他们展示结果,并更新他们任务的进展。




内置的iOS app为每一个用户动作提供了可感知的反馈。列表元素和控制器会在人们点击时简短的高亮并且——在操作持续几秒钟后——控制器会显示进展。


精细的动画会给予人们有意义的反馈来帮助弄清楚他们动作的结果。比如说,列表会在添加一行时显示动画来帮助人们看到变化。


声音也可以给人们有用的反馈,但这不应该是唯一的反馈机制,因为人们不会永远听到他们设备的声音。




象征


当一个app中虚拟的对象和操作象征着熟悉的经验时——无论这些经验是基于现实世界还是数字世界——用户会很快理解如何使用app。


一个app最好使用那些不会局限于他们所基于的对象或操作的象征来支持使用或经验。


iOS app有着非常大适用范围的象征,因为人们在直接和屏幕交互。iOS中的象征包括:

  • 移动分层视图来露出他们下方的内容
  • 在游戏中拖拽、轻拂或猛击物体
  • 点击开关、滑动滚动条和旋转选取器
  • 轻拂来在书或杂志中切换页面



用户控制

人——而不是app——才应该发起和控制操作。app可以建议一个操作过程或者警告危险的后果,但app从用户手中夺走决定权通常是错误的。最好的app会在给予人们他们想要的能力和帮助人们避免不想要的结果中找到准确的平衡。



当行为和控制是相似的且可预测的时,用户会感到更多的对一个app的控制力。而当操作是简单和直接的时,用户会很容易的理解并记住它们。

人们期望在一个操作开始前有充足的机会取消它,并且他们期望在执行一个潜在的破坏性操作时得到一次确认他们目的的机会。最后,人们期望可以温和地停止一个正在进行的操作。




本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
版权所有:http://blog.csdn.net/cloudox_

《iOS 7 Human Interface Guidelines中文版》读书笔记(1)

这个是官网:iOS Human Interface Guidelines为iOS而设计(1)充分利用整个屏幕。 (2)尽量减少视觉修饰和拟物化的使用,UI面板、渐变和阴影有时会让UI元素显得很厚重。...
  • yyh3663477
  • yyh3663477
  • 2017年01月09日 10:19
  • 186

机器学习(十七)主成分分析(Principle Component Analysis)

主成分分析想法来源:数据压缩、可视化PCA:主成分分析。目的就是把有意义的样本点数据适当地降维表达。如果是降到3维或者2维就可以可视化表达了。这其中,针对常用的样本点来说,肯定是有数据损失的。问题是如...
  • lonelyrains
  • lonelyrains
  • 2015年11月11日 18:25
  • 2923

Android UI控件之Spinner(下拉列表)

下拉列表---Spinner用于显示列表项,类似于一组单选按钮RadioButton。Spinner的使用,        可以极大的提升用户的体验性。当需要用户选择的时候,可以提供一个下拉列表项给...
  • kiritor
  • kiritor
  • 2013年03月17日 20:23
  • 9983

机器学习实战篇—人脸识别(Human Face Recognition)

介绍: 之前看了一篇在Ubuntu上写的人脸识别,自己在mac下试了一下,觉得有必要再扩展一下,通过一个简单的例子来了解一下人脸识别的过程。 准备知识: 欧几里得距离:是一个...
  • sqc3375177
  • sqc3375177
  • 2017年12月27日 20:42
  • 91

复杂度分析(1)-渐进复杂度,空间复杂度

最近杨振宁和姚期智的回到中国国籍的事情非常热闹,作为一个在中国想做coding相关工作的人,你就不应该不知道清华姚班这个神奇的存在。...
  • zyhmz
  • zyhmz
  • 2017年02月24日 13:23
  • 150

makehuman学习笔记

一、makehuman 是开源的人体变形软件。 二、makehuman相关网址 http://www.makehuman.org/   可以下在最新的release版本,以及最新的python源代码;...
  • xsloop
  • xsloop
  • 2015年05月04日 08:46
  • 3405

Ant-design 快速上手

1、在开始之前,先下载 Node.js v4.x 或以上。 2、安装后在win+r输入npm install antd-init -g 安装antd 3、使用命令行进行初始化。 $ mkdir an...
  • sinat_38270658
  • sinat_38270658
  • 2017年04月11日 14:28
  • 3211

ant.design实践手札之---ajax数据调用

今天正好在弄项目的ajax数据调用情况,趁热打铁记录下实际的运行步骤状态1、创建一个对应的对象model、service、routes、mock作为一个简单的ajax的准备工作/src/models/...
  • xupeng874395012
  • xupeng874395012
  • 2017年01月20日 16:26
  • 3059

Android源码大放送之material design类型

本文转载自:http://www.apkbus.com/android-243232-1-1.html 鉴于大家对源码的渴望,就算自己辛苦一点也要满足大家的需求,查看了几百个源码...
  • cike110120
  • cike110120
  • 2015年06月20日 09:33
  • 11830

Material Design学习之 EditText (功能强大,优于系统自带,感谢“扔物线”)

转载请注明出处:王亟亟的大牛之路继续之前的Material Design历程,今天是EditText,素材来源于http://www.rengwuxian.com/post/materialeditt...
  • ddwhan0123
  • ddwhan0123
  • 2016年01月29日 10:39
  • 4925
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:《iOS Human Interface Guidelines》——Design Principles
举报原因:
原因补充:

(最多只允许输入30个字)