UI设计、用户体验

以用户为中心的设计–用户体验

现在每个企业都在举着“以用户为中心的设计”大旗，就跟以前顾客就是上帝的口号一样，叫的响叮当。但是又有几个公司是真正的实现的呢。顾客就是上帝这句口号是上世纪末无人不知无人不晓，虽然是这样说，但是当真正让你感觉到又有几个呢？或者说几乎没有，因为这句口号只是对一些特定的客户所说的，还得看你的Money够不够。如果这样的情况出现的互联网，那么该公司只有一条路，那就是上西天，因为现在互联网的应用正趋向于同，如果你不能满足用户的体验，那么就是远离你，而且是从此的远离你。

为了能抓着客户，让用户有更好的体验，每个互联网公司都采用不同的方式来实现用户体验，以体现以用户为中心的设计思想，不过成功的项目还真不多，失败的倒是一抓一大把。

以用户为中心的设计思想，用户体验主要有三点：别让我等，别让我想，别让我烦。

别让我等：

为什么优酷在网页视频独树一帜？为什么越来越多的用户喜欢在视频网上看低质画面的视频，而不是下载到本地？原因是用户都非常的急，他们对速度的要求超过对画质的追求。为什么用户很急呢？我想是现代的社会生活所造成的加上传统媒体的教育，翻开书本，杂志，报纸等，用户都是即时的体验，用户在互联网网上冲浪会处于一种注意力不集中的状态，都是希望能快速的打开网页，而用户往往会打开好几个网页，或者同时还在玩游戏，聊天，如果打开的网页很慢，那么极有可能会马上关闭该网站，从此不再来。就是这样你有丢失了一个用户。所以要保证服务器足够稳定，做好及时的响应，目前都有很多技术支持。

优酷比其他视频网的好处之一就是打开速度快。

别让我想：

用户打开网页就是希望能一眼看到该网站的核心业务，而不是让用户猜。如果有新的功能也要考虑用户的降低用户的学习成本，大家都很忙没空学习。

用户看到网站后知道他能做什么，使用该网站能得到什么，那么用户粘度就会增加，增强。不要让用户猜你是干啥的。

在打开网页的我们除了希望它快显示之外，还有一个是当网页出现异常时候，能否给客户提供人性化的提示。不要给用户提供一些专业术语，不是人人都能看懂。

你为什么不直接说服务器出现什么故障，而要说一些专业术语。

别让我烦：

实体广告满天飞，用户都练就了视而不见的能力。为了增加广告的收益，互联网公司绞尽脑汁的出招。嵌入广告是最常用的一种，如果你嵌入的适当的话，还是不会引起用户的烦躁的。但是嵌入合适的又有几个呢？不要打开网页就飞出来广告，很烦人，一般用户都是直接就关闭改网页，大家都害怕中毒（心里反应），而且有些广告还不能直接关闭，必须要打开广告后才能关闭，你说烦人不烦人，这样你的网站从此拜拜。。

当用户为了一个完成某任务而痛苦的执行下一步时，别给用户添加任何的烦恼，例如：提示该活动已结束或者是跳转到别的网页，再重新让用户再操作一次。。那么用户对你的印象就会急速下降，可想而已后果是怎么样。

本文固定链接: https://www.360docs.net/doc/216585065.html,/45.html | 分享互联网

影响用户体验感知的三要素

在当今web2.0流行的时代，以用户为中心的设计思想“横行霸道”，给予用户良好的体验被看着是网站能否成功的要是之一，是什么影响用户体验的感知呢？在这里我说说自己的看法。

1.经验影响感知

大多数人在工作和日常生活中，不断的用积累的经验来处理碰到的问题，并在不断强化经验。同理用户在使用产品过程中，也是根据之前类似的操作来完成目标任务。

当然不同用户对相同的产品，会因为不同的经验而影响感知，所以在产品初期就要明确我们产品的目标用户，并针对目标用户进行调研、原型测试等方面的工作，减少用户对

产品的学习是良好用户体验的前提。

在由多个网页组成的网站中，很多人不会立刻注意到下图，所以这就是为什么“控件的摆放要一致”是一个常见用户界面设计准则。如果出现这样的设计就相当糟糕。

用户不在乎点击多次，但不要让用户想。

2.环境影响感知

