当前位置:文档之家› Iphone界面设计和用户体验

Iphone界面设计和用户体验


直观操作
直观操作意为人们感到他们在物理上,而非抽象地控制某 物。其优点在于用户更容易理解他们的行为对于操作对象 所产生的结果,比如手势。
即看即点
通过列表的形式来提供选择或选项,用户可以轻松地浏览 它们并作出选择。尽量减少文本输入的需要,使得用户就 不必花费大量时间输入命令,您的程序也不需要执行大量 的错误检查
iPhone界面设计和用户体验
参考iPhone Human Interface Guidelines(HIG)
奉光亲 (Edison)
三种应用程序风格
效率型
通常分层组织用户数据 ,比如邮件
实用型
一般以平面列表的方式显示信息 ,比如天气程序
沉浸型
提供具有丰富视觉效果的全屏环境,专注于内容和用户对内 容的体验,比如游戏
用户研究结果分析
分析的方式
共享资料,可以在工作区域设置一块白板,将资料贴在上面 分析笔记 纪录分析结果和创意 汇报成果,可以以白板的方式共享 编写产品定义,定义格式通常为
<目标用户><特性><解决方案>,比如:帮助城市中的艺术爱好者 快速的查找,分享,点评艺术展览的应用
用白板的方式共享测试结果
用户界面设计
参考iPhone界面设计指南
品牌和广告
品牌:人民对某一产品,服务或公司的直觉,有独特性, 恰当性,易记性,延展性,深度。
移动广告的形式
横幅广告,顶部,底部甚至在列表内 插播式广告 片尾广告
参考资料
iPhone人机界面指南
/developer/iphone/library/docu mentation/UserExperience/Conceptual/MobileHIG/Introd uction/Introduction.html
竞品分析
分析方法
需求匹配图,用表格罗列出需求,在不同的产品之间做比较 2X2象限图
竞品评估 优化产品定义
一个可以让城市的艺术爱好者为户外艺术活动轻松添加地理 Tab标签,分享户外艺术活,这样有助于形成非正式的 合作
简短的用户帮助
移动用户在使用您的应用程序前没有时间通读大量的帮助 内容
隐喻
尽可能按照现实世界中的对象和操作来对您程序中的对象 和操作建模。这能够帮助用户,尤其是新手,迅速地理解 您的应用程序的是如何工作的。文件夹就是一个典型的软 件隐喻。因为在现实世界中,人们将文件放在文件夹里, 所以人们就能够迅速地理解在计算机上将数据放入文件夹 的概念。
反馈
用户除了需要看到操作的结果外,还需要得到操作及时的 反馈,以及在长时间操作时的状态报告。您的程序应通过 一些视觉上的变化来回应用户的每一个操作,比如繁忙时 会显示活动指示符以自动提供反馈;动画贯穿于整个 iPhone OS
用户控制
在操作开始前应提供充分的取消操作的机会,并且确保在 用户触发潜在的破坏性操作时取得操作确认。尽可能使用 户能够正常终止正在进行的操作
效率型
实用型
沉浸型
HIG的指导原则
快速启动
启动页和主界面差异要小 简短的用户帮助 隐喻 直观操作
即看即点
HIG的指导原则
反馈
用户控制
快速启动
在用户启动系统后,尽可能快进入系统主界面
启动页和主界面差异要小
启动页和主界面差异越小,屏幕效果的闪动就越不明显
探索多种不同的方向 只对有助于探索未决设计问题制作原型 可以采用纸质原型
对应用概念进行可用性测试
在用户与产品进行交互时,对其观察
可用性指标
易学性,效率,易记性
测试方法
传统的测试:观察用户完成任务的过程,并要求其“边做边说” RITE法(快速迭代测试和评估法):观察用户完成任务的过 程,并要求其“边做边说”,强调快速调整并确认这些调整是 否有效 纸面原型测试:通常都涉及3个角色,引导人员,“计算机”, 笔记纪录员/录像员
用户界面设计
品牌和广告
假设的产品需求背景
假如我是一个艺术爱好者,那么我常希望了解艺术展览的 信息,因此我有想开发一个相关的iPhone应用
用户研究
研究的主要方向
用户是如何完成日常事务的 对用户来说什么是最重要的 有哪些需求还未满足
研究的方法
影随法,实地访谈,电话访谈,街头拦访,问卷调查 拍照,录音,录像,笔记
优秀iPhone应用程序的共性
简单和易用性
显而易见 由上而下的布局 最大限度地减少所需的输入 简洁地表达信息
为控件提供指尖大小的目标区域
将重点放在主要功能上
Iphone界面设计的过程
用户研究
用户研究结果分析 探索应用的概念 制作应用概念的原型 对应用概念进行可用性测试
集体头脑风暴是开始概念探索的最有效方式
手绘图可以让你从大处着眼,不要仅仅优化一个设计方案, 可以试着探索多个有创意的方案
概念示意图(全面的视图),概念海报,概念屏幕,故事板, 漫画
制作应用概念的原型
在开始编码前作原型可以探索,评估和沟通设计的想法, 可以发现很多以提升应用概念,流程,术语和类似过渡动 画的底层交互
《iPhone用户界面设计典型实例》
《iPhone应用用户体验设计实战与案例》
相关主题