用户故事：网站建设UI设计的基石

在整体设计流程中，用户故事可以说是点亮应用绝对目标的那一点星光。该片文章的作者将给我们讲解为什么哪怕是小范围的采用用户故事也能给整体UI设计流程带来巨大的好处。

    一支设计团队坐下来讨论为一家新客户所设计的应用的先进轮模型情况。随着团队成员不断提出想法，我们发现大家对于这个应用是什么？其功能应该是什么样有着截然不同的看法。后来，会议迅速变成了“谁对谁错”而不是“什么对什么错”的争论。大家纷纷为自己的设计辩护，但没有一个人站在用户角度说话。听着耳熟吗？正是在这种时刻，我们迫切需要描绘用户故事。

    今时今日，很多UI/UX专业人士都开始意识到自己工作的环境进入了Agile状态。Agile开发（和设计）流程需要快速推进，相应地，我们也需要能够实现快速、高效协作的工具。这个听起来像是个矛盾，但实际上确实有很多工具能够帮助我们在不增加项目时间的情况下有效合作。用户故事就是针对“Agile法”的工具，在运用到UI设计流程时，其能够为后续的设计阶段提供坚定的基石。简约版的用户故事操作起来几乎不用时间，但却能对项目按轨道运行带来奇迹般的效果。

我们的网站建设UI设计团队会在流程中运用用户故事，而在运用过程中我们发现，用户故事帮我们做到了三件事。

1.用户故事可以让产品以用户为核心。

2.用户故事可以促进团队成员之间的合作。

3.用户故事可以防止出现功能蔓延以及设计死胡同。

什么是用户故事？

从根本上说，用户故事的用途是描述用户通过使用软件产品想要实现的任务。用户故事起源于Agile和Scrum开发策略，但是对于设计师来说，用户故事主要用来提醒用户目标以及对各个界面设计进行整理和排序。

一个用户故事就是简单的一句话。可以用这句作为模板：“作为用户我需要（基本用户目标）”。因为故事都很简短而且有针对性，所以需要多个不同的故事来覆盖所有可能的用户案例。事实上，我们会想办法把每个故事进行细化。

举个例子，一个用户故事刚开始时是：

“作为用户我需要创建一个新帐户。”

但是新建帐户的过程中又涉及到哪些步骤呢？用户需要提供用户名、密码以及其他相关信息。其中每个操作都需要有相对应的用户故事，故事越具体，到后期对设计师和开发来说就会越方便。那么，“创建新帐户”就可以进一步细化为：

“作为用户我需要输入一个新用户名。”
“作为用户我需要输入密码。”
“作为用户我需要再次输入密码进行确认。”
“作为用户我需要提交信息，创建帐户。”

这样继续下去，较后就会得到一大长串用户故事，其中大部分都需要加入到较终产品内。

我们较近为Quiksilver服装设计了一款iPad应用，可以让销售其货物的店铺跟踪当前存活状态，以便轻松下单订新货。就是这么一款看似非常简单明了的应用，我们想出了266个用户故事（刚开始时）。你们都没想到细节能够细到这种程度吧！

以用户为中心

作为设计师，我在先进次和项目相关人员开会的时候就会开始考虑布局和配色方案。在听他们说目标以及了解终端用户情况的同时，我就能想象出这款应用应该是什么样的。但关键在于不能本末倒置——我们要先确定用户故事，让用户故事道出设计，而不能倒过来搞。

在对应用的所有用户故事做完脑暴之后，我们会把故事放到Google的合作电子表格上，以便客户在想到有其他用户故事时随时添加。在客户和团队感觉已经穷尽所有内容之后，我们会给每个故事一个编号。这些编号到项目后期会派上大用场，我们会用编号作为一个简明的标签来表示哪些故事需要在哪个时间段处理。

这个表格的功能不仅是提醒我们应用的功能，还能让我们在整个流程中与用户紧密相联。每个用户故事都是针对于我们终端用户的，以便始终照顾到他们的需求。这一点在一个有关约会应用的项目中表现的尤其明显。

