iOS Human Interface Guidelines 译文

admin

译者按
此文是苹果在 2010.11.15 合并 iPad HIG 和 iPhone HIG 后的得来的。我(译者)用了大 概两周的时间将其翻译出来， 算是帮助中国的交互设计师和开发者了解苹果设计规范的 小礼物。译时仓促，多少会有生涩和错误之处，如有看到，你可以发邮件或者到腾讯微博（totry.psy@gmail.com）告知我。以后有修订后的版本或者其他译作，也会在微博 (t.qq.com/totry_zju)和博客（www.xuexiao.me）上给予通知。



目录：译者按一. 简介

• 要旨概览：
• 伟大的 iOS 程序应遵守平台和交互设计原则
• 伟大的程序起源于简明的定义
• 伟大的用户体验来源于关注细节
• 用户期待能在程序中使用苹果的技术
• 所有的程序都需要进行部分定制
  

二. 平台特点

• 无论尺寸如何，屏幕都是最重要的
• 屏幕的方向是会变的
• 程序响应手势，而非点击
• 每次只在使用一个程序
• 可以在"设置"中修改偏好
• 屏幕上"帮助"的效果有限
• 一个程序只有一个窗口
• 有两类程序运行在 iOS 上
• Safari 提供网页界面
  

三. 人机界面设计原则

• 美（Aesthetic Integrity）
• 一致性
• 直接控制
• 反馈
• 暗喻
• 用户控制
  

四. 程序设计策略

• 明确程序定义
  
  • 1 列举所有你觉得用户会喜欢的功能点
  • 2 确定你的目标用户
  • 3 通过对目标用户的定义筛选功能点(LBS)
  • 4 不要停
    
• 为设备而设计
  
  • 拥抱 iOS 界面规范
  • 确保程序在 iPad 和 iPhone 上通用
  • 重新考虑基于 web 的设计
    
• 为任务量身定做界面
• 原型和重述
  

五. 案例分析：移植到 iOS

• 从电脑上的 Mail 到 iPhone 上的 Mail
• 从电脑版 Keynote 到 iPad 版
• 从 iPhone 版 Mail 到 iPad 版
• 从电脑版 Safari 到 iPad 版
  

六. 用户体验指南

• 关注主任务
• 提升用户关注内容的权重
• 自上而下思考
• 让用户有逻辑可循
• 使用方法明显、易用
• 使用以用户为中心的术语
• 减少对用户输入的需求
• 不要重视管理文件的操作
• 容许协作和联通
• 弱化设置
• 品牌宣传要适当
• 搜索要反应迅速、结果丰硕
• 要在 App Store 提供精炼的描述
• 精炼
• 界面元素要一致
• 考虑增加真实感
• 用绝佳的图片取悦用户
• 处理好改变方向
• 让目标符合手指的尺寸
• 使用微妙的动画表达
• 恰当地支持手势
• 只在必要的时候要求用户存储
• 让模态化任务表现地暂时且简单
• 立即启动
• 随时准备停止
• 不要自动退出
• 有必要的话，展示许可证或者免责声明
• 适用于 iPad：增强交互性（别只增加功能点）
• 适用于 iPad：减少全屏转场
• 适用于 iPad：抑制你的信息层级
• 适用于 iPad：考虑将浮出层用于不同模态的任务
• 适用于 iPad：考虑将浮出层用于不同模态的任务
  

七. iOS 技术使用指南

• 多任务
• 打印
• iAd 富媒体广告
• 快速文件预览
• 声音
  
  • 理解用户的期望
  • 定义声音的行为
  • 管理声音冲突
  • 处理远程媒体控制事件
    
• VioceOver 和附件
• 编辑菜单
• 撤销和重做
• 键盘和输入视图
• 位置服务
• 本地和推送提醒
  

八. iOS 界面元素使用指南

• 栏
  
  • 状态栏
  • 导航栏
  • 工具栏
  • Tab 栏
    
• 内容视图（Content Views）
  
  • 浮出层（只限 iPad）
  • 分栏视图（只限 iPad）
  • 表格视图
  • 文本视图
  • Web 视图
    
• 警告框、操作列表和模态视图
  
  • 警告框
  • 操作列表
  • 模态视图
    
• 控件
  
  • 活动指示器
  • 日期和时间拾取器
  • 详情展开按钮
  • 信息按钮
  • 标签
  • 网络活动指示器
  • 页码指示器
  • 拾取器
  • 进度指示器
  • 圆角矩形按钮
  • 范围栏（Scope Bar）
  • 搜索栏
  • 分段控件
  • 滚动条（Slider）
  • 切换器（Switch）
  • 文本框（Text Field）
    
• 系统提供的按钮和图标
  
  • 工具栏和导航栏中使用的标准按钮
  • Tab 栏中使用的标准按钮
  • 表格等其他界面元素中使用的标准按钮
    
  
  

九. 定制图标和图片指南

• 程序图标
• 小图标
• 文档图标
  
  • 为 iPhone 制作文档图标
  • 为 iPad 制作文档图标
    
• Web 快捷方式图标
• 导航栏、工具栏和 tab 栏上用的图标
• 登录图片
• 为 Retina 屏幕设计画作的技巧
  

PDF版下载：http://xuexiao.me/2011/03/ios-human-interface-guidelines