网站用户体验优化

优秀用户界面的特点 一致性 美学性 高效性 容错性
在整个应用程序中保持界面一致是非常重要的。
好看的界面让用户工作起来更开心。
通过快捷菜单或者良好的设计来帮助用户提高工作效率。
应用程序会如何处理用户所犯的错误。是否容易撤销操作？是否容 易恢复删除的文件？一个好的用户界面不应当因为用户的错误而惩 罚他们，而应该总是为他们提供犯错之后补救的方法。
易用性法则和原则
古腾堡法则/古腾堡图
古腾堡法则是描述“阅读重力”的。阅读重力是指在阅读时，我们 的视线所试图遵循的路径。古腾堡图分为4个区域： 左上是主要的可视区域。 右上是强余光区。 左下是弱余光区。 右下是终结区。 用户大多喜欢从左上开始看，最后终止在页面的右下，左下角得到 的关注是最少的。左上角是第一视觉落点区，右下角是最终视觉落 点区。因此，采用对角线平衡通常都是一个好设计所需要考虑的因 素。
导航之道
本地导航
本地导航也称为子导航，但其本身还可能有子导航，形成多层导航。 那么要创建多少层导航呢？根据需要，但不要太过分以至于用户无 法忍受。大部分网站不要超过3层导航，对于内容较少的网站2层足 够了。
导航之道
全局导航与本地导航
导航之道
全局导航与本地导航
导航之道
全局导航与本地导航
导航之道
补充导航
百度文库
补充导航通常包含相关内容，以便用户停留并获悉你的网站还能提供什么。 包括登录、帮助中心等等。
分页导航
导航之道
全局导航
全局导航一般就是导航条，全局导航需要在网站的每一个页面上都 出现。不论用户目前在哪里，通过全局导航用户可以访问网站上的 任何位置。 全局导航还有一个功能，可能更为重要：它会告诉你这个网站有什 么，以及你应当用它来做什么。 全局导航通常放在页面最上方，但水平空间是有限的，为了应对有 限的水平空间，有时全局导航也会放在左侧等其它位置。
排版原则和方针
问题2：网站上有我要找的东西吗？
排版原则和方针
问题2：网站上有我要找的东西吗？
用户确认自己访问的是正确的网站，接下来用户可能会使用你的导 航系统来确定下一步该去哪里。标识导引的四大要素： 使用熟悉的组织系统。 使用人们习惯的组织系统，人们就不必重新学习，网站会更易于使 用。 清晰明确的标签。 标签应该清晰明确，不要让人难以理解，不要过于创新。
排版原则和方针
问题1：我在正确的位置上吗
Yahoo主页左侧清楚地想用户展示了Yahoo提供的顶级服务，搜索位于页面最上。新闻居于页面中间，邮箱等个 人服务则放在右侧。 Yahoo主页明确地宣布“都在这里了”。
排版原则和方针
问题2：网站上有我要找的东西吗？
排版原则和方针
问题2：网站上有我要找的东西吗？
排版原则和方针
问题2：网站上有我要找的东西吗？
导航要像导航。 如果是一个链接，那它看起来就应该像个链接。将可点击的选项做 成一个按钮，或者在选项下加下划线，也可以将文本置为不同的颜 色。仅供阅读的文本和可以点击的文本看上去应当有所区别。 在这里和到过这里标志。 要让人们知道他正在网站中的哪个位置。让他们知道来自哪里，还 要让他们知道怎样回到原处。可以使用面包屑轨迹，或者通过改变 导航条的外观来提供位置的反馈。
网站用户体验优化
Jerry
目录
用户如何思考？ 优秀用户界面的特点 易用性法则和原则 排版原则和方针 导航之道 营销型网站常见问题
用户如何思考？ 用户不会阅读，而会扫视
扫视某些文本，然后点击第一个让他们感兴趣的或大体上与他们正在寻找东 西类似的链接。实际上，有大量的网页他们几乎不看一眼。
用户重视质量和可靠性
用户遵循他们自己的直觉 用户希望能够进行控制
大多数情况下，用户会靠自己的摸索而不是靠阅读设计者提供的信息解决问 题。
用户希望能够控制他们的浏览器。例如，他们希望能够使用后退按钮，不希 望出乎意料的弹出窗口。
目录
用户如何思考？ 优秀用户界面的特点 易用性法则和原则 排版原则和方针 导航之道 营销型网站常见问题
排版原则和方针
问题3：网站上还有没有更好的东西？
不论访问者在你的网站上是否找到了他们寻找的东西，他们都会问 还有没有更好的。要解决这个问题有几种常用的方法。 导航和面包屑 突出显示用户在网站中的当前位置，并显示相关的内容，这是一个 很好的做法。可以让用户快速找到相关种类。 参见选项 提供参见选项也是一种很有用的方式。可以向用户提供相关产品 （而不是相关种类）的快捷途径。例如，在页面下方提供相关文章/ 产品的链接，或者热门文章/产品的链接。
导航之道 5类导航
全局导航：整个网站中我都能去哪？ 本地导航：在这个部分我能去哪？
全局导航可以很容易地访问最重要的内容——这往往是网站的顶层类别。 带你前往网站层次结构中与当前页面相关的部分。
上下文导航：在这个页面我能去哪？
上下文导航将一个页面与有类似内容的其他页面相关联。这可以回答用户提 出的问题，如“下一步是什么”，“我怎样才能”以及“你还有什么内容”。
优秀用户界面的特点 清晰 简洁 熟悉
避免用户对界面的模糊认识，确保用户在使用的过程中减少犯错。
屏幕上同时充斥了太多的东西，找到你想要的东西是非常困难的。
使用一些公认的意象能够更好地帮助用户理解。
响应性
首先，响应必须迅速。其次界面应该提醒用户发生了什么事情，用 户的输入是否被成功地处理，让用户了解这些信息反馈。
如果他们看到高质量的内容，他们通常愿意忍受广告和糟糕的设计。内容本 身比支撑它们的设计更重要。
网站用户是没有耐心的
用户处理一个网站信息所需的认识负荷越高、导航的直观性越差，用户就越 容易离开。
用户如何思考？ 用户并非总会做出最佳选择
他们并非总是探寻最快、最好的方式查询想要的信息。他们也不会一部分接 着一部分地扫视页面。用户会选择第一个合理的、表达恰如其分的选项。用 户一旦发现非常可能会立即点击它。
问题4：现在我该做什么？
当当网提供了显著的“购买”和“收藏”链接，告诉用户下一步该做什么。对于问题“还要更好 的吗？”则通过提供当前位置指引、商品推荐等方式进行回答。
目录
用户如何思考？ 优秀用户界面的特点 易用性法则和原则 排版原则和方针 导航之道 营销型网站常见问题
导航之道
导航之道
第一次进入某个网站，熟悉它的关键在于是否能理解整个站点 的内部结构。而最初的几个瞬间对于是否能形成美好的第一印象至 关重要。导航不仅要能反映网站内部的结构，更重要的在于对我们 用户是否合情合理。网站必须符合用户思考问题的方式。
排版原则和方针
问题1：我在正确的位置上吗？
访问者来到网站，首先看到的就是你的组织方案。组织方案有两个 作用。 1．导向作用。它会告诉访问者这是一个面向什么的网站。 2．告诉访问者要做什么。它会向访问者展示“这是你可以研究/购 买/查看/阅读/接触/共享的东西”。 每个页面都是主页。用户可能通过搜索引擎直接进入网站内页，每 一个页面都需要回答这样一个问题：“我在正确的位置上吗？”
导航之道
本地导航
本地导航只与某个栏目相关，在针对特定栏目时，本地导航与全局 导航有些相似。本地导航能帮助用户浏览到更特定的主题，直至找 到他们需要的东西。 本地导航也称为栏目导航，因为它主要帮助用户找到某个特定栏目 中的内容。 本地导航放在通常会出现在全局导航“下面”。这也强调了内容的 组织方式：从概念上讲，子类在类别下面。也可能出现在左侧、右 侧等位置。
应用古腾堡法则，并通过箭头吸引用户注意到右侧区域。
易用性法则和原则
尼尔森F形状模型
著名的可用性专家杰柯柏.尼尔森在一次眼球追踪的实验中，记录了 232个用户对成千上万个网页的视线的变化。发现他们的阅读行为基 本上相同，大多数人的视线的变化很像F形状： 1. 用户视线首先水平移动阅读内容中的上面部分。 2. 用户视线会下移一点，然后再水平移动阅读内容，不过这次阅读 的区域要比第一次短。 3. 最后，用户视线会垂直扫描左边内容。
目录
用户如何思考？ 优秀用户界面的特点 易用性法则和原则 排版原则和方针 导航之道 营销型网站常见问题
易用性法则和原则 7±2原则
人们短期记忆每次能处理5-9件事情。导航、列表的元素不应超过此范围。
2秒钟法则
系统反映时间不应该超过2秒。用户等待的时间越短，体验越好。
3次点击法则
用户在3次点击之内如果还没有找到他们想要的信息或了解网站的特色，他 们就会离开该网站。 在大多数情况下，与点击的次数是无关的，但是用户始终知道自己现在在哪、 从哪里来和他们能去哪是很重要的。如果用户觉得他们对于系统如何工作有 一个全面的理解，即使点击10次也没有问题。
易用性法则和原则
古腾堡法则/古腾堡图
对角线平衡布局
易用性法则和原则
古腾堡法则/古腾堡图
对角线平衡布局
易用性法则和原则
古腾堡法则/古腾堡图
对角线平衡布局
易用性法则和原则
古腾堡法则/古腾堡图
注意，此法则在内容平衡分布的页面上表现最好。如果页面中的特 定元素有强的对比度和抢眼的颜色时，即使他们处于一个较弱的区 域，仍然会吸引访客的注意。
易用性法则和原则
80/20法则
对20%的用户、客户、活动、产品或过程的定位，可能带来80%的 利润。
费茨定律
费茨定律断言在定位时存在一个速度和精度的平衡，目标越小、距 离越远需要的时间越久。换言之，重要的导航、按钮应该做得更大、 更容易点击。
倒金字塔法则
倒金字塔是把摘要放在文章前面的一种写作方法。新闻业普遍应用 此法则，满足倒金字塔法则对于提高用户体验是非常重要的。
导航之道
用户查找信息的4种方法
不清楚需要知道什么 有时人们连需要知道什么都不清楚，例如，在找数码相机时，发现 在买相机之前必须确定一些指标，如像素、闪存大小和光学变焦等。 在寻找某个东西，却发现实际上需要了解另外一些东西。 再查找 人们可能想返回去找他们过去发现的某些东西，我们有必要通过网 站设计为用户提供返回途经，以满足用户需求。
导航之道
用户查找信息的4种方法
已知项搜索 如果人们准确地知道他们要找什么，而且知道要找的东西叫什么， 他们就会使用搜索来查找。但有时网站没有提供搜索，有时搜索实 现得很糟糕，甚至有时人们可能只希望浏览。这时你的导航必须使 人们能够到达他们想去的地方。 探测搜寻 用户可能有一个需求，但是不能确定什么能满足这个需求，此时就 会进行探测搜寻。例如，“3000以下的数码相机”，或者“需要了 解印刷行业”。
处理全局导航——导航访问模型
通过导航访问内容有两种基本模式，分别称为弹跳高跷和蟹行。 弹跳高跷模式，用户会前往一个子类别，然后必须回到父类别来选 择另一个不同的子类别。这种导航通常用在用户浏览非常庞大 的异构内容集时使用，或用于大型门户网站。 蟹行模式，用户可以采用一种横向方式在类别间转移。用户选择一 个类别后，可以选择页面上提供的“兄弟”类别的链接。大多网站 都采用此模式。
易用性法则和原则
尼尔森F形状模型
红色区域最受关注，黄色次之，蓝色很少被注意到，而灰色部分常 常是被忽略。
易用性法则和原则
古腾堡图与尼尔森F形状模型的区别
古腾堡图表与尼尔森F形状模型的对比中可以发现，虽然第一落点都 是左上角，但是用户忽视的地方有明显的不同，在古腾堡图表中， 右下角是用户的最终视 线落点，但是在尼尔森F形状模型中，右下角 是没有被关注的地方。 古腾堡图及F形状模型给我们的提示： 1. 用户很少逐字认真地看你网页文段的内容。 2. 第一，第二段最好包含最重要的信息 3. 多采用小标题，小段落和编号
排版原则和方针
问题4：现在我该做什么？
当用户找到了需要的东西，现在他们可能想知道：“现在我该做什 么？” 对于在线购物网站很显然应该提供购买、收藏的链接，对于其他网 站则可能是用户注册、在线报名、在线咨询、线下沟通等等。那么 这些内容有没有很突出的在网站上表现出来，将影响客户下一步的 选择。
排版原则和方针
目录
用户如何思考？ 优秀用户界面的特点 易用性法则和原则 排版原则和方针 导航之道 营销型网站常见问题
排版原则和方针
排版原则和方针
访问一个Web页面时，人们会问自己以下4个问题： 1. 我在正确的位置上吗？ 2. 网站上有我要找的东西吗？ 3. 网站上还有没有更好的东西（如果这不是我想要的）？ 4. 我现在该做什么？ 从设计的角度来说，网站需要做到以下4点： 1. 确保访问者处于正确的位置； 2. 要让访问者很容易找到他们想找的东西； 3. 确保访问者了解他们有哪些选择； 4. 允许访问者保持、购买、查找新的内容。