国内最最优秀UED博客地址收藏

“用户体验”（User eXperience）和“用户界面”（User Interface）这两个术语之间差别，应该还部分朋友也不大知道。2010年时， Quora 上就有个同名问答贴，回复挺多。摘译部分得票数高的回复。

1. Xianhang Zhang 的回复

就两张图，得票数 918

图1：这是“用户界面”设计

图2：这是“用户体验”设计

图2 中的英文大概意思：在立便器上用黑色轮廓蚀刻一只苍蝇。如果解小便的男士看到了苍蝇，会“瞄准”它。Fly in urinal 研究标明，蚀刻了苍蝇后，尿到外边的情况减少了20%。

2. 交互式设计师 Dan Saffer 的回答

简单来说：用户体验（UX）一个产品或服务的总体体验，其中就包括了用户界面（UI）。UI 通常由视觉设计（感觉和外观）和交互设计（如何运作）组成。不过，UX 可以涵盖很多学科，从工业设计到建筑学，到内容。我在一年多前画过一张图，如下：

图3：用户体验设计

【更新】：Dan Saffer 是何许人物？ @星歌物语： Dan Saffer是旧金山一家产品设计咨询公司Kicker SttJdio的负责人，是交互设计领域的思想先行者和国际性演讲人。Dan设计过很多产品，从在线应用到移动设备再到消费电子产品。他的交互设计创新产 品包括多项专利，至今每天被数百万人使用。他拥有卡内基·梅隆大学的设计学硕士学位。（更新时间：2012-5-19 23:49:42 ）

3. 设计师 Chrys Bader

用餐厅打比方：

餐具、盘子、桌子、椅子，这些就是用户界面；

食物、服务、氛围，这些就是用户体验。

更新：再简化一下：UI 就是用户用来和你产品进行交互的东西，UX 就是用户和产品进行交互时用户的感受。

4. 设计师 Ed Lea 的回答：Ed 做了一张信息图，已经由@设计的那些事 汉化

如果想查看其他回复，请查看原问答贴吧。

原文：Quora

对于互联网公司来说，用户体验起到至关重要的作用，能否给用户留下深刻的印象；开发出的产品是否实用、易用？等等这些都是开发者必将思考的话题。当有用性一样的时候，大家的竞争重点就是易用性了，这就是互联网产品如此重视用户体验的原因。

什么是用户体验？

用户体验（User Experience，简称UE）是一种纯主观在用户使用产品过程中建立起来的感受。顾名思义即用户在使用你的产品过程中的感受、心情、情绪、体验，也是会诱导用户选择你的产品而非竞争产品的因素。

那么，如何做出更加优秀的互联网用户体验？本文将为你支招，看看各位大牛是如何解答的：

吴伟 新浪产品设计师 ：不要让用户做不必要的思索

1.不要让用户做不必要的思索。有一本书叫《不要让我思索》，被很多人奉为用户体验圣经，动辄就说：“我们的产品纯傻瓜操作，不让用户思索。”这个理解是片面的，用户的思索分为必要思索和不必要思索，好的产品是避免用户做不必要的思索，把精力集中于必要的思索。例如一个照相产品，怎样取景、构图就是用户的必要思索；至于拍照按钮在哪里，怎么按这就是不必要的思索。好的照相产品应该让拍照按钮一目了然，方便操作，让用户把精力集中于取景构图。2.符合逻辑。无论产品操作流程、界面布局都应当符合逻辑，让用户操作起来自然而然，而不必进行专门的学习。3.交互友好。比如尽量降低用户误操作的可能性同时允许用户犯错，提示语应当尽量清晰明确，按钮面积要适当，颜色对比不要过于刺眼。

静禅 专注于产品分析、用户研究 ：产品好用是吸引用户，易用是留住用户

现在同类产品均比较多，一个不好用他可以换别的，其实用户的要求很低但也很高在用户眼里，产品只是一个工具，只要不会让他很烦或者难以下手使用，他一般都会继续用着，而用户也会在产品中寻找自己想要的功能或者细节的东西，往往这部分是不容易满足的用户体验最早与用户接触，是在用户学习怎么使用这款产品的时候，好用与否以及易用程度，很大程度决定了其是否继续留下来，个人认为Don't make me think还是很重要的。对于优秀用户体验来说，引用都在说的一句话，最优秀的用户体验就是让用户感觉不到你的存在。

陈梁 互联网产品经理：在互联网的定律中，只有第一，没有第二

缺乏核心竞争力和不可复制性必然会导致用户背叛成本降低，则必须重视用户体验，也就是产品的易用性，或者在市场方面下功夫，获得高市场占有率以改变用户习惯，从而提高用户的背叛成本。

这幅图能否给你一些启示呢？

关于网站设计的一些建议：

uxworks分享了一些见解，他认为网站的细节设计中，最容易、最常见的营造或破坏设计品质的方面有以下几个方面：

1）文字

• 设置正确的font family以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。
• 针对以中文为主和以英文为主的内容、字体大小不同的内容，设置不同的行间距。
• 在Windows、宋体为主的环境下，字体不要小于12px，不要使用斜体，避免使用粗体。

2）内容尺寸

• 对于文字内容为主的页面，往往可以利用最小文字的尺寸（或接近这个尺寸）、并且能整除标准页面宽度的尺寸，作为网格的单元尺寸。
• 使用网格设计法规范内容的尺寸，让布局看起来整洁有序。
• 设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间，但是过宽的内容反而妨碍阅读。

3）对齐

• 使用网格设计法规范内容的对齐，让布局看起来整洁有序。
• 在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线，几乎等于没有规范对齐。
• 英文在左对齐或右对齐的时候、另一侧参差不齐，居中对齐的时候两侧参差不齐，有一种美感。中文则往往更欣赏整体接近方块化的布局，尤其是对于高密度内容，需要慎用参差不齐的形式。

4）间距

• 间距单元尺寸的制定，由网格单元尺寸、字体单元尺寸共同决定。
• 尽量少使用几种不同的间距尺寸，间距类型过多让布局显得凌乱。
• 间距是非常有效的形成内容区块的方式，并且微妙而不强烈。相比使用背景色、间隔线，用间距形成区块往往更具品质感。

5）颜色

• 主体颜色尽可能不超过3种（黑色和白色如果作为背景色和文字色，不包括在内），主色、强调色、辅助色。
• 在同一种颜色上，可以根据需要发展出同色系的辅助色。
• 如果使用过浅的颜色，有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同，往往绿色的偏色尤其严重。

实际工作中，常常可以把上面的内容总结成“3”的原则：基于网格设计内容布局的尺寸、对齐、间距，使用不超过3种字体大小、3个对齐基准线、3种间距尺寸、3种颜色。

对于，国内的网站，有哪些细节设计给你带来好的用户体验？又有哪些值得我们学习借鉴呢？您也可以例举一些给您留下深刻印象的用户体验，欢迎与我们分享。