网页中的交互设计.ppt

七、深广度平衡 在网站的信息架构中，有一种 组织结构叫做树形结构：网站首页视为链接层级中第一级，与其有从属关系的页面视为链接层级中的第二级，一般称其为二级页面。通过二级页面又可以继续得到第三级页面，依此类推可以得到一个完整的树形链接结构。 八、别让我思考 我在什么位置？ 我该从哪里开始？ 他们把××放在什么地方了？ 这个页面上最重要的是什么？ 为什么他们给它取这个名字？ 谷歌手机中文语音有哪些信誉好的足球投注网站的界面 Windows7新的功能，叫做OSK，即屏幕键盘。不习惯使用键盘的人可以用鼠标来点这个屏幕键盘，肢体不是很方便的使用者，可以把屏幕键盘上的按键放大从而提高准确性；视力不好的老年使用者，可以把按键上的字放大，以便阅读。 5.容易浏览及合理的信息架构 对于老年人来说，看互联网会觉得眼花，他们感觉所有的字都太小，不容易浏览。所以在设计时要考虑到，能切换到可以适合老年人查看的字体和网页样式。 百度推出的老年有哪些信誉好的足球投注网站 随着社会文明的提高，交互设计对特殊人群的关注度也越来越高，可及即无障碍设计的理念也越来越得到绝大多数设计师的提倡。 据联合国经济和社会事务部发表的研究报告，目前全球100家主要网站中只有3家能够满足残障人士的需要，这方面要走的路还有很长。 三、适时帮助 在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。 帮助 “师者，所以传道授业解惑也” 传道：主要是理论上的帮助，告诉别人这是什么，主要指一些名词解释，规则说明等等。 授业：主要是操作上的帮助，告诉用户怎么作才能完成整个流程。很多当前操作提示，流程示意图等都属于这个范畴。 解惑：解惑主要是在用户迷惑不解的时候提供解决方案，比如对用户操作出错的建议，某分流程结束后的帮助提示等等。 适时 用户在什么时候需要帮助？ 在用户第一次使用某产品功能的时候 在用户已经出错或者将要出错的时候 在用户遇到不明白的问题的时候 我们怎样提供帮助？ 1.帮助信息明显， 提示方式灵活 google 文档的新功能帮助信息 2.及时反馈操作，防止用户出错；分析错误原因，给出合理建议。 反面案例 3.及时补充，信息完整 QQ 会员页面，在开通会员的大按钮下有一个“QQ 会员是什么”的帮助信息，这个帮助就是为了让用户首先在理论上对QQ 会员有一个认知。对用户不了解的信息给出了通往答案的道路。 只有及时而不多余的帮助信息才能更好地帮助用户，从而完成一个具有“有效性”的交互设计。 四、简洁清晰，自然易懂 信息获取和传达的过程必须是简洁清晰，自然易懂。这样用户才能够有效的获取这些信息，并迅速作出决定。 1.什么是“简洁清晰，自然易懂” 简洁清晰：使信息最简化 “少即是多”。提倡使用最少的元素来表达最多的信息。如果信息繁杂，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。 自然易懂：使用用户语言 用户获取信息的方式多样，并且对信息的理解程度也各有不同，所以使用用户平时使用和理解的表达方式去传递信息，更可以被用户所接受。 2.信息表述的种类与设计原则 在网页交互设计中，用于传达给用户以有效信息的方式有多种，其中包括：页面布局，交互文本，界面色彩，图像与图标，声音等。 （1）页面布局 界面中的信息布局，会直接影响用户获取信息的效率。所以，一般界面的布局因功能不同考虑的侧重点不同，并且会让用户有一种“区块感”，方便用户对信息的扫描性浏览。 （2）交互文本 交互文本指界面涉及交互操作中需要用户理解并反馈的所有的文字：包括标题、按钮文字、链接文字，对话框提示、各种提示信息、帮助等。这些文字直接影响用户在交互过程中对预期的理解，好的交互文本设计，可以提高用户完成任务的效率。 ①表述的信息尽量口语化，不用或少用专业术语 ②表述语气柔和、礼貌，避免使用被动语态，否定句等 ③简洁、清楚的表达，文字较多要适当断句，尽量避免左右滚屏 ④对于同种操作的交互文本，文字保持统一性 ⑤字体使用默认/标准的字体，大小以用户的视觉清晰分辨为主 （3）界面色彩 人眼一共约能区分一千万种颜色，所以用户与界面中颜色的关注度非常的高，有效的使用色彩区分信息的级别，分类等，有助于用户对信息和操作产生关联，有效减少用户的记忆负担。 (4)图像图标 相对于单纯的文本，图像以及符号化的图标更加符合用户的认知习惯。往往表述一种信息，一张图片或者一个标识更能让不同用户理解与接受。适当的使用图片与符号化的图标，会让用户很自然的建立起认知习惯。 （5）声音 在网页的交互设计中，用于声音的信息表述方式相对与视觉来说不是很多。一般应用于提示，提醒，帮助等信息的表述。此类信息表述让用户通过听觉获取