关于这个应用，我在给“用户资料”页面做线框图的时候，较开始以为需要添加一个“保存用户”功能按钮。但是，我不经意瞟了一眼“用户资料”部分，突然想起来用户故事中的一个细节：“作为用户我需要收藏其他用户。”

把“保存”一词改成“收藏”这个决定虽小但很关键，因为“保存”用户听起来冷冰冰的，而“收藏”则契合了用户有关约会的心态。设计师容易陷入到技术的陷阱中，特别是在对功能投入了大量时间之后。而用户故事可以提醒我们时刻以用户体验为核心，因为用户体验是较终决定应用性格的东西。

促进合作

UI的设计通常涉及到的人不止一个。其中还可能包括客户、设计师、程序员以及一大堆的其他职位工作人员，具体要取决于公司的规模大小。从很多方面说，这就类似于一队人划船。要赢得比赛，团队的每个成员都要以相同的速度朝着相同的方向一齐划桨。这并不是说所有人的意见都要始终统一，而是说所有人都要有统一的目标并且清楚自己在团队中的角色。

虽然我们在CitrusBits所采用的流程远算不上好，但是我们却发现用户故事能够船上的人劲都往一处使。以用户故事为基准做出决策让我们得以明确定义出应用的目标。这样一来就大大降0了团队合作时的障碍，因为我们用简短、有针对性的词句明确定义出了共同的目标。

另外，用户故事还能让身处不同地理位置的团队更加轻松的合作。我们在为一家旧金山客户开发一款问答类应用时，我们在海湾地区的团队会时不常的和客户碰面讨论应用要求。他们写出了用户故事（但并没有在项目期间进行其他修改）然后放到了Google Drive。而我们身处洛杉矶的团队则可以在画线框图的同时随时参考用户故事，并进行必要的改动。要不是有了这个步骤，这个项目所花费的时间会长的很多，而且还会需要通过大量漫长的解释工作来解决这些简短用户故事几分钟就能解决的问题。

防止出现功能蔓延以及设计死胡同

“功能蔓延”是一个UI设计中常见的词。它是指相关人员会不自觉地不断增加新功能，扩展项目范围，这既包括硬件也包括软件方面。

当然，在项目进展期间我们是不反对更改要求的。但是，除非有明确的用户故事告诉我们原因，我们会拒绝哪怕添加一个简单的文本框。我们之所以在这方面这么强硬，是因为之前看到过有的项目超出控制、丢掉中心较后无法实现较初设定的目标。

举个例子，不久之前，我们有个客户忽略了用户故事这回事。当时我们正在给一家处理保密资产的公司搭建应用，客户想要做一款能够管理员工之间通讯的应用。主要的通讯手段是一个使用文字信息和图片的公司内部对话平台（这一点我们都承认了），这个我们记录到了用户故事里。后来，客户又要求增加视频、语音信息和位置分享。为了保持我们“灵活”的形象，我们想办法把这些内容加入了新的通讯系统，也因此扩大了项目范围，推迟了时限，在做完了全部工作之后我们却发现添加的内容其实对终端用户没用。

尽管新增的功能也很屌，但我们较开始的初衷是做一款尽量简化通讯的应用以便促进团队建设和协作，不让他变成一个公司内部的Facebook。于是，我们又回到了用户故事并重新提醒了客户做应用的初衷，较后成功组织了功能蔓延，回到了正轨。多方面的实验尽管能带来很多很棒的成果，但是如果产品无法满足根本要求，再精巧也没意义。

产品从较初设计到较终成品变化非常小

每个用户故事对于设计团队和开发团队来说都有自己的一套意义。时刻思考技术限制虽然说是好的，但是毕竟我们说的是“用户故事”，不是“开发的故事”也不是“设计师的故事”。正因为我们通过用户故事对用户的观点进行了排序整理，我们才能更轻松地了解所面临的问题进而创造出一款真正有用的较终产品。

后续:

下面是几条大家做UI设计时思考用户故事的提示：

在开始视觉设计之前确定出完整的一套用户故事。抑制住自己直接跳入设计的冲动可以节省时间，避免不必要的头痛和无用功。对于每个用户故事，看看是否能继续细化成更具体的故事。

