对于一家做项目型的公司而言（今天主要讲的是项目性质的设计工作，产品可以绕道哦），时间就是成本这句话体现的淋漓尽致。基本上给到UI设计的时间，是少之又少，那么如何在一个有限的时间里，设计出优秀的作品呢？这是接下来我想跟大家一起讨论的～

我们都知道用户体验五要素（战略层、范围层、结构层、框架层、表现层），这五大点是一个个递进的过程，是一个从初步的想法到最后落地的过程。也就是说我们最后看到的表现层（UI界面）是如何做出来的，都需要靠前面一点点的去研究、细化、分析。所以这么一个强大而繁琐的过程，我们如何要在一个有限的时间内去完成，下面跟大家聊一聊我在实际工作中的例子。

一、沟通

沟通是一切事物的前提和基础，这个沟通一定是要跟客户的直接沟通，不管是远程还是面对面也好。中间人的传达会加上个人思想理解的转化，到你这里就不再是一手消息，也许就不会那么准确。拿到一个项目之后，我们要了解项目，所以需要对项目的背景、目标用户、产品目标、核心竞争力进行分别分析。

项目背景

为什么设计师的背后总是有一群指点江山的人，因为我们的设计没有被体现在产品上，只是表层，每次给别人解释设计理念的时候总是说“我觉得这样好看”、“我认为这块应该用这个颜色”，却没有说出这个项目本身想要表达的是一个什么理念。

本次项目是需要把手机版的内容改版成PC端，原有需求逻辑不变。那么问题来了，现在是一个移动互联网的天下，为什么客户却需要将手机端的内容移到PC上呢？因为这个产品的使用环境之一就是在工作中，试想一下，工作中一直拿着手机刷来刷去，不知道的人还以为你在划水。考虑到用户使用环境的因素，就需要有PC端的设计。

目标用户

产品的核心是用户。所以一切要从用户的角度出发，做用户满意的产品。在用户调研这块，常见的用户分析有：用户画像、一对一访谈、问卷调查、焦点小组、眼动测试、测评以及埋点数据分析，但是项目型工作周期短，时间紧，没有那么多的成本去做大量的分析，所以我们基本上采用三种方式去解决这个问题。1、与我们的客户（甲方）去沟通，他们肯定更了解自己的用户群体；2、通过现在市场上比较知名的网站（艾瑞网）中提供的大数据分析出的结果；3、如果身边有这种用户群体可以对他们进行简单访谈。通过以上三种办法也是可以得到一个较为准确的调研数据的。

在跟客户的沟通中了解到，我们的主要用户是基中层领导，目的为提升领导力。下面会有我对这部分人群的用户画像分析。

项目目标

知己知彼，要了解我们此次设计的主要目的是什么？需要解决什么问题？

因为这已经是一个已经上线一年的产品，我在跟客户的沟通中很明确了目前有两大问题：第一是：如何提高完成率；第二是：国外市场用户使用不习惯。

这两个信息很重要，为后面的设计提供了一个明确的方向。

核心竞争力

这是体现我们产品优势的地方，我们需要尽量的把产品强有力的能力展现出来，从而获得目标用户的信赖。把产品的能力、优势，可以给用户带来的价值，要体现在比价明显一些的地方。

此次是一个本身有强大的体系支撑，有一个成熟的结构，在此基础上开发研制的一套产品，所以产品的目标用户量，获得的成就就可以直接展示在首页上，并且把正在学习人数或者为多少人带来成就都体现出来。让用户感受到有这么多人都在努力，有这么多努力的人已经完成了自己的目标。

二、分析

我首先把手机版的功能都体验了一遍，随时记录了在使用过程中不喜欢的地方并且可以优化的点，这都是点点滴滴的随记，可以为后面设计中提供一些方向或灵感。根据上面了解到的信息。

可以得到此次设计的主要方向，第一：针对目标用户进行用户画像分析，以此来确定如何才能更好的提升完成率；第二：针对国外同类产品分析，对国外市场用户使用不习惯的了解，并且还要结合国内市场优化交互体验。

用户画像分析

在上面一个阶段了解到我们的用户群体是基中层领导者。根据市场数据分析，一般基中层领导者主要以男性居多，年龄大概在28-35岁之间，以需要提升领导力为目的，那么从这几个特征中我们看出，这些人都有哪些特点呢？首先28-35岁的年龄段，基本上是已经结婚的比较多，并且有很大一部分人群也有了孩子，这个年龄段的孩子还比较小，基本也是在2-6岁之间较多。对于这种类型家庭而言，无论是在工作上还是生活上都较为忙碌。并且因为是领导者的原因，时间上也较为分散，一天下来没有办法集中去做一件事情，开会、汇报、沟通需求、分布任务等。由于不像在学校，事情太多也太杂，很多时候没有办法安心去做一件事情，导致规划能力不强，需要借助平台可以有个推力。

国外同类产品分析

