一、布局设计

不同的布局，会对点击率产生很大的影响。

操作按钮布局越明显，点击率越高。

微博将发送微博放置在下拉菜单里面。用户只有点击加号，出现下拉菜单，点击发微博，才进行写微博的流程。

推特为了鼓励用户发推特，将发布按钮做在首页内容区悬浮。单纯看布局的情况下，推特这种做法显著提升点击率。

微博将添加按钮没有像推特一样内容区悬浮，是基于平台定位。

微博更偏大v的发言平台，普通用户的场景是看大v的微博，而不是发微博。推特更多的是鼓励普通用户发推特。

点击率高的布局，一般而言：

1、内容区悬浮点击率高于固定位置按钮

视觉流前面的位置点击率高于视觉流后面的位置

3、面形按钮点击率高于线形按钮，线形按钮高于文字按钮

二、文案设计

文案的好坏，影响用户点击率。

就像一篇公众号文章，如果标题文案取得好，那么阅读量就会高。标题取得差，那么阅读量会很惨。

想要通过文案提升按钮的点击率，一般有以下3种方法：

1、强化利益点，让用户有动力点击

2、强化稀缺感，制造紧迫感

3、文案通俗易懂，符合用户认知，用户易理解

三、引导设计

通过浮层气气泡、动效等方式引导用户点击，提升点击率，这种设计可以大程度提升点击率。

今日头条为了提升push打开率。在出现弹窗时，通过动效指引提示，引导用户点击开启推送通知。拼多多砍价免费拿界面，主按钮会通过大小变化，引导用户点击按钮，提升点击率。

四、营造场景感

通过气氛和场景营造。让用户感觉熟悉和亲切，从而提升点击率。

如下图所示，设计一个搜索功能，功能调用百度。

如下图所示，有两个方案。图1是普通的搜索框，用户在搜索框里面输入关键词。

而图2和百度搜索一样。用户熟悉和亲切度更明显，使用图2方案更能提升用户点击搜索的欲望。

以上的4个方向是提升点击率的有效手段，基于这4个方向可以扩展出很多设计方案出来。

三个条件分别是：

1. 在地图上圈区域查询数据

2. 输入已有坐标点查询数据

3. 上传坐标文件查询数据（可解析成坐标的文件）

业务需求及目的：

通过在地图上圈选区域，从数据库中调取该区域的所有类型数据，拿到数据后做数据分析。

需要沟通的问题：

通过对业务需求的了解和线框图分析，确定线框图的功能是没什么问题的，但是整个页面没有主次，一排一样大小的蓝色按钮，会让用户不知所措，所以这一点需要着重优化。

1. 三个查询条件使用频率是否是一样的？

2. 按钮都放在右边有什么用意？

3. 复制坐标是有什么业务需求？

4. “保存圈选”跟“我的数据集”什么关系？

5. 拖动地图坐标是否跟着变化？

以上这些问题都需要再次跟产品经理进一步沟通，弄清楚这些问题会对产品业务有进一步的了解，对线框图的功能重新布局也会有很大的帮助，通过沟通得出的结论是这样的：

1. 条件一圈选，使用频率大概85%以上；条件二输入坐标，使用频率10%以下；条件三上传文件，使用频率5%以下。

2. 一排蓝色按钮并没有什么用意。

3. 查询完成后，使用者常常要复制坐标记录到文档中。

4. 保存圈选后，此圈选会放到“我的数据集”。

5. 地图拖动坐标跟着实时变化。

这些问题的准确了解，对UI设计来说有着重要参考价值，对产品经理没有考虑周全的地方也会有一个好的启迪。

首先通过我们了解到的业务需求，把堆放在一起的线框图功能，按优先级重新布局，分成四大类。

分类1：

城市显示会随着地图拖动的变化而变化，所以筛选框的样式并不符合要求，把城市跟区县级放到一起更为合理，同时白色的小三角指示，依旧可以手动选择城市来定位地图。

分类2:

三个查询条件是一个属性，所以放到一起，通过使用频率的分析，把85%圈选功能放到tab切换的第一个，不常用的两个查询条件没必要直接显示出来，因为使用的次数太低频，都放出来，视觉上会互相干扰，页面看起来不够简介！

分类3:

使用者复制的都是圈选后的当前坐标，所以复制按钮跟坐标分为一类，这样的指示非常明确，线框图上的复制坐标按钮，并不能很好的表达这一点。

分类4:

圈选区域后，点击“保存圈选”会保存记录在“我的数据集”，所以这俩是一类需要放一起。

一、布局设计

不同的布局，会对点击率产生很大的影响。

操作按钮布局越明显，点击率越高。

微博将发送微博放置在下拉菜单里面。用户只有点击加号，出现下拉菜单，点击发微博，才进行写微博的流程。

推特为了鼓励用户发推特，将发布按钮做在首页内容区悬浮。单纯看布局的情况下，推特这种做法显著提升点击率。

微博将添加按钮没有像推特一样内容区悬浮，是基于平台定位。

微博更偏大v的发言平台，普通用户的场景是看大v的微博，而不是发微博。推特更多的是鼓励普通用户发推特。

点击率高的布局，一般而言：

1、内容区悬浮点击率高于固定位置按钮

视觉流前面的位置点击率高于视觉流后面的位置

3、面形按钮点击率高于线形按钮，线形按钮高于文字按钮

二、文案设计

文案的好坏，影响用户点击率。

就像一篇公众号文章，如果标题文案取得好，那么阅读量就会高。标题取得差，那么阅读量会很惨。

想要通过文案提升按钮的点击率，一般有以下3种方法：

1、强化利益点，让用户有动力点击

2、强化稀缺感，制造紧迫感

3、文案通俗易懂，符合用户认知，用户易理解

三、引导设计

通过浮层气气泡、动效等方式引导用户点击，提升点击率，这种设计可以大程度提升点击率。

今日头条为了提升push打开率。在出现弹窗时，通过动效指引提示，引导用户点击开启推送通知。拼多多砍价免费拿界面，主按钮会通过大小变化，引导用户点击按钮，提升点击率。

四、营造场景感

通过气氛和场景营造。让用户感觉熟悉和亲切，从而提升点击率。

如下图所示，设计一个搜索功能，功能调用百度。

如下图所示，有两个方案。图1是普通的搜索框，用户在搜索框里面输入关键词。

而图2和百度搜索一样。用户熟悉和亲切度更明显，使用图2方案更能提升用户点击搜索的欲望。

以上的4个方向是提升点击率的有效手段，基于这4个方向可以扩展出很多设计方案出来。

UI设计除了要掌握一些基本的操作软件，如PS AI AE AXURE 以外呢，还要掌握比如配色，排版，字体设计，三大构成，消费心理学，沟通学，以及思维导图，原型图，还有交互逻辑，规范，切图，了解程序，用户体验，还有营销课程方面的内容。一个合格的UI设计师，不应只是一个会使用工具的技术师，还应该具有把控整个项目进展的能力。