网页中的交互设计.pptVIP

网页中的交互设计;从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。;可用性指的是一个产品可以被特定的用户在特定的使用情况中，有效、高效并且满意得达成特定目标的程度;有效性：有效性是指用户完成特定任务和到达特定目标时所具有的正确和完整度。

高效性：高效性是指用户在完成特定任务和到达特定目标的容易程度和时间长短。

满意度：满意度是指用户在使用软件产品过程中所感受到的主观满意度和接受程度。;标准化：在进行与交互设计的相关工作，我们需要满足相关的标准和标准。

可行性：在设计交互的过程中，应考虑到技术上是否可行。

创新性：技术驱动创新;交互设计所追求的既是可用性，

这也是交互设计的目的所在.;如何提高网页的可用性？

;

一、操作入口明确

二、可及

三、适时帮助

四、简洁清晰，自然易懂

五、标签明晰、有效

六、防止迷路

七、深广度平衡

八、别让我思考

;一、操作入口明确;1、强化重点，弱化周边;反面例子;2、入口信息明确易识别;改版前：

改版后：;eBay首页的注册区，通过按钮文字和辅助文本信息，新手用户也能够很清楚地了解眼前这两个Button代表的意义。;所以，要根据页面本身的信息量严格控制同功能入口的数量，保证有效的识别性，让用户迅速找到正确的入口。;3、根据用户定制适宜的入口;二、可及;交互设计主要考虑的几种特殊人群：

色盲

肢体残疾

老人，儿童〔5～12岁〕

文盲

其他对信息使用不擅长的人;可借鉴的设计方法：;2.简化操作方式;3.使用视觉、听觉，触觉等多元化的手法传达必要的资讯;4.使用辅助性的工具;谷歌中文语音有哪些信誉好的足球投注网站的界面;Windows7新的功能，叫做OSK，即屏幕键盘。不习惯使用键盘的人可以用鼠标来点这个屏幕键盘，肢体不是很方便的使用者，可以把屏幕键盘上的按键放大从而提高准确性；视力不好的老年使用者，可以把按键上的字放大，以便阅读。;5.容易浏览及合理的信息架构;百度推出的老年有哪些信誉好的足球投注网站;随着社会文明的提高，交互设计对特殊人群的关注度也越来越高，可及即无障碍设计的理念也越来越得到绝大多数设计师的提倡。

据联合国经济和社会事务部发表的研究报告，目前全球100家主要网站中只有3家能够满足残障人士的需要，这方面要走的路还有很长。;三、适时帮助;帮助;适时;我们怎样提供帮助？;2.及时反响操作，防止用户出错；分析错误原因，给出合理建议。;反面案例;3.及时补充，信息完整;只有及时而不多余的帮助信息才能更好地帮助用户，从而完成一个具有“有效性”的交互设计。;四、简洁清晰，自然易懂;1.什么是“简洁清晰，自然易懂”

简洁清晰：使信息最简化

“少即是多”。提倡使用最少的元素来表达最多的信息。如果信息繁杂，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。

自然易懂：使用用户语言

用户获取信息的方式多样，并且对信息的理解程度也各有不同，所以使用用户平时使用和理解的表达方式去传递信息，更可以被用户所接受。;2.信息表述的种类与设计原那么

在网页交互设计中，用于传达给用户以有效信息的方式有多种，其中包括：页面布局，交互文本，界面色彩，图像与图标，声音等。;〔1〕页面布局

界面中的信息布局，会直接影响用户获取信息的效率。所以，一般界面的布局因功能不同考虑的侧重点不同，并且会让用户有一种“区块感”，方便用户对信息的扫描性浏览。;〔2〕交互文本

交互文本指界面涉及交互操作中需要用户理解并反响的所有的文字：包括标题、按钮文字、链接文字，对话框提示、各种提示信息、帮助等。这些文字直接影响用户在交互过程中对预期的理解，好的交互文本设计，可以提高用户完成任务的效率。;①表述的信息尽量口语化，不用或少用专业术语

②表述语气柔和、礼貌，防止使用被动语态，否认句等

③简洁、清楚的表达，文字较多要适当断句，尽量防止左右滚屏

④对于同种操作的交互文本，文字保持统一性

⑤字体使用默认/标准的字体，大小以用户的视觉清晰分辨为主;〔3〕界面色彩

人眼一共约能区分一千万种颜色，所以用户与界面中颜色的关注度非常的高，有效的使用色彩区分信息的级别，分类等，有助于用户对信息和操作产生关联，有效减少用户的记忆负担。;(4)图像图标

相对于单纯的文本，图像以及符号化的图标更加符合用户的认知习惯。往往表述一种信息，一张图片或者一个标识更能让不同用户理解与接受。适当的使用图片与符号化的图标，会让用户很自然的建立起认知习惯。;〔5〕声音

在网页的交互设计中，用于声音的信息表述方式