计成灰色,正在进行和已经完成的任务选项会变的有色相和纯度。
由于灰色的辨别度很低,所以当出现其他饱和度高的色彩时,会给人种图标点亮了的感觉。
这样的设计可以使用户对任务全局以及自己目前所处的状态有个清晰的认识。
这常用在设计者为用户设置的使用向导上见图,较少的步骤会促进用户快速完成任务,离目标越近人们就越有动力去完成它,尤其是当成功近在眼前的时候。
反之则会使用户烦躁,失去耐心而放弃任务。
所以我们在设置向导时,应该尽量精炼,最好控制在三到四步就能完成。
弱提示在设计文字链接时,黑色的下划线会使整个页面看起来生硬不协调,在页面不适合使用其他色彩时,灰色便成了最好的选择。
灰色能调和这些矛盾,传达出丰富的信息。
灰色能使页面和谐统,并且突出最主要的内容。
在信息分隔中灰色也起到了重要的统页面作用。
如下图所示,用浅灰做分割线,很好的降低了页面的视觉噪音深灰色提示新闻来源,这样设计给感兴趣的浏览者看,不感兴趣用户可以直接忽视。
用户对复杂性和干扰的容忍度不样,有的人不在乎眼花缭乱的页面和背景噪音,但多数人在乎。
所以在设计中,我们要先假定所有的东西都是视觉噪音,除非证明它不是。
不鼓励用户进行的操作在设计中,通常站在用户的角度上考虑,要将预想用户需要的功能键设计成醒目的状态,如我们操作软件时通常醒目的是继续,而不是返回,此时继续是有色彩的,而返回是灰色的,因为大部分用户都是要进行下步,只有上步出错的人才会点击返回键。
下图是用户在卸载安全卫士时弹出的窗口,此时,企业出于盈利或对用户电脑安全的担忧并不鼓励用户卸载他们的软件,所以将卸载安全卫士被设置为灰色,提醒用户再考虑下是否真的要卸载。
三长安车友会网页交互设计实例实例背景介绍本次交互设计网页实例的主题是做长安汽车车友的官方认证俱乐部。
目前重庆长安汽车股份有限公司打算在企业官网的导航上加设车友社主题栏。
我选择的车友论坛是置于官网的主导航上车友社如下图和图所示的二级页面之下的。
这个车友社是为重庆长安汽车有限公司所有自主品牌车型的客户提供结交车友提问答疑组织活动畅所欲言的平台。
在官网设立车友社的版块方便企业了解客户的反馈,企业人员可以走到客户中去,认识自己的不足了解客户的需求,为企业下步发展找到努力的方向。
同时这也使得用户能够有个值得信赖的平台进行交流互动,当爱车遇到问题时,寻求企业人员或同车型车友的答疑是最迅速高效的。
二交互设计流程在交互设计过程中我们要明白,大多数的用户既不是专家也不是新手,这些大部分用户也很难成为专家,将稳定地停留在中间用户阶段,所以我们的用户大致分为类见图。
我们要时刻遵循为中间用户优化的原则。
因为我们的用户不都是专家,我们的目的不是吸引新客户,虽然每个人都会在阶段扮演新手的角色,是没有人会直停留在新手阶段。
因此交互设计的目标就是让新手迅速并愉悦地成为中间用户,并且让中间用户具有良好的交互体验。
由此可见以用户为中心的设计原则是以永久的中间用户的需求为中心的设计原则。
交互设计遵循以用户设计为中心,简称的设计原则,在国内目前阶段中的主要使命是通过对界面和操作行为的设计提高产品的可用性。
交互设计与界面设计同样是个设计过程,它从设计之初到结束有定的步骤和流程。
当交互设计师接到个设计项目时,要仔细考虑怎样规划能够保证产品最后符合其本身的既定功能,同时还可以达到用户体验层面的可用性和易用性。
在设计网页时第步是任务分析邮箱中是按自己的好友分类排列的,这样很方便用户查找,减少键盘操作。
因此,在交互设计中注意运用惯用原则能够减少用户在使用时出现。
反馈原则信息反馈是人机系统在交互过程中至关重要的个环节,良好的信息反馈是交互过程顺利进行的前提。
当用户在网页中进行项操作后,不管操作是正确的还是的,系统都应该给客户个反馈,使用户清楚当前的使用状态。
科技并不是万能的,有时候为了掩饰程序的响应速度,设计者们会使用加载条来减少用户的等待感,让用户以为程序原本就是这样运行的。
程序反映速度不只是技术的问题,很多情况下与网络环境有很大的关系,所以设计者们为了给予用户操作反馈同时掩饰程序的瑕疵,让用户感觉在使用上是流畅的。
没有反馈,用户因为不知道自己的操作是否有效而反复操作甚至重启计算机,这将给用户和产品都带来定的不利后果。
重视系统的反馈,强化用户体验,这是网页交互功能最基本的体现。
精简原则界面中的各种小细节都会给用户的记忆带来负担,就像公路上的减速带或坑坑洼洼样降低用户的效率。
在设计中要牢记去除视觉噪音,常问自己是否做出了很多用户不需要的东西。
有时候,决定不要什么,比决定要做什么更重要。
少即是多,去掉网页中可有可无的分散人注意力的视觉元素,让用户可以专心完成操作,带给客户良好的用户体验。
简洁明了是交互设计中最基本的原则,切记图形图案或文字杂乱无章,要突出主要元素,使页面中的热点目了然见图。
常说好的设计师总是设计更少的用户界面。
他所说的界面更少不是指页面功能更少虽然有时是这样,但是他在这里强调的是用户应该只做必要而最少的操作去完成任何项任务。
结论在这次论文对网页交互设计的应用研究中,我重新学习和定义了设计词。
在写论文之初,我查阅了很多相关书籍及文章期刊,其中对我影响最深的著作有三本唐纳德诺曼的设计心理学的别让我思考和的交互式设计四策略。
这三本书都从很细微的方面深入浅出地向读者讲解了简约至上用户访客至上的设计原则。
让我对今后的设计之路不再感到迷惘。
在论文中我主要将我最近几个月对交互设计的理解,对网站页面设计中交互设计的表现形式交互设计的设计原则,以及交互设计如何引导用户体验进行了整理和总结。
网站是人与人或企业与客户之间双向沟通的桥梁,归根结底是供用户使用的。
网站的存在是为了给用户提供便利,为了更好的为用户服务。
由此可见,简洁和易于操作是网页界面设计的最重要的原则。
诺曼告诉我们合理的利用限制因素预设用途和匹配原则来做我们设计的帮手说有限的选择用户会更喜欢将可用性第定律定义为别让我思考。
很多设计者喜欢通过设置操作向导的方式把项任务分成几个步骤,企图以此达到教学及简化页面的目的。
但其实向导意味着剥夺了用户的自主权,用户会感觉受到了向导的限制。
设计个简短的向导也许效果不错,但是向导的过程越长会导致用户的体验效果越差。
这次的学习改变了我对设计的很多看法,同时也使我补充了很多专业理论知识,而且我也在尝试着将这些理论知识融入到自己的设计作品中去。
今后的工作与学习中都是直不断补充知识的过程,我将带着好学之心继续研究与学习。
,列出界面要包含的所有信息内容。
第二步是建立信息框架,确定页面流程。
第三步是统页面布局包括分区。
第四步是在页面布局基础上进行原型设计。
最后编写设计说明。
而交互设计是网页设计大环节中的个点,抛开杂乱的干扰信息,单纯考虑交互设计在网页中的角色,我们就能得到个理想化的交互设计行为流程示意图见图。
三网页交互设计的设计原则在网页的交互设计中,要特别注意交互环节的可视性。
界面功能的可视性越高,越能帮助用户发现和了解具体的页面操作方法。
交互设计效果要准确表达操作及其效果之间的映射关系,及时做出与用户操作相关的反馈信息,并在特定位置设置限制因素或准确的操作提示以防用户误操作。
在整个网站中,要保证同功能的表现和操作方式具有致性。
下面来谈谈网页交互设计中的几个通用原则就近原则网页界面是人们进行信息传递的载体,每个网站都有非常庞大的信息量,但是用户在访问个网页时通常带着种选择的心理,他只需完成自己需要的任务即可,并不是网站内所有的信息浏览者都要了解。
所以设计者在设计之初就要考虑网站的结构,将同类或具有联系的功能进行恰当的分类和合理的组织后放在同页面或下级页面中,使网页具有结构清晰简单易用的特点。
这样访问者就能迅速看到并完成操作任务。
过于繁杂的界面和不合理的交互设计,会使用户产生烦躁或厌恶情绪致使网站用户流失。
个好的界面设计,必须要结构清晰,让用户在操作中清晰地知道自己当前所处的位置以及操作状态。
把页面划分为定义明确的区域很重要。
因为这可以让用户不必担心漏掉什么,放心地跳过些区域很快决定关注页面中的哪些区域。
据调查,用户会很快锁定哪部分包含有用信息,然后根本不会再看其他版块。
图即我对长安汽车车友会进行的信息区域划分。
容错原则最好的提示就是没有提示,这意味着这套系统的设计可以避免人们犯错。
然而总有些原因会导致出现差错,无论是用户使用失误或是产品本身存在缺陷,创建个不存在任何并且保证使用者不会出现失误的软件或产品几乎是不可能的。
所以设计者要容许用户犯错,并给用户纠正的机会,让客户可以撤销动作见图。
例如,当用户在访问车友会论坛时,在没有登录时是不能发帖或进行回复的,这时候当浏览者点击的发帖或回复按钮时会自动弹出注册界面。
图界面提供给用户两条路,即,当用户不想注册时,可以点击界面中的返回,撤销发帖这动作当用户已经有账号时,可以点击右上角的弱提示立即登录继续发帖或回复操作。
若用户在执行具体破坏性操作中要求用户确认。
当已经发生时,要及时给予用户有效的提示,不能仅仅给出,的提示,而是要给用户提供修正方案,这个提示必须告诉用户做了什么解释出现了什么问题指导用户怎样修正问题如图所示。
在交互式界面设计中,视觉语言必须简炼直白和明确,使用主动语态而不是复杂的被动语态,要防止信息误导帮助原则在设计页面的过程中,不是所有的用户都能马上明白设计者的意图,这个时候设计者可以通过设置向导来设计帮助系统如使用指南参考手册等引导用户完成操作。
但是设置向导或帮助是在不得已的情况下才使用的,因为用户在浏览网页时是不会对先学习下怎么怎样使用这个网站感






























1、该文档不包含其他附件(如表格、图纸),本站只保证下载后内容跟在线阅读一样,不确保内容完整性,请务必认真阅读。
2、有的文档阅读时显示本站(www.woc88.com)水印的,下载后是没有本站水印的(仅在线阅读显示),请放心下载。
3、除PDF格式下载后需转换成word才能编辑,其他下载后均可以随意编辑、修改、打印。
4、有的标题标有”最新”、多篇,实质内容并不相符,下载内容以在线阅读为准,请认真阅读全文再下载。
5、该文档为会员上传,下载所得收益全部归上传者所有,若您对文档版权有异议,可联系客服认领,既往收入全部归您。
