admin 发表于 2013-12-25 01:38:34

iOS Human Interface Guidelines 译文

译者按
此文是苹果在 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
页: [1]
查看完整版本: iOS Human Interface Guidelines 译文