糖煲莲子

参加MOTO与学校合作举办的工作坊学习的一个前期设计流程：

实境调查( Contextual Inquiry)

. 除了实境调查，设计师无发有效的从他人那里获知用户需求

. 用户并不清楚自己倒底

. 通过仔细挑选受访对象，我们可以从少数用户那里了解整个市场需求 

. 从受访者当中提炼角色模型

数据解释(Interpretation)

. 尽可能及时的统计数据

. 让团队的所有成员参与访谈并达成共识

. 提取待用户需求，记录设计点，提出可能出现困难

. 参与的角色：受访者，角色模型，团队成员

. 在这个过程中应该：开放思维，互相信任，避免否定 

PS：这个步骤是记录受访者概况（如年龄，职业，性别）以及他对现有设计提出的不满。要求将这些用户进行编号，并按照统一格式记录采访数据。

图表分析 (Affinity Diagram)

. 这是一种最快最好的方法统计受访用户的所有需求

. 这可以使所有问题都展现出来，避免遗漏

. 这可以使需求得以归类（最下层的黄纸条是用户提出的问题和需求，依次往上是需求的归纳和提炼）

. 确立关键需求

用户角色模型( Persona)

. 从之前采访的所有用户综合提炼出一个角色模型

. 这样可以得到一个鲜活的用户形象并把所有相关需求和他联系起来

. 帮助设计师将“目标—用户—任务”联系起来

脑力风暴（BrainStorming）

. 投入到所有信息中去

. 让用户需求数据指导你的设计

. 没有顾忌的产生创意（不要否定任何奇思妙想）

. 最终投票选出热点设计和关键需求

情境建立（Visioning）

. 你希望你的设计创造什么样的使用方式?

. 让头脑风暴产生的点子落实下来

. 为你的设计构建一个合理的情境，为方便与其他部门交流，最好画出草图

. 适合的点子，不适合的点子（你需要在一些矛盾的点子之间有所取舍）

. 把好的点子集中起来，总结出一个最终的解决方案

故事板（Story board）

. 描述任务操作的细节

. 画出交互和操作的步骤

PS这个词的意思本身非常令我迷惑，我总把它和情境搞混，实际上，情境才是创造了一个角色模型使用产品时的故事，而故事板只是情境中的细节刻画，这两个东西总是很容易被搞混（至少我花了好长时间才明白，嗯……这就是英文直译的糟糕之处），下面是我们小组画的故事板:D

设计概念的纸上原型（Design Concept）

. 简单画出交互和操作步骤的大致框架图

. 设计师要尽可能多的考虑到可能出现的问题

用户测试（User test）

. 直接获取用户反馈

. 这是一个用户参与设计的过程

. 将权利交给受访用户

. 建立一个粗略的设计线框图

PS：这个用户测试不同于产品完成后的用户测试的概念，这是一个产品正式投入设计制作前的一个预先访谈，更像是一个再次征求用户意见的过程。

接着上一个话题，说一说用户体验设计中包括的各个成员的职责，他们分别是：结构（概念）设计师、交互设计师、视觉（图形）设计师、用户测试工程师。

结构设计师　Structure Designer

结构设计也称为概念设计 （Conceptual Design），是界面设计的骨架。第一步的工作是分析，而不是设计。通过分析目标用户的特点和任务，制定出产品的整体架构。就是具有能非常好地确定产品将要做什么，以便别人顺利完成任务的人。他/她不需要知道程序怎么写，但是他必须了解数据库可以提供些什么。这就好比设计一个店铺的展示，什么样的产品最吸引眼球放在橱窗；什么样的产品最好卖放在柜台；什么样的产品很冷门放在仓库，只在老顾客偶尔来询问时才拿出来，这绝对是一门学问。因为这不需要花费很多金钱和时间，却可以使产品有重大的变化。

结构设计师常用的工具是纸、铅笔，高级一点也许可以用Viso，当然，还有PPT，因为让其他人信服你的计划需要详尽的计划演示和完美的口才。

交互设计师 Interactive Designer

