网页中的交互设计ppt课件.ppt

《网页中的交互设计ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

2、程中所感受到的主观满意度和接受程度。标准化：在进行与交互设计的相关工作，我们需要满足相关的标准和规范。可行性：在设计交互的过程中，应考虑到技术上是否可行。创新性：技术驱动创新交互设计所追求的既是可用性，这也是交互设计的目的所在.如何提高网页的可用性？一、操作入口明确二、可及三、适时帮助四、简洁清晰，自然易懂五、标签明晰、有效六、避免迷路七、深广度平衡八、别让我思考一、操作入口明确“操作入口明确”——网页任何一个功能都要有明确、合理的入口。“操作入口”——网页内部不同模块之间的转接元素，例如按钮控件、输入框、文字链等

3、都属于操作入口；“明确”——入口的视觉感是清晰的、可识别的；“合理”——入口的出现是符合用户操作逻辑的，适时的。1、强化重点，弱化周边即在视觉上将入口模块凸显出来，采用精妙的布局，并适当弱化周边的信息展示，加大二者的权重对比，客观上增加用户识别的准确性。反面例子2、入口信息明确易识别增加入口数量虽然在一定程度上有助于提高功能模块的使用率，但也存在致命的缺陷——入口信息不明确。因为“入口”等同于用户的“选择”，入口越多，选择越多，“过多的选择等于没有选择”，这势必会造成用户使用产品时的疑惑：这几个链接和按钮好像都一样

4、啊，该选哪个呢？改版前：改版后：eBay首页的注册区，通过按钮文字和辅助文本信息，新手用户也能够很清楚地了解眼前这两个Button代表的意义。所以，要根据页面本身的信息量严格控制同功能入口的数量，保证有效的识别性，让用户迅速找到正确的入口。3、根据用户定制合适的入口交互设计离开用户研究便是闭门造车，在设计产品操作入口的同时，要充分考虑到不同用户的需求。如：Html︱flash中文版︱英文版二、可及“可及”就是“信息可及”。具体解释为在网页设计过程中，应当考虑到特殊人群的使用状况，让这部分用户享受无障碍设计带来的便捷

5、，在浏览，使用网页时能很顺畅的使用该网页所提供的相关资源。交互设计主要考虑的几种特殊人群：色盲肢体残疾老人，儿童（5～12岁）文盲其他对信息使用不擅长的人可借鉴的设计方法：1.使用形状+色彩的信息提示在使用设计元素时，要尽量使用形状+色彩的方式来表现信息，或者使用文字的提示。这样对于正常用户和对颜色识别有障碍的特殊用户，都不影响他们的识别。2.简化操作方式无论是老人还是文盲对于网络产品的操作都有信心不足的情况，一个简便的操作方式，令他们快速实现目标，对于增长信心非常有帮助。对于肢体残疾人士，他们的困难在于使用交互输

6、入设备，如鼠标和键盘比正常人更不容易，也需要简化操作方式。3.使用视觉、听觉，触觉等多元化的手法传达必要的资讯对于重要的操作及信息提示可以使用语音提示来配合视觉样式来提示用户操作的状态。比如在一些智能手机产品上，点击触摸屏数字键盘时，不但被选中的数字键的底色会发生变化，而且屏幕还有震动的触感提示。4.使用辅助性的工具以目前的技术，语音识别可以解决部分单纯的输入问题，比如Windows7的语音指令功能，在操作者说出“打开Word”这句话时，电脑就可以自动启动该软件，也可以为视力不好的老年使用者逐字逐句地朗读电脑上显示

7、的任意文章.谷歌手机中文语音搜索的界面Windows7新的功能，叫做OSK，即屏幕键盘。不习惯使用键盘的人可以用鼠标来点这个屏幕键盘，肢体不是很方便的使用者，可以把屏幕键盘上的按键放大从而提高准确性；视力不好的老年使用者，可以把按键上的字放大，以便阅读。5.容易浏览及合理的信息架构对于老年人来说，看互联网会觉得眼花，他们感觉所有的字都太小，不容易浏览。所以在设计时要考虑到，能切换到可以适合老年人查看的字体和网页样式。百度推出的老年搜索随着社会文明的提高，交互设计对特殊人群的关注度也越来越高，可及即无障碍设计的理念也

8、越来越得到绝大多数设计师的提倡。据联合国经济和社会事务部发表的研究报告，目前全球100家主要网站中只有3家能够满足残障人士的需要，这方面要走的路还有很长。三、适时帮助在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。帮助“师者，所以传道授业解惑也”传道：主要是理论上的帮助，告诉别人这是什么，主要指一些名词解释，规则说