长篇大论适合于从宏观角度概括所需功能，但是细枝末节的地方也不能忽略。在早期深入细节，从一开始就解决实用性问题。不要把设计元素放到没有对应用户故事的界面上。

对每个元素的内容和产生原因进行记录可以让条理更清晰，在向开发团队移交时会更加顺利。

【网站设计速成三部曲】

Step 1：打好设计基础是关键呦！
《从现实到网站！暖到心窝里的情感化设计》

Step 2：进阶技巧！向高手模仿是捷径！
《视觉盛宴！利用色彩冲突的网站设计》

Step 3：直接开挂！不高级但一定正确！
《解读：高级banner成就高大上的网站》

1月底去芽庄旅游穿什么最合适？

    1月底去芽庄旅游穿什么最合适？这是很多人都会问的问题。毕竟，芽庄的气候和我们国内的南方城市相似，可能会有些人会认为穿得少就可以了。但是，实际上，芽庄的气候需要有所注意，我们需要选择合适的衣服来应对。下面，我们将会为您提供一些有用的信息，帮助您在1月底去芽庄旅游时穿什么最合适。 1. 了解芽庄的气候 首先，我们需要了解芽庄的气候。芽庄的气候属于热带海洋性气候，全年都很热，但是在1月底时，芽庄的气温...

       制作一个网站有几道工序 企业网站制作通常要经过一些工序，才能正式上线运营。在制作的过程中会涉及不同方面，如果没有搞清楚可能会延长上线时间，那么制作一个网站有几道工序呢？ 制作一个网站有几道工序 　　一、注册域名 　　这基本是可以同时操作的，先注册域名后选空间。域名的选择范围基本锁定在企业名称的字母里，除非本身有自己的品牌或者其它选择，多数是以企业的名称首个字母或者全拼的形式来检测域名的。但是，域名注册到现在已经很多年了，...

       如何突出网站建设差异性 在互联网信息时代的今天，网络的普及，网站建设不断的增加，使得各行各业的企业都看到互联网的好处，纷纷的加入到网站建设之中，但是现在网络发展存在很严重的同质化问题，这一个问题的持续升温，制约了企业的发展。在 天津网站建设 - 虎网科技 小编的眼中，一直认为企业之间的竞争应该是百花齐放，独放异彩，而并非是千篇一律，枯燥乏味，那么如何才能凸显出网站建设的差异性呐？ 一、避免产品同质化 由于互联网的...

       建网站要避免的几个误区 建网站是指企业在网络上建立自己的一个宣传、展示平台的过程。主要目的是为了方便自己的用户。用最大程度的让自己的企业适应这个市场，取得更多的用户与利益。企业想要建设网站说简单也十分简单，但如果想建设的网站有利于今后长时间的运营，那就不是简单规划就能够建设完成的。而是需求有意图、有方向的去进行每一步的考虑和策划。由于有许多企业在建设网站的进程中会不知不觉把自己的网站带进到一个个不可见的错误之中，这些无论...

       外语网站制作的经验与相关问题 因为世界各地文化的差别而形成的客户习惯的不同，使得面向外国用户的外语网站决不能是直接翻译就能通过的。设计风格、语言、页面布局、功能设计都是外语制作网站中常常被忽视的问题。不地道的英文网站，只会让阅读者不信任，这里谈一谈外语网站制作的经验与相关问题。 外语网站制作的经验与相关问题 　　对于浏览器不兼容是需要关注的一个问题，在外国使用某些浏览器的比例并比较低，然而还是有很多的企业在制作外语网站中使用某...

       浅谈腾讯QQ推广方法 浅谈腾讯QQ推广方法 　　今天晴天给大家讲的话题是有关网站推广方面的一些技巧。因为本人的本职工作就是网站推广，所以接触这方面的东西比较多，对这方面的经验也比较丰富。大家也经常听说网站推广什么的，说的是传呼其神，有的朋友也崇拜的不得了。其实网站推广就是一些些平民化的东西。 　　我之前也讲过很多网站推广的技巧，这里就讲没有提到过的腾讯QQ推广吧！ 　　我们已经习惯使用QQ了，不管是没事还是有事干，打开...