UI策划怎么做？一文看懂UI策划的核心流程和实操方法

很多人一听UI策划，第一反应就是画界面、做效果图。其实这只说对了一小半。真正的UI策划，是在动手画图之前，把界面的逻辑、结构、用户体验这些事情想清楚、定下来。简单说，UI策划就是回答三个问题：用户看到什么、用户怎么操作、操作之后会发生什么。这三个问题想明白了，后面的设计工作才会顺。

UI策划到底管什么

UI策划和UI设计是有区别的。UI设计偏视觉，关心颜色好不好看、图标精不精致。UI策划偏逻辑，关心的是这个页面为什么要有这个按钮、按钮放在哪里用户才找得到、点了按钮之后该跳到哪个页面。打个比方，UI设计是装修房子，UI策划就是画户型图。户型图没画好，装修再漂亮住起来也不舒服。

所以在项目里，UI策划往往发生在产品经理定完需求之后、设计师动手之前。它是个承上启下的环节，把抽象的需求翻译成具体可执行的界面方案。

UI策划的第一步：搞清楚用户是谁

做UI策划最怕闭门造车。动手之前，先要弄明白几个基本问题：这个产品给谁用？他们多大年纪？用手机还是电脑？他们在什么场景下用？

举个例子，给老年人做的APP和给年轻人做的APP，界面策略完全不一样。老年人的界面字要大、按钮要大、操作步骤要少，最好一步到位。年轻人的界面可以做得花哨一点，但要快、要酷。如果跳过这一步直接画图，做出来的东西往往是自己觉得好看，用户用着费劲。

第二步：梳理信息和功能结构

明确了用户，接下来就要整理内容。把产品要展示的所有信息、要提供的所有功能列出来，然后分类、分层、排优先级。

这一步有个实用技巧，叫卡片分类。把每个功能写在一张卡片上，然后思考哪些卡片该放一起，哪些卡片用户最常用要放在显眼位置，哪些不常用可以收进二级页面。首页放什么、导航栏放什么、个人中心放什么，都要在这一步定下来。

判断标准很简单：用户最常用的功能，点一下就要到；次常用的，两三下要到；不常用的，能找到就行。

第三步：画流程图和低保真原型

结构定了，就该理操作流程了。用户从进入产品到完成任务，中间要经过哪些页面、做哪些操作，用流程图画出来。比如一个购物流程：浏览商品、加入购物车、结算、支付、查看订单，每个环节缺一不可，每个环节的跳转都要想清楚。

流程理顺之后，用线框图把界面骨架搭出来。这个阶段不用管好不好看，用灰色的方块和线条表示就行，重点是确认：这个页面上有什么东西、东西放在什么位置、按钮点了去哪里。低保真原型改起来成本低，反复调整几次，把大问题都在这个阶段解决掉。

第四步：定规范，让界面统一起来

界面多了之后，很容易出现风格不统一的问题：这个页面按钮是圆角的，那个页面是直角的；这里字体是14号，那里是16号。所以在策划阶段就要定一套基础规范，包括主色调、字体大小、间距尺寸、按钮样式、图标风格这些内容。

规范定好了，团队里不同的人做出来的界面也能保持一致，用户用起来不会觉得乱。这套规范文件也方便后期新人接手，不用从头摸索。

UI策划常见的坑

第一是功能堆砌。总觉得功能越多越好，结果界面上塞满了按钮和入口，用户反而不知道该点哪里。好的UI策划懂得做减法，一屏聚焦一个核心任务。

第二是自嗨式设计。凭自己的感觉和喜好做决定，不去想用户的真实习惯。比如把返回按钮放在右边，虽然你觉得有创意，但用户的手指和肌肉记忆都在左边。

第三是不做验证。方案画完就直接开发，等到上线了才发现用户不会用。正确做法是先找几个目标用户看看原型，让他们试着操作一遍，问题暴露在开发之前，改起来的成本要低得多。

写在最后

UI策划本质上是一个想清楚再动手的过程。用户研究、结构梳理、流程设计、原型验证、规范制定，这五步走扎实了，后面设计和开发就是水到渠成的事。界面好不好看是设计的事，好不好用是策划的事，而好不好用，才是决定用户留不留下来的关键。所以别急着打开设计软件，先把纸和笔拿出来，把该想的事情想明白。