在日常生活工作中，我们对一句话或一段话完整的理解，很多时候都是基于语境来理解它的意思。周围环境对感知的影响也同样存在于不同感官之间。

例如：我们听到的能够影响我们看到的，反之亦然。

我们听到，看到或许闻到的能影响我们的裁决。

当用户使用产品过程中，页面上的元素时刻的影响用户的感知。

例如：弹出窗口广告或页面广告太多等元素会严重的影响用户体验。

为了让用户阅读广告，该方式完全的影响了用户体验，非常的不值得，既增加了用户操作，又得不到好的价值产生，还会操作用户流失。

例如：天空下载的网站提供的体验就挺好。

点击“下载地址”就会跳转到，下面的下载地址列表，选择下载点，单击就可以把需要的软件下载。

3.目标影响感知

当用户登录网站执行任务目标时，往往会过滤与任务无关的东西，当用户在软件或网站上寻

找信息或某个功能时，他们并不会认真的阅读，只是快速而粗略的扫描屏幕上与目标相关的东西。他们不是不仅仅忽略掉与目标无关的东西，而是经常不注意它们。

比如：去一个订机票的网站，预定机票

第一步：打开浏览器

第二步：去订机票网站

第三步：搜索合适的机票

第四步：查看搜索结果

第五步：去结算

第六步：核实航班信息

第七步：网上银行付款

第八步：打印电子票

当用户执行以上步骤的时候，网站推送的其他优惠活动用户极有可能被忽略掉。

总结：以上三点对UI设计有一定启发.

1.避免歧义：使用通俗易懂词语，避免使用专业术语（非用不可情况除外），

2.保持一致：相同的控件，不同的页面应该在每一个页面相同的位置以及控制大小，颜色，

字体号保持一致

3.理解目标：在一项交互的没点上，确保提供用户需要的信息，并非常清晰地对应到一个

可能的用户目标，使用户能够注意到并使用这些信息。

设计准则之----接近性原理

接近性原理说的是物体之间的相对的距离会影响我们感知它们是否属于一组。互相靠近（相对于其他物体）的物体看起来属于一组，而距离较远的则不是。

例如：左边9个菱形看起来就像一组，而右边3个菱形看起来像另外一组。

接近性原理在网页产品与软件产品的应用是经常使用分组框或分割线将控件和数据显示分隔开。

例如：hao123网站是应用接近性原理的典型

图：Balsamiq Mockups for Desktop

相反地，如果控件摆放得不合适，比如：相关控件之间距离太远，则会影响我们的感知。不经过尝试，用户是无法学会如何操作。

UI设计----视觉层次

当用户在使用网站进行目标任务时，并不会仔细检查并阅读屏幕上每一个词，他们只会很快的扫描相关信息，并将注意力放在他们所关心的信息上。因此UI设计师对网站设计时，应该以简洁和结构化的方式呈现网站内容或页面结构，方便用户的浏览和理解，提高用户体验感知。

信息呈现方式越简洁，精炼，越能更快和更容易地扫描和理解。下图的验证码，给用户带来浏览和操作上的难度，验证码应以整洁，清楚的方式呈现，方便用户输入。

雅虎注册不仅验证码不易让用户辨别，并且注册信息过于繁琐。相对于百度的注册，就比较简洁，并且注册信息也相对“简单”。根据有关调查发现很多用户在注册过程中因为繁琐填写信息而流失。

相信很多人都有使用网上银行的经历，需要输入卡号信息，虽然很少量的信息量，但是也可以通过结构化使其容易浏览和操作。下图：招商银行网上银行卡号信息的输入，当你把号码输入完成，发现第一位数字错误，就得全部删除，然后重新输入，你并不能通过移动光标来选择要修改的数字，就算能通过光标来选择删除错误的号码，也一个不是很好的体验。

为了给用户提供良好的体验，我们一般推荐卡号分成多个部分，如下图：当用户输入四位后，

自动空格，方便用户的检查，容易浏览和记忆。

即使要输入的数据在严格意义上讲不是数字，分隔开的数据字段也能提供有用的视觉结构。比如：日期

由于记忆比选择难的原因，现在也有一些网站通过选择的方式，减少用户的记忆，方便用户的操作。

总结：