任何产品功能的实现都是通过人和机器的交互来完成的。虽然我们的产品通过机器实现，但在设计的过程中人的因素应该作为绝对的核心被体现出来。切记：是让技术为用户服务，而不是让用户服务技术。什么是人所易于使用的？这个操作过程需要交互设计师凭借对复杂行为的想象力一步一步的设计出来。

交互设计师设计项目的第一部分是针对功能进行详细的研究，用定性的现场调查技术，用户建模方法，设计出交互原则和模板。说白了就是在结构师搭好的骨架里找到用户最容易找到，最能够记住，并且最快捷的路径。交互设计控制程序的外观和行为，如果程序里从A点到F点需要经过B、C、D、E，交互设计师完全可以让用户只在界面上直接看到A点到达F点，中间的过程，无须让用户费心去记。

视觉（图形）设计师Graphic UI designer

目前，不少UI设计师都是在从事这个工作，不过，我想：这个称呼前应该再加一个G，也就是Graphic——图形。不过，这个所谓的“图形”不仅仅指代图案的元素，所有当前呈现在我们屏幕上的东西都需要通过图形设计师的设计展示出来。

界面的图形设计是在结构设计与交互设计的基础上，参照目标群体的心理模型对界面进行色彩、字体、风格方面的设计。从而达到用户愉悦使用的目的。图形界面设计师需要对色彩，图案，字体等一系列视觉化的元素有深入的研究，了解什么样的用户希望看到怎样的界面风格，多大的字体才是老年人看得清楚的，什么样的图案才让人明白是可点击的，这些，都是图形设计师需要考虑的，把界面每一步的效果通过Photoshop做出效果图，剩下的就有程序员来搞定吧——当然，如果你能够独立编写html以及CSS的话就自己动手丰衣足食吧，因为程序员常常不认为给文字与页面边缘留5-10px的空隙是对视觉效果影响很大的问题。

用户测试工程师User experience engineer

任何产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。

用户测试工程师需要制定测试计划，联系接受的用户，统计测试结果，然后将设计上的问题根据问题的严重程度分出等级，从而确定修改的优先级顺序。

这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验来评判，或者是等到用户破口大骂时才意识到问题的严重性是很糟糕的。

不知道说清楚了没有，也不知道说的对不对，“稻康亩”同学你对我的解释还满意吗？？=0=

1:30----6:30，漫长的5个小时后我们的中期检查终于结束了，和原订计划1个半小时相比，简直了！

11个人，平均每人半小时，据说我花了一小时？！真是抱歉，我发誓我原本只打算花短短的5分钟讲完的，因为我连ppt都没准备，直接拿着几张图就上了，不成想老师费和我抬杠……对不住大家了~~~~~

每个人的进度都不一样，当然有很不加油的，不过沈小莹这次的表现实在让我吃惊，整个方案条理清晰，没有漏洞可抓，相比之下,我真的太凑合，加油加油！

hoho，加油归加油，第四期的NewWebPick ，前三期都很不错，这一期正下载着呢，这几天学校的网速都超级超级不稳定，等待中……

全球免费下载地址：http://www.newwebpick.com/_issue/no4/index.html

本期看点：

* 特别企划 / 商业 艺术 互联网

Virgin Lands / MARTINI / RBK ANSWER IX / FINISH TV / NESTEA ICE / SEB JANIAK / INGREME

* 大师访谈

Group94 (比利时)
Group94是一个网站设计制作室,位于比利时的根特(Gent). 我们努力出创造出定制化和高质量的作品. 我们大多数客户都是从事设计或创意工业的: 包括中介机构, 摄影师, 演员, 建筑师, 博物馆. 音乐家等等, 这就是一个很好的活动市场.

Austin Young
我是在美国内华达州的Reno市长大。我家族都是开牧场的，只有我是艺术家。
我在巴黎的Parson学画，也在纽约呆过一段时间。我爱加利弗里亚，这里的艺术环境都有文艺复兴的风格。
四十年代的性感女郎照片, 三十年代的电影，每个年代的时装, 唱片和名曲艺术，我喜欢1979年到1984年洛杉矶涌现的颜色和图案的创意。
* 试验基地

* NWP超级精选