网站简单交互册设计分享.pptVIP

网站交互设计 目录 一、简介 一、简介 一、简介 一、简介 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 二、网站交互细节 三、总结 三、总结 完 * * 公司 徽标 一、 简介 二、 网站交互细节 三、 总结 1.什么是网站交互设计 2.网站交互设计的前期准备 3.网站交互设计包含的内容 1.入口明确 2.突出重点 3.清晰易懂 4.减少记忆负担 1.什么是网站交互设计 2.网站交互设计的前期准备 3.网站交互设计包含的内容 交互，即某两个个体之间发生的行为、互动。交互的内容可以是动作、声音、文字、情感、物质等等，同时交互也必须是发生在两个或两个以上个体之间的行为。 在以下将要提及的网站交互，则是发生在网站（程序、界面）与用户之间的交互行为，一般将此类交互称为人机交互。 而网站交互设计的用意和目的是增加网站的友好度、可用性和易用性，从而使用户能够简单、快速和有效的完成网站赋予或用户自身所需的服务、功能和目标。 1. 什么是网站交互设计？ 2. 网站交互设计的前期准备 ● 了解用户群体和用户需求 ● 分析用户习惯 ● 设想使用环境 以公司战略为依据，提取所定位的用户群体(包含此类人群的数量、年龄、性别、学历、收入、所在地区等信息)和此部分用户的需求。 根据用户群体特性(如年龄、职业、性别、经常使用的产品等)，调查或推断用户群体的某些习惯。 在了解用户群体及其需求和习惯后，设想用户在使用公司产品时所处的环境(如网络坏境、人文环境等)。 ● 界面设计 3. 网站交互设计包含的内容 ● 导航设计 ● 信息设计 界面不仅涉及美术设计方面，还涉及提供给用户做某些事的能力(功能)。 导航设计是提供给用户去某个地方的能力，是用户能看到的网站结构。 信息设计就是通过网站传达给用户某些信息，用户可通过这些信息了解自己正在进行的某些事和应该如何进行某些事。 1.入口明确 2.突出重点 3.清晰易懂 4.减少记忆负担 1.1 范例 2.1 范例 3.1 范例 4.1 范例 这里所指的入口不仅是网站的导航，还有如按钮、选单、输入框、文字链接等等都属于入口的范畴。 而 “明确”，则是要求入口的摆放位置、命名规范的清晰和准确，同时入口也需要为新进用户起到引导的作用。如果用户无法找到入口，或者找到了入口却不知道入口的作用，再或者点击入口进入后却与用户想要达成的目的大相径庭，这些都会造成用户的挫败感。过多的挫败感会导致用户对网站产品失去信息，从而放弃使用。 1. 入口明确 1.1 入口明确的范例 左侧图片是某网站下载页面的内容，既然是下载页面，用户达到此页的目的即为寻找下载链接，但在此页中却出现了两个传达下载行为的链接，并且较为醒目的下载链接却是错误的(点击后下载遨游浏览器)。这样用户就会产生挫败感，甚至找不到真正的下载链接。虽说此举是为增加广告收入，但因这种误导性的广告导致用户的流逝，大不该，长此以往，后果将很严重。 上图是某网站的导航，不知各位能从导航中了解到多少你认为对的信息？ 2. 突出重点 每个网站页面中都会有其中最重要的元素(内容)，而我们要做的就是将这些重点内容通过页面布局、构图、颜色，或者是“隐藏”某些次要内容来突显，让用户能够更快速、有效的找到我们最希望用户看到，也是用户最希望看到的内容。 根据80/20法则(二八法则)，80%的用户只会使用网站20%的内容(功能)，因此如果将那只有20%的用户才会使用的80%的内容全部呈现出来，就违背和干扰了80%的用户意愿和目标，后果将会如何？ 我们要做的即是突出网站中多数人会使用的；并隐藏或弱化少数人会使用的内容。 2.1 突出重点的范例 上图是Google导航，他罗列了使用率最高的功能，重点在于“更多”，如果Google选择将所有的功能都显示在首页，那使用Google核心功能-搜索的用户将会比现在少很多。 另外，如果你最近关注Google的话，你会发现Google为“突出重点”所做的一项改进。 左侧图片是某图书销售的网站，一眼看去会看到起码四种颜色，红色最为抢眼，但红色的内容真的是用户所关心的吗？真的对用户有所帮助吗？ 这是改版后的截图，将图书封面做了立体效果，并在整个页面中的用色降低到了3种左右，是不是觉得看到的就是你想要的？价格最重要？如果用户对图书不感兴趣，那么就更不会对价格感兴趣了，除非用户想使用低廉的价格买一本书来垫桌角。 3. 清晰易懂 在之前的“入口明确”与此处所提的“清晰易懂”有相近之处，却又不完全相同。不仅入口需要明确、清晰，其他我们需要传达给用户的信息同样需要清晰易懂，这样用户才能够有效的