用户体验

 用户体验的一些要素

 

用户体验是指“产品如何与外界发生联系并发挥作用”的，也就是人们如何“接触”和“使用”它。 

Web中的用户体验是指用户在访问平台的过程中的全部体验，它包括平台是否有用，疑惑或者bug程度，功能是否易用、

                       简约，界面设计和交互设计是否友好等方面。用户体验的核心是UCD，即“以用户为中心的设计”。 

投资回报率：通常用金钱来衡量的，所花出去的每一元钱，能收回多少元的等值收益。

转化率：是一种最常用的的投资收益的度量标准，用来衡量用户体验的效果。通过跟踪有百分之多少的用户

           被“转化”到了下一个步骤，就能衡量你的网站在达到“商业目的”方面的效率有多高。
           例：3个注册并订阅邮件的用户/36个访问者=8.33%的转化率。

 1.战略层：网站目标和用户需求
(1) 网站目标：我们要从这个网站得到什么？
 品牌识别：可以是概念系统，也可以是情绪反应，在用户与网站交互的同时，企业的品牌形象
              就不可避免地在用户的脑海中形成了。
 成功标准：即一些可追踪的指标，在网站推出以后用来显示它是否满足了我们自己的目标和用户的需求。
 页面浏览量：网站上每一个页面的每天浏览数量，是至关重量的统计信息。 

 

(2) 用户需求：我们的用户要从这个网站得到什么？
      用户细分：将用户分成更小的群组，每一群用户都是由具有某些共同关键特征的用户组成。
                   不同的用户群有不同的需求，有时候这些需求是彼此矛盾的。

2.范围层：功能规格和内容需求
    当把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。
 用文档来说明项目需求，这件事虽然很麻烦，但必须要做，主要有二原因：
(1)知道正在建设什么，拥有一系列明确的需求，能把责任分配得更清晰，可以大大提高协作的效率。
(2)知道不需要建设什么，知道哪些是不需要马上去建设的东西，把这些杰出的想法收集起来，
   找到一种适宜的方式符合我们的长期规划。如果不能有意识地管理要求，那么将陷入可怕的范围蠕变中。

功能规格：无论项目多么庞大或复杂，有几条规则适用于撰写任何类型的需求。
(1)乐观：描述系统将要做什么事情去防止不好的情况发生，而不是描述系统不应该做什么不好的事情。
(2)具体：尽可能详细地解释清楚状况，这是我们决定一个需求是否被实现的最佳途径。
(3)避免主观的语气，可以用量化的术语来定义一些需求。
例：这个网站的风格应该是时尚，闪耀的。-->网站的外观应该符合企业的品牌指南文档。
     要求系统具有高级别的执行能力。-->要求这个系统的设计至少要支持1000个用户同时使用。
内容需求：
(1)有效的内容需要日常维护工作，应该定义好每一个内容特性的“更新频率”。
(2).确定需求的优先级。

 

3.结构层：交互设计与信息架构

 

交互设计关注于描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。
概念模型：用户对于“交互组件将怎样工作”的观点称为概念模型，使用人们熟悉的概念模型，
             会使用户很快适应一个不熟悉的网站。
错误处理：第一个同时也是最好的防止错误的方法，是将系统设计成不可能犯错的那种。
             第二个避免错误的方法是使错误难以发生，系统应该帮助用户找出错误并且改正它们。
信息架构：着重于设计组织分类和导航的结构，从而让用户可以高效率、有效地浏览网站的内容。

 可以使用从上而下和从下而上两种方式来建立分类体系。
 从上而下：从“网站目标与用户需求的理解”开始直接进行结构设计。从最广泛的满足决策目标的
                  潜在内容与功能开始进行分类，然后再依据逻辑细分出次级分类。
 从下而上：从已有的资料开始，把这些资料统统放到最低级别的分类中，然后再将它们分别
                 归属到高一级的类别，从而逐渐构建出能反映我们的网站目标和用户需求的结构。         
         
 4.框架层：界面设计，导航设计和信息设计 

 界面设计：成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计，
               而另一方面，不重要的东西，不应该被注意到。一个设计良好的界面要组织好用户
               最常采用的行为，同时让这些界面元素用最容易的方式获取和使用。
 导航设计：任何一个网站的导航设计都必须同时完成以下三个目标：
 (1)必须提供给用户一种在网站间跳转的方法。
 (2)导航设计必须传达出这些元素和它们所包含内容之间的关系。
 (3)导航设计必须传达出它的内容和用户当前浏览页面之间的关系。

 几种常见的导航系统：
 全局导航：提供了覆盖整个网站的通路。
 局部导航：提供给用户在这个架构中到“附近地点”的通路。
 辅助导航：提供了全局导航或局部导航不能快速达到的相关内容的快捷途径。
 上下文导航：也叫“内联导航”，是嵌入内面自身内容的一种导航。
 友好导航：提供给用户他们通常不会需要的链接，但它们是作为一种便利的途径来使用的。
 网站地图：一种常见的远程导航工具，它给用户一个简明的、单页的网站整体结构的快捷浏览方式。
 索引表：按字母顺序排列的，链接到相关页面的列表，它与一本书籍最后所列的索引表非常相像。
 信息设计：充当一种把各种设计元素聚合到一起的粘合剂的角色。决定如何呈现这些信息，
               使人们能很容易使用或理解它们。
 线框图： 是对一个页面中所有的组成部分以及它们如何结合到一起的、露骨的描述。
            对于简单的网站来说，一个线框图就足够作为所有即将建立的页面模板。
             对于大多数项目来说，无论如何，都需要用多个线框图来传达复杂的预期结果。
       