可视化信息的显示，最重要的目标是提供一个视觉层次，即信息的布置安排能够：

1.将信息分段，把大块整段的信息分割为各小段

2.显著标记每个信息段和子段，以便清晰地确认各自的内容

3.以一个层次结构来展示各段及其子段，使得上层的段落能够比下层更重点地被展示。

记忆对UI设计的影响

记忆力分为短期记忆和长期记忆，他们之间又有什么区别以及怎么影响UI设计的呢？

在这里我谈谈自己的看法。

短期记忆

短期记忆的容量和不稳定对UI交互设计的影响，最基本的启示是用户界面应帮助用户从一个时刻到下一个时刻记住核心信息。不要要求用户记住系统状态或者他们已经做了什么，因为他们的注意力专注于主要目标和朝向目标的进度。

在用户在使用搜索引擎的查找信息时，他们输入搜索词，开始搜索并查看结果。评估结果经

常要求知道对应的搜索词是什么。如果短期记忆不是那么悠闲，用户在浏览结果时，通常能够记住几秒钟之前他们用的搜索词是什么。但如我们了解到，短期记忆是非常有限的。当结果出现时，人们的注意力自然地从他们输入的词转移到结果上。因此人们查看搜索结果时会经常忘记用得搜索词是什么，一点都不奇怪。

为了解决用户搜索忘记搜索词，现在各大搜索引擎都会在搜索框内保留搜索词，并在结果中用红色表示搜索词。

如果你问朋友如何处理电脑出现蓝屏的时候，他会告诉你一大串步骤，你多半不会试图把所有的记下来，因为你自己无法可靠地吧所有指令都用短期记忆记下来，你会选择写下来，然后再按步骤去解决蓝屏问题，直到处理完成。

相信很多朋友都有使用Photoshop的经历，在多步操作中用来显示使用说明的交互系统。Photoshop允许用户在完成所有操作步骤的过程中随时查阅帮助文档。

长期记忆

长期记忆的特点：用户需要工具去加强它。在互联网行业通过长期记忆的典型莫过于密码。在各大社交网络，邮件系统，团购，淘宝等系统中都要求用户注册，并建议用户创建复杂的密码，也就是说需要复杂又要用户容易记，这明显是矛盾的。那么用户为了记住密码，又通过记事本记录下各个系统的用户名，密码。此时又增加了一个记忆任务：用户必须记住他们在哪儿藏着写下来的用户名，密码。

一个为了安全而增加用户长期记忆的负担的例子来自qq，要求用户设置密保密码。如下图：

密保问题需要设置三个，如果你到时候记不起其中任一个问题呢？如果你记不起你的学号（工号）、你初中班的班主任或者其他这种问题的答案呢？并且一个问题可能有多个答案。比如初中我就有三个班主任（每年级一个）。为了设置密保，他们得记住每个问题，为什么要增加用户记忆的负担而不是更容易地让用户自己写一个能够轻松记起来答案的安全问题

呢？

要求用户记忆太多的特征会导致界面难以学习，也使得用户记忆更容易在记忆和获取时丢失核心特征，增加用户无法记起、记错或者犯其他记忆错误的可能性。

UI设计的本质

Web.2.0流行的年代，越来越多的公司注重UI设计。如果一味的追求UI设计，也许并不能真正的留住用户，仅仅提供漂亮的界面是无法满足用户的，更多的应该基于良好用户体验的UI设计。

仅有好看是不够的，归根结底仍是要靠用户体验。

今天所谓的web设计实际上并非真正的设计，仅是样式、像素颜色之类的拼凑。真正的设计必需解决题目。真正的设计必需比摆弄一下PS更加全面、更加深入，应该致力于营造深思熟虑、令人着迷的用户体验。然后才是让美学设计来锦上添花。

因此成功的互联网企业大抵如斯，采用的都是一种实用主义的设计，可以去看看Facebook、Google、Amazon的网站，他们所专注的是营造极佳的体验来取悦用户，并带来附加价值。

Instagram的设计就是相称的实用主义，固然没有Path那么性感，但是它让拍照、分享的过程简朴、愉悦，这就够了。

设计的本质