其次是针对国外市场用户使用不习惯这个问题，我对国外几个大型的相关网站做了了解。edX、Coursera、Udacity这三个网站是国外市场使用较多，知名度较大的几个网站。分别从内容上和视觉上进行分析，去了解国外市场的设计方式，用户使用习惯等。

从以上的分析中最终得出了以下三个结论：

1、操作习惯：这个与国内的差不多，都是从上到下，从左到右呈Z字形排列布局的方式，视觉的落脚点都会在画面的左上方，所以我们在设计的时候，要把重要或者想要表达的内容放在这个位置，使用户进入页面后就可以很快看到它。

2、采用Complexion Reduction设计语言：将标题放大，制造视觉上的冲击力，拉开页面的层级关系，这种设计方式也是国外较喜欢、较常用的一种设计方式。

3、视觉风格：国外网站的设计整体留白较多，让页面更有呼吸感，页面上几乎没有无用的装饰性元素，非常简洁，颜色使用也比较简单，不会用过多的颜色去扰乱用户，简单的设计对于教育类的行业来说，可以减少视觉疲劳，让眼睛放在有用的事物上去。

通过以上对用户画像和国外同类产品分析，总结出：我们要从多维度考虑，以优化交互为目的让页面更有层次感，从而给用户带来轻松的体验感。是这次设计的核心思想。

1、从用户的时间分散且忙碌的特点，得到我们需要尽量优化交互逻辑，减少用户学习成本，让用户可以快速找到自己想要的东西；并且要让用户在本身就较为忙碌的情况下尽量轻松的学习，不要再给用户增加压力。

2、通过用户规划能力不够强的特点，得到我们可以给用户定制一个“学习计划”，帮助用户规划自己的学习能力，并且在学习中增加互动性，比如随堂笔记、收藏、标记这种小功能，随时给用户带来互动，让用户更有参与感。

3、从国外同类产品分析中总结出，整体国外市场的喜好是简洁、少装饰、以大面积留白来增加页面的呼吸感，采用尽量简单的卡片式的设计方式来拉开页面的层级关系。

三、设计

现在就到了设计阶段了，上面了解分析了那么多，给我们设计提供了那么多基础材料，这个时候就派上了用场。上面的最后提到说：我们要从维度考虑，以优化交互为目的让页面更有层次感，从而给用户带来轻松的体验感。接下来我就要讲述，如何在设计去运用了。

轻松-这个很重要。

如何让用户在生活和工作那么繁忙的情况下，还要努力的去学习，努力的提升自己呢？所以我们这里就采用插画的形式，插画像是动画片，让我们回到了小时候，并且融入了AI人机对话，沉浸式的体验更是可以让用户在一个轻松的氛围内完成自己的学习。

增加互动性

原有手机端的功能缺少与用户之间的互动，看视频就是看视频，做题就是做题。让用户在使用的时候不能按照自己的意愿去支配，这种感觉不好，一定要让用户有参与感，让用户占到主导性，而不是那么强硬的让用户跟着你走。所以在课程这块的设计上第一采用了全屏的方式，让用户不用返回，在当前就完成本阶段的所有的课程，增加效率。第二在原有的功能上增加“课堂笔记”、“收藏”和“学习计划”等一些小功能，让用户随时按照自己的意愿去学习，实时跟产品进行互动。

层次感的表达

教育类型的网站，页面相对来说比较干净、整洁一些，可以有效减少用户视觉疲劳，避免不必要的干扰元素出现影响用户的体验。

在本次的设计中，学习了国外同类网站的设计风格，采用卡片式的方式，将元素与标题包裹在一起，有效与其他元素进行区分，增加投影设计，让页面更加有层次感和空间感。标题上面采用了Complexion Reduction的设计语言，将标题放大，制造视觉上的冲击力，拉开元素之间的层级关系，丰富页面的设计。这也是国外网站较喜欢的一种设计方式。

四、走查

设计完成之后，切图交到开发手里之后，不能算就完成了，最后走查这一步很重要，要保证实现出来的效果跟设计稿保持一致。不然前面说的再多，设计的再炫都是白搭，实际使用的用户可不知道你前面都做了什么，他只感受他现在感受到的。

我一般的方法是用Word的方式，将有问题的页面截图并标记出来问题点，并且按照菜单进行分类。这样开发对照看起来就特别明确，只用文字不配图的表达都是耍流氓，谁知道你说的是哪个页面的哪个点。用Word进行归类最重要后面追踪也特别容易，可以很明确看到你哪块问题还没有修改，不用再反复提交。

总结一下：

一般我的设计流程就是：了解-分析-设计-走查，因为不是产品性质的，所以最后的迭代或者验证这一步骤就会不那么重要，如果是做产品型的后面的验证也会是非常重要，因为是项目型的所以这里就不多做说明。以上就是我个人在设计中的案例分析，大家有想法的可以多沟通，多交流。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

文章来源：站酷   作者：酱油不咸

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务