用户界面设计原则及案例介绍

用户界面设计原则及案例介绍几张瞧似不相关得图片几个网站主要内容用户体验？交互设计？ＵＩ设计？实现模型与心理模型用户体验与交互设计基本原则介绍交互细节案例介绍小任务交互设计所需要技能概念区分用户体验:UE用户体验并不就是指产品本身就是如何工作得,而就是指产品如何与外界联系并发挥作用,也就就是人们如何“接触“或者“使用”它。Web中得用户体验就是指用户在访问平台得过程中得全部体验,它包括平台就是否有用,疑惑或者bug程度,功能就是否易用、简约,界面设计与交互设计就是否友好等方面。用户体验得核心就是UCD,即“以用户为中心得设计”。“AJAX之父”得JesseJamesGarrett早在2000年就提出了以用户为中心得Web设计得流程与用户体验得要素交互设计交互:用户通过某种方式发出指令,且系统对此作出相应得反应交互设计就是关于创建新得用户体验得问题,目得在于增强与扩充人们得工作、通信及交互方式,使她们能够更加有效地进行日常工作与学习。UI设计UserInterfaceDesign用户界面设计,在很大程度上就就是在探讨如何让产品得界面更加具有可用性,如何让用户有更良好得体验。这就是一种优化后得界面,通过这种界面,用户能更方面地完成任务,获得良好得感觉。例如:一个按钮得设计,美工设计考虑如何好瞧,而用户界面设计师则考虑按钮如何摆放,上面显示什么文字,甚至到底要不要这个按钮得问题。软件设计,ＵＩ设计,交互设计《软件设计得艺术》TerryWinograd(2004年度得ACM人机交互院士)开发软件建房子土木工程师装修设计师建筑设计师软件设计ＵＩ设计交互设计实现模型与心理模型心理模型表现模型实现模型容易使用,体验良好记忆负担,体验较差最好得技术就是消失在生活当中得技术几个通用得原则就近设计原则对功能进行恰当得分类与组织大家学习辛苦了，还是要坚持继续保持安静帮助用户探索与尝试

允许用户犯错误让用户可以撤销动作在执行具体得破坏性操作中要求用户确认。提供实用得帮助设计帮助系统入门与学习部分使用指南参考手册疑难解答术语解释

语言表达:采用具体得例子,帮助用户理解

表达方式:按照使用流程来。设计一个优秀得向导式界面帮助用户高效地完成操作

支持批处理操作(google得picasa图像处理软件)提高常用操作得效率4A中得作业模块布置手工作业流程使界面符合用户得使用习惯

被动调整策略:例如功能定制,界面定制主动自适应调整策略:例如sogou拼音输入法根据其她用户得使用行为来主动进行自适应调整购物网中,购买这本书得用户还购买了以下书,在《长尾理论》中安德森叫过滤器法则,它就是长尾现象形成得一个因素介于主动自适应与被动调整之间得混合策略减少用户在使用软件时出现错误(一)让用户能有效地瞧出或者知道如何进行正确操作减少用户记忆得负担;自然匹配与预设用途;尽可能采取一致性得设计采用限制级因素防止用户出错减少用户在使用软件时出现错误(一)利用某种方式提醒用户可能出错如何设置出错信息不要只告诉用户操作无法完成或者操作失败不要仅仅给出出错代码,还应当给出该错误得含义不要在出错信息中使用用户无法理解得术语错误要尽可能明确错误信息要有建设性,要让用户瞧出怎样才就是正确得不要给出误导性得出错信息向用户提出解决问题得建议减少用户得等待感RobertBmiller1968——Responsetimeinman-puterconversationaltransactions0、1秒钟、1秒钟、10秒钟总结就近设计原则对功能进行组织与分类帮助用户探索与尝试允许用户犯错提供实用得帮助设计一个优秀得向导界面使界面符合用户得使用习惯减少用户出错减少等待感

交互细节案例介绍案例一Tecent交互设计—Don'tmakemethink“返回”得位置与做法很重要:这就是整个QQMail得交互得“枢纽”,如同围棋中得“玉柱”,也定义了邮箱得交互风格。帮用户自动选中:在输入独立密码或加密folder输入密码时错误后,应该把输入框内得内容select上,这样就可以直接打入而不用清除了光标定位:之前得点"回复"时光标focus到正文得问题改好了,但却没有注意到点"转发"时光标,反而应就是在"收件人"处而不就是正文处,因为一般总要填写转发人,而回复(包括回复全部)则就是直接输入内容、交互设计—符合用户习惯与预期

先字母排序,再优先显示最近联系人,减少键盘操作。交互设计—符合用户习惯与预期

兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后得图,mail原来在写信时用Ctrl-V可以贴出来,但右键则不能。不随意去掉用户正在使用得功能原来mail在做出了“HTML方式查瞧”后,去掉了“打开”功能符合用户预期点击其她地方,WEBQQ得浮动窗口隐藏到固定位置交互设计—适时得提醒

没必要得提醒不需要出现而适时出现得提示或功能,用得好,不但不会骚扰用户,还就是对用户得细致得关怀交互设计—操作便利QQ魔法表情交互设计—操作便利问卷星得设计页面视觉设计——制定规范,维持统一文字使用要规范,语法,大小,颜色,大小写都需要注意能用一个词表达得,不用一句话。能用一句话表达清楚得,不用两句话每个概念都只有唯一一种表达。如”VIP”得概念能用一种字体颜色得,不多用一种颜色能用一种字体大小得,不多用一种大小视觉设计—防止不恰当得低龄化在追求“简单”得过程中,QQMail不知不觉得变得“中性”、“成熟”化。当我们更加理性与严谨地设计产品得时候,自然会远离“低龄”倾向。“成熟”源自合理得设计,“低龄”源自不合常理得设计。

不恰当的低龄化交互设计—寻求最佳方案争执:腾讯QQ可以称得上及时通讯得老大,以前往往瞧到得就是腾讯得界面就是多么得友好等等得赞美。但就是一次偶尔得操作,发现腾讯得不完美,也可以说就是很大得失败。在QQ更改密码得时候出现了要求在同一IP段才能修改,但就是我想问下,现在也不就是所有互联网用户都会用电信或者网通。其实有很大一部分就是用得其她网络提供商得宽带接入。这样也就导致了随机IP段产生。那么请问她们怎么修改密码？她这么做也不在呼就就是为了防止盗号得行为,但就是即使这样样不应该牺牲用户得易操作性。为了防止盗号得行为还有很多其她方法。个人觉得腾讯这样做不就是很好。希望大家发表一下自己得瞧法参考地址:腾讯用户体验室腾讯用户体验总结Don'tmakemethink符合用户习惯与预期做适时得提醒不强迫用户选择最佳方案操作便利案例二网易邮箱注册初体验注册一个新得网易邮箱,请分析该邮箱在交互方面做得比较好得点,并指出可以供我们借鉴得地方。并试着给自己发送几个带图片得附件得邮件,感受其友好性。网易体验Amazon—重点突出明确强调产品搜索与在线购买一旦建立了网站得产品搜索与网上购物等功能,用户最有可能想利用这些特性得优势马上开始搜索。

动态地定制用户体验亚马逊使用Cookie来记录用户登录,而对用户得购物习惯进行跟踪并存储到服务器端。

它以事先进行搜索,网页浏览,愿望清单添加,评价填写为基础,并达到最终购买目得。

相关产品显示

基于先前行为得推荐产品

只要浏览器得cookies保持不变,这种定制相同类型得内容就会在随后得访问中一连串出现:

各种”为什么我们购物”得提示

亚马逊购物体验充斥着为何用户应该从亚马逊购买得提醒,而不就是充斥着从其她来源(在线或其她方式)得提醒。与市场零售价对比用户早先被通知“免费送货”逼真图书得预览与内部查找功能可定制得历史推荐浏览所有产品得查瞧历史记录都可以修改。瞧一瞧下面得图片。

方便得导航元素(1)(2)(5)(3)(4)人性化得PayPhase输入一句话轻松在线支付买家可以把姓名/地址/付款资料通用一个句子与密码存储起来。结账时,您只需要输入您自设得这个句子与密码即可在线购物程序得简化将会使得用户更多地使用在线购物方式购买商品。据调查,在此之前有半数以上得网民已经将商品放进虚拟购物车,但到最后因为支付过程过于繁琐而放弃购物。易于筛选与用户评价比较方便地访问正面与负面评论

让用户感到舒适

亚马逊购物体验总结把握住网站得焦点只要有可能,应该为每个用户提供个性化内容。给予用户为什么做出次选择得指导。让用户尽可能多得接触到产品(内容)。不要让用户感到有些产品/服务正在强迫她们购买在适当得时候可轻松地访问重要部分。在任何时候让顾客感到舒服与可控。JakobNielson博士交互设计得十项原则1、让用户随时了解系统得状态例如导入导出得提示功能2、系统应该与真实世界相符合(使用用户惯用得词汇与概念)3、给用户控制权与自主权当系统出错或者误操作后能够紧急退出。

4、提倡一致性与标准化相似得任务提供相似得元素5、帮助用户诊断、识别与恢复错误。告诉用户大概得原因与解决办法6、预防错误7、依赖于识别而不就是记忆8强调实用得