设计的本质是什么？不是去寻找什么很酷的调色板，不是去追求什么灰度和暗影效果，不是制造出虚有其表令人目眩缭乱的效果，这些东西不能够喧宾夺主，设计的本质在于营造令人着迷的杀手级用户体验。而要想成为杀手，你得找到自己要射出去的那支箭的箭头上的毒药。

著名的UI设计九准则

原则1：专注于用户和他们的任务，而不是技术

a.了解用户

b.了解所执行的任务

c.考虑软件运行环境

原则2：先考虑功能，再考虑展示

开发一个概念模型

原则3：与用户看任务的角度一致

a.要争取尽可能自然

b.使用用户所用的词汇，而不是自己创造的

c.封装，不暴露程序的内部运作

原则4：为常见的情况而设计

a.保证常见的结果容易实现

b.两类“常见”：“很多人”与“很经常”

c.为核心情况而设计，不要纠结于“边缘”情况

原则5：不要把用户的任务复杂化

a.不给用户额外的问题

b.清除那些用户经过琢磨推到才会用户的东西

原则6：方便学习

a.”从外向内”而不是“从内向外”思考

b.一致，一致，还是一致

c.提供一个低风险的学习环境

原则7：传递信息，而不是数据

a.仔细设计显示，争取专业的帮助

b.屏幕是用户的

c.保持显示的惯性

原则8：为响应度而设计

a.即刻确认用户的操作

b.让用户知道软件是否在忙

c.在等待时允许用户做别的事情

d.动画要做到平滑和清晰

e.让用户能够终止长时间的操作

f.让用户能够预计操作所需的时间

g.尽可能让用户来掌控自己的工作节奏

原则9：让用户试用后再修改

a.测试结果会让设计（甚至是经验丰富的设计者）感到惊讶

b.安排时间纠正测试发现的问题

c.测试有两个目的：信息目的和社会目的

d.每一个阶段和每一个目标都要测试

UI设计基本思路

人们经常有意通过某种工具或创造来解决难题，然而，这并不意味着人们高兴接受别人或别的事情提出问题难为自己。在用户使用网页或软件的时候，他们都是有明确的目标，他们利用电脑来帮助自己完成目标。用户在完成目标时，只专注于目标，所以系统和交互设计者，应该创造良好的环境，以便用户快捷，愉快的完成目标任务。

交互系统应尽可能减少用户繁琐的操作，使用一些基本设计原则，可帮助设计师在思考系统和交互设计时提供一个基本思路。

1.显著标识当前状态或位置

当用户无法识别自己所属的状态时，将会出现短期心里压力以及精神无法集中完成目标。

2.引导用户完成他们的目标

如：用户上淘宝，目标是买IPhone ,那么当用户第一次登陆系统，通过站内搜索找到IPhone，并选择某个商家后这时候主要交互设计就是引导用户付款。亚马逊这一点做得挺好，亚马逊会根据用户之前的操作，当用户再次登陆到系统时，会推送用户历史记录的商品，极大程度的缓解用户再次查找，并能再次激起用户的购买欲望。

3.不要让用户诊断系统问题

现在已经越来越多的网站改善这个问题，比如：404页面，现在很多网站再报404时，已经出现让用户所能理解的页面，而不在是之前的“乱码”。

4.符合用户使用习惯

培养用户使用习惯既让企业花费大量的资金而且未必得到良好的效果。即使用户从未接触过的系统功能，设计者也可以再某种程度上使用这种方式。操作系统以及应用软件已经培养了用户根深蒂固的使用习惯，在设计时可以借鉴。

本文固定链接: https://www.360docs.net/doc/216585065.html,/1154.html | 分享互联网

以用户为中心的UI设计方法

如今以用户为中心的设计思想，在各大互联网公司都得到了重视。以用户为中心的设计是指创建吸引人的、高效的用户体验的方法。以用户为中心的设计思想非常简单：在产品的每一个步骤中，都要把用户列入考虑范围。然后这个看似简单的思想中，蕴含中极其复杂的内容。

“以用户为中心”的UI设计方法就是确保设计符合目标用户的期望。在设计过程中贯彻“以用户为中心”的UI设计方法，能够帮助设计师检验设计是否有利于提高产品质量，最重要的设计内容是什么。

了解用户

识别和理解目标用户是开始产品设计的第一步，同样重要的是分析市场上类似的产品，分析类似产品针对的用户群，甄别其是否是竞争对手，这些工作对于设计将非常有借鉴意义。理解其他产品的过程有利于比较和理解自己产品目标用户的需求。

