数字大二下课件用户界面设计第

范围层指南、原则、理论2015．31上节回顾战略层产品目标和用户需求

品牌识别和成功的标准用户需求用户可用性需求2范围层3当把用户需求和产品目标变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围。定义产品的范围，是一个有价值的过程，同时能产生有价值的产品。用文档来定义产品需求知道正在建设什么知道不需要建设什么当前难以满足的需求可以成为下一个版本的基础4功能和内容功能（functionalspecifications）：那些应该被当成软件产品的“功能”或相应的组合。功能中的错误信息内容处理内容（content

requirements）：编辑和营销推广。

CMS功能：多语言、基础数据、后台审核程序、用户偏好组合等5例子6习近平和奥巴马夜游中南海资源推荐网站：1、SDC设计师网址导航2、腾讯CDC3、百度MUX4、淘宝UED5、网易用户体验设计中心6、前端Html其它CSS/JavaScript等资源网站推荐书籍1、用户体验要素：以用户为中心的产品设计（原书第2版）2、瞬间之美：Web界面设计如何让用户心动3、亲爱的界面：让用户乐于使用、爱不释手4、

About

Face3交互设计精髓5、交互设计沉思录：顶尖设计专家Jon

Kolko的

经验与心得（原书第2版）6、点石成金：访客至上的网页设计秘笈（原书第

2版）7、在你身边，为你设计：腾讯的用户体验设计之道8、体验·度：简单可依赖的用户体验指南界面导航组织显示引起用户注意便于数据输入9界面导航2-10NCI指南案例:–任务序列标准化–嵌入式链接是描述性的–使用独特的描述性标题–对互斥选择使用单选按钮–开发适用于打印的页面–使用缩略图来预览较大的图可访问性指南2-11为每一个非文字型的元素提供一个等价的文本内容对每一个基于时间的多媒体让等价描述与之同步不能把色彩作为传达信息、指示动作、提示响应或辨识可视元素的唯一手段使网页以可预测的方式出现和运行组织显示2-12Smith

and

Mosier

(1986)提出了5个高级目标–数据显示的一致性–用户对信息的有效吸收–用户记忆负担最小–数据显示与数据输入的兼容性–用户控制数据显示的灵活性引起用户的注意2-13亮度标记尺寸字体选择反向显示闪烁颜色声音原则2-14比指南更基本、广泛应用和持久，需要更多说明基本原则–确定用户的技能水平–任务识别5个主要的交互风格交互设计的8个黄金规则防止错误自动化的同时确保人的控制确定用户的技能水平2-15了解你的用户年龄,性别，身体和认知能力，教育，文化种族背景，培训，动机，目标及个性基于技能水平的设计目标新用户或首次用户知识丰富的间歇用户常用专家用户多层设计任务识别任务分析通常包含长时间的观察和用户访谈高层任务的分解相对任务的使用频率2-16选择交互风格直接操作菜单选择表单填充命令语言自然语言2-17直接的范围2-18界面设计的8条黄金规则2-19争取保持一致满足普遍可用性和需求提供信息反馈设计对话框产生结束信息预防错误允许动作回退支持内部控制点减轻短期记忆负担预防错误出错消息应具体，语义更积极并具有建设性避免错误与疏漏(Norman,

1983)正确的动作–将不适当的菜单项变灰–选择而不是自由输入–自动完成完整的序列–单一的抽象命令来协同–宏与子程序2-20确保人的控制2-21确保人的控制(cont.)2-22成功的集成:用户可以避免:常规的,枯燥的,易于出错的任务用户可以聚焦于:做出关键决策,应付意外状况,规划未来的行动理论2-23•超越指南的细节•在广泛原则上开发可靠的理论•描述/解释或预测性的•感知的、或认知的解释性和预测性理论2-24解释性理论:–行为观察–活动描述–设计构想–对比两个设计的高层概念预测性理论:–让设计人员能够对比所提方案的执行时间和错误率动作模型的各个阶段2-25Norman‘s动作的七阶段

1.目标形成2.意图形成3.指定动作4.执行动作5.感知系统状态6.解释系统状态7.结果评价Norman‘s贡献–动作与评价的周期循环.–执行的分歧:用户意图与允许的动作之间的失配–评价的分歧:系统表现与用户期望之间的失配动作模型的各个阶段(cont.)好设计的4个原则–状态与候选动作应可见–好的概念模型和一致的系统印象–各个阶段之间的关系应具有较好的映射–用户应接受持续的反馈用户操作失败可能发生的4个关键点–用户能够形成一个不恰当的目标–由于费解的标签或图表而不能发现正确的界面目标–不知道如何指定或执行一个需要的动作–可能收到不适合的或误导的反馈2-26语法一致性2-27Consistent Inconsistent

AInconsistent

Bdelete/insert

character

delete/insert

character

delete/insert

characterdelete/insert

worddelete/insert

lineremove/bring

worddestroy/create

lineremove/insert

worddelete/insert

lin