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