5.表现层：视觉设计 

视觉设计：将内容、功能、和美学汇集到一起来产生一个最终设计，满足其它四个层面的所有目标。
(1)忠于眼睛：用户的眼睛在页面上移动的轨迹模式应该有以下两个重要的特点：
       首先，它们遵循的是一条流畅的路径。
       第二，在不需要用太多细节来吓倒用户的前提下，为用户提供有效选择的、某种可能的“引导”。
(2)对比和一致性
         对比是把用户的注意力吸引到界面中的关键部分，帮助用户理解页面导航元素之间的关系。
                 让“差异”必须足够清晰，用户能足够分辩出某个设计选择是特意要传达一些信息的。
        一致性是另一个重要的组成部分，它能使你的设计有效地传达信息，而不会导致用户迷惑或焦虑。
(3)基于网格线的布局：通过使用“母版”来确保设计的一致性，各种布局都是根据这个模板来创建的。
(4)内部和外部的一致性，在网站的两个不同的地方或在同一个企业的其它产品中，
                              反映出被使用的、相同的设计方法。
(5)配色方案和排版

 

UI设计的一些通用的原则：
1. 就进设计原则，对功能进行恰当的分类和组织。
2. 帮助用户探索和尝试。
3. 允许用户犯错误，让用户可以撤销动作 ，在执行具体的破坏性操作中要求用户确认。
    让用户能有效地看出或者知道如何进行正确操作,减少用户记忆的负担,
    采取自然匹配和预设用途,尽可能采取一致性的设计。
4. 有效地设置出错信息
   不要只告诉用户操作无法完成或者操作失败
   不要仅仅给出出错代码，还应当给出该错误的含义
   不要在出错信息中使用用户无法理解的术语
   错误要尽可能明确，帮助用户诊断、识别和恢复错误
   错误信息要有建设性，要让用户看出怎样才是正确的
   不要给出误导性的出错信息
   要向用户提出解决问题的建议，告诉用户大概的原因和解决办法
5. 提供实用的帮助，设计帮助系统，采用具体的例子，帮助用户理解
6. 设计一个优秀的向导式界面
7. 使界面符合用户的使用习惯 ， 帮助用户高效地完成操作
8. 减少用户的等待感，加入进度条，百分比等元素的渲染。
9. 适时的提醒，没必要的提醒不需要出现 ，而适时出现的提示功能，
    不但不会骚扰用户，还是对用户的细致的关怀
10. 制定规范，维持统一
    文字使用要规范，语法，大小，颜色，大小写都需要注意
    能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话
    每个概念都只有唯一一种表达。如”VIP”的概念
    能用一种字体颜色的，不多用一种颜色
    能用一种字体大小的，不多用一种大小
11.系统应该与真实世界相符合（使用用户惯用的词汇和概念）
12.给用户控制权和自主权，当系统出错或者误操作后能够紧急退出。
13.提倡一致性和标准化，相似的任务提供相似的元素，高度一致性的界面能够给人清晰和整体的感觉
14.依赖于识别而不是记忆
15.强调实用的灵活性和有效性，输入搜索内容后直接按回车键就能搜索而不一定要点击搜索图标。
16. 设计对话，告诉用户任务已经完成
17. 网站的布局就从上到下，从左到右，将重要信息有序合理地安排在重要的位置，
     重要的内容在第一屏重要的位置优先落入用户的眼帘。
18.网站页面需要完成的主体功能放在页面首要主体位置，其它必须功能放在次之位置。
    不要让那些有必要而非必须的功能，因为自身利益的需要，强行抢占主体位置，
    以致影响人们对最熟悉最常用的功能使用。
19.避免字体过于黯淡导致阅读困难，字体色与背景色对比明显。有链接的字体要有所提示。
20.页面中不要用过多的_blank,页面浏览时间不要超过10秒，页面的长度原则上不超过三屏，
     而宽度则是在950或960（参照几大主流门户网站）