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