用户体验的基本理论普及_网页设计教程

推荐：三维化衡量产品的用户体验
如何衡量用户体验？这是一个摆在很多设计师、产品经理面前的非常苦恼的问题。有人写了一篇文章这样来量化用户体验，从品牌形象、可用性、功能性、内容等四个方

一、概念分析1：UE用户体验

英文叫做user experience，缩写为UE, 或者UX。

当指电子商务网站的时候也被称作顾客体验（CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，迷惑和BUG的程度

附英文原文供参考：
the user experience, mostly called "customer experience" when referring to e-commerce websites; the totality of the experience of a user when visiting a website. Their impressions and feelings. Whether they're successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.

因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的 真实体验是无法通过其他途径来完全模拟或再现的。
但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来熟悉到。

来自：百度知道

二、概念分析2：UE设计

步骤一：数据调查

数据可以带来什么？对于各页面及路径的pv(产品),uv(用户)的总结，可以得到产品使用情况的一个大致概貌。
缺乏什么？不了解用户，不了解过程。

步骤二：用户访谈

有什么好处？产品和用户之间的联系，就像一个黑匣子。对用户的访谈，就是一个试图打开黑匣子的过程。
打开了黑匣子，我们就可以改造他们之间的路径。从而使两者无缝融合。就像是研究dna，对结构的研究可以重塑基因。反映到产品上，就是我们可以以用户的心理模型去创造产品，或者是用富于创造的产品去影响用户。

步骤三：产品分析

即使了解用户，是否能提出有效的解决方案呢？此时，对于相关产品的研究就会作出帮助。假如说对用户的需求，可以对产品有纵深的熟悉。那么对产品的分析，有利于横向去加深去产品的理解。为什么做同一个功能，会产生出两种不同的产品？差异表现在大体，也体现在细节，通过不断的比较，会发现产品各功能间，产品和用户间千丝万缕的联系。

步骤四：产品定位

定位本应在一个产品做出之前决定，可为什么我会在此阶段提出这个步骤呢？事实上，因前面工作的铺垫。只有了解了用户，了解了相关产品后，定位才会更加明确。最初时，时时需要一个定位，却感觉模糊，在此刻，就清楚许多。能否改变，看造化了~~

步骤五：功能确认

基于对用户和产品的分析，此时会提出一些新的功能。从产品长远的发展，对用户使用的引导，以及易用性综合考虑，慎审地推出每一项功能。

步骤六：信息架构

产品的印象开始在脑海里浮现。此时，将信息注入到产品结构中去。导航，治理等是很重要的几项，需要格外小心。另外，不同的页面有不同的信息，以及页面与页面间的信息跳转，甚至是产品间的跳转，每条信息都需要经过审核。假如对产品没有帮助，或者对用户是负担，都不要向里加。

步骤七：页面原型

就个人而言，在页面原型阶段，除了用visio来画结构图，还是不自觉得要用ps去协助找感觉，这个过程，对自己而言也是一个迭代的过程。当然，之前那些阶段，使整个产品的结构都在脑海里快成型了，这个只需要把它落实到纸上。
原型的确认，需要坚持。假如是你自己做了这个过程，而且每一点都是经过思考的。那么就去说服来自各方的反对。事实上，你要相信，人们相信思考的价值，只要你付出了，就有回报，最怕没有付出天天在那里抱怨。

步骤八：视觉设计

不必多说了。可能会比较多，icon，字体，区域的划分，模块的统一，css的定义，风格的设定~~~所有的一切，都要体现前面工作所得到的东西。
步骤清楚，但其实中间的过程可能更有意思。

首先要获得运营人员的支持，假如他们不参与进来，整个过程会很难做。通过不断的交流，他们可能会很乐意一起做用户访谈等的工作。这个看你的沟通能力了。
然后获得团队其它同事的支持。需要不断展示阶段性成果，大家会慢慢熟悉到ue工作的作用。

有过这么一次以后，团队里熟悉到这个职位的职能，以后就可以开展更深入的工作了。

分享：对于页面中图像格式的个人观点
今天有个学生问我：页面中使用GIF格式，失真太大，怎么办呢？这个问题比较简单啊，只要用JPG就可以了。我们常用的页面的图片格式有三种，GIF、JPG、PNG。那么这