网站设计系列｜网站UI/UX中「按钮设计」的7大技巧！这样做大大增加转换率
按钮是网站设计中最重要的一环之一，会大大影响受众与网站的互动。一个好的按键可以增加转换率，是客户与网站间的重要媒介。一个好的按键该如何设计，才能保有品牌的个性，并确保实用性呢？
在按钮的设计上，我们应该要它在茫茫网站中凸显出来，如此才能增加按键的点击率。
我们可以利用按键的颜色、形状、放置位置的不同来达到著重的效果。有许多网站花太多时间将按键变得有「创意」，反而忽略了按键的实用性。如果受众没办法直接看出按键在哪里，那么其他的设计也都是徒劳无功。
1. 让按钮颜色凸显出来
按钮的颜色尽量要在整体网站中凸显出来，让人一眼就看到重点在哪里。
在下图左边的设计中，我们可以看到按钮的颜色与背景过于相似，如此一来，就会降低按钮的显现度与点击率。我们建议按钮可以使用与背景对比，或是可以跳脱出来的颜色。
2. 方形是按钮最佳选择
好的UI/UX设计就是要让用户清楚的根据你的导引，做出指定的行为。设计师常常会认为用户能够一眼就了解你设计背后的逻辑，但是我们要记住，那些对我们来说明显不过的事情，对用户来说可能并非如此。
所以在设计上，我们要让「按钮」一眼就看出是按钮，建议使用平常按钮会使用的形状 – 方形按钮。
那么在方形按钮中，又可以分为几种。
- 填充色按钮＋方形边界
- 填充色按钮＋圆形边界
- 填充色按钮＋阴影
- 仅有边框的无填充色按钮（也就是我们俗称的「幽灵按钮」）
在这几种按钮中，效果最好、最清楚的是填充色＋阴影的按钮，而以转换率来说，最低的是幽灵按钮，所以设计师可以根据网站中不同元素的重要性来设计按钮的样式，将最重要的元素用实心按键表示，次要的元素用幽灵按钮表示，再次要的元素用连结表示，以此凸显不同按键的重要性。
3. 放置在清楚的位置
在按钮设计时，位置也是要考量的一个重要元素。这时候，我们就可以运用画面中的留白，来凸显重要的元素。比如说，下图中左边的设计，按钮被挤在文字中，这样就会很容易混肴用户，降低按钮的点击率以及整体网站设计的易懂性。
我们应该将按钮摆在网站中清晰可见的位置，用适当的周边留白来凸显。
4. 按钮上的标示清楚
在按钮设计中，我们也应该清楚标示出每一个按钮点下去后会发生什么事情，与其使用一堆天花乱坠的词汇，我们应该用简短、直接的词汇表示。
与其使用「我还没逛完…」，直接使用「继续购物」
与其使用「看看有什么好康的吧」，直接使用「查看优惠」等等。
这些都可以大大提升按钮的点击率，提升用户在逛网站时的效益。
在下面的例子中，当我们询问要移除物件时，比起使用「确定」，我们可以直接点出按下按钮时会发生的事情，用「移除」来替代。而如果这个按钮按下去的后果是比较危险的，我们也可以将按钮变成红色的，赋予一种警觉的效果。
5. 按钮的位置符合整体设计逻辑
通常，在按钮设计上，我们会将最重要的元素放在最前面。
比如说，在下图的电商网站的设计中，我们就会将「结帐」的按键放在其他相较不重要的按键前面。
6. 搭配音乐或是动画效果
当用户在与按键互动时，他们会期望介面有相应的回馈，这样的回馈可以是视觉上的，也可以是声音上的。比如说，当用户在下载东西时，我们可以提示用户正在下载中，并且标示下载的百分比。
或是在互动的不同状态下，搭配不同的设计效果。
按钮是网站设计、手机应用程式UI/UX中非常重要的一环，毕竟大部分品牌制作网站的目的无非就是希望客户转单。下次在设计按钮的时候，记得使用与背景对比的颜色、方形按钮、放置在清楚合理的位置与顺序、并且搭配互动性的小动画。
推荐文章：