另外，非常有价值的方法是对用户使用产品的过程做情节描述，考虑不同环境、工具和用户可能遇到的各种约束，可能的话，深入到实际的使用场景去观察用户执行任务的过程，找到有利于用户操作的设计。

通过一些方法寻找符合目标用户条件的人来帮助测试原型，听取他们的反馈，并努力使用户说出他们的关注点，和用户一起设计，而不是通过自己的猜测。

通常情况，软件研发和界面设计人员对产品的了解和细节的把握比用户要多得多，尽管这些知识对类似设置缺省状态或者提供最佳信息非常有帮助，但一个重要的概念是，产品设计不是给自己来用，不是为满足自己的需求或符合自己的习惯而设计，而是为目标或者潜在用户设计。

分析任务

完成用户模型定义后，需要定义和分析用户将履行的任务，寻找与任务相关的用户心智和概念模型。心智模型体现了任务场景，定义了任务包含的具体内容和用户的期望；任务之间的组织关系和与其适应的工作流。

观察用户在非使用电脑的状态下怎样完成任务、使用什么术语、与任务相关的概念、物体、手势等，设计产品反映这些事物，但不是机械的复制。充分利用电脑环境固有的优势使整个过程和方法更加简单，并得到优化。

架构原型

在完成用户目标和任务分析之后，使用这些关于任务及其步骤的信息构建草图，进而发展成产品原型。原型是很好的测试设计的方法。它能够帮助检验设计多大程度上锲合用户的操作；可以使用各种各样的办法构建原型，而非编码一种。例如可以使用故事板来可视化的展现用户使用产品的过程，也可以使用原型工具来模拟过程，以此说明产品是如何运行的。

原型只是快速构建，作为改进设计的手段，如果构建原型使用了编码，也有很多不完善之处，要尽量避免在最终产品中使用这些代码。

用户测试

完成产品原型之后，可以请一些目标用户试用，观察他们的反应。仔细地观察、倾听用户在执行特定任务的时候的反应，是否与设计定义的一致。最好用摄像机记录下来。用户观察有助于发现设计是否合理和存在的问题。

用户测试注意把范围限定在关键领域，着重对设计阶段重点分析的任务的检验，对参与者的指导必须清晰而全面，但不能解释你要测试的内容。

使用测试记录获得的信息来分析设计，进而修正和优化原型。当有了第二个原型之后，就可以开始第二轮测试来检验设计改变之后的可用性。可以不断的重复这个过程，直到满意为止。使产品变得具有优秀产品的特质，成为满足目标用户的高可用性产品。

豆瓣FM的用户体验

以普通用户的角度体验豆瓣FM，从豆瓣FM的页面和功能方面阐述。

1.页面

整体页面简洁，没有多余的元素，给人一种清新的感觉。灰色占据1/3页面。

2.功能

A.豆瓣FM提供了三种的选择兆赫的方式。它让私人兆赫和公共兆赫的、DJ兆赫入口直接暴露在页面上。在豆瓣FM上，只需一次点击，就能完成三种兆赫下的切换；在公共兆赫下，只需要滚动鼠标，就能遍历所有的公共兆赫。在DJ兆赫下，同样也是通过滚动鼠标的方式，遍历所有的DJ兆赫。

B.豆瓣FM的一些实用功能：“进度条”功能，让你能方便的了解播放进度，以倒序的方式显示时间。“快捷键”功能，让你单击“空格”就能暂停音乐，单击”上/下“方向键就能控制公共兆赫、DJ兆赫内容列表的上下滚动。

C.豆瓣FM不仅使用了更大更清晰的专辑封面，还在播放界面的右上角为“暂停”设置了独立的按键.在登录状态下，选择灰色心形，心形变成红色，通过该功能豆瓣更加智能的推荐歌曲。

D．豆瓣提供的“分享”功能，可把自己喜欢的歌曲分享到各大SNS平台，如：新浪微博，人人网等。

总结：操作简单，只需红心，垃圾筒，跳过，豆瓣FM都会记住你的口味，在私人兆赫会给你播更多的好歌

浅谈：用户界面设计中的“状态”和“动作”