改善网站UI/UX 的 小技巧

前言

网站发展的越来越快，每年都有设计趋势，但不管怎样的设计趋势都是会不断被推翻，像是流行时尚，过了一季就是落伍，一定会有更时尚更酷炫的作法，但如果让用户使用感觉不舒服，那就失去了我们开发网站的价值。
好的用户体验能吸引用户提高转换率，但是如果你的没有可靠的搜索引擎，没有符合逻辑的导览页面，即使网站的效果再酷再有艺术感也会令用户难以忍受。

1.适当的空白 对转换率更佳

所谓的空白是网页区域之间的元素，当我们知道客户都喜欢把东西塞爆塞满的同时，其实我们就应该以用户体验的角度跟他们解释，存在适量的空白时。用户对网站适应度会更好，因为在观看时可读性会变高，我们的眼睛会放鬆，帮助我们在观看的过程有呼吸空间，
就像我们练习马拉松之间需要练习如何让呼吸顺畅，我们的眼睛在观看网站元素也是同理。

网页设计只做美美设计，而忽略用户感受 ，是自慰行为！  --来自某大学讲师 

2.网站有重要的按钮还请强调

其实这样的行为有一个专有名词，叫做 CTA（Call-to-action）
不一定是按钮，可能是图片或是文字等等，但共同目的就是让用户去做我们希望他们去做的行为，例如说：马上下载、加入购物车、申请加入或了解更多等等，例如像是一页式的购物网站，就常看到现在立即购买的按钮，所以我们必须要用很强大的说服力去强调他们，CTA按钮的颜色必须与背景颜色形成对比或是要引人注意。这将帮助用户轻鬆找到按钮。

3.提高网站速度

就算我们的网站设计再好，产品讚到爆，记住客户的耐性只有3到4秒，等太久就会让他想离开，速度慢会导致转换速度降低2秒钟，导致页面加载时间延迟，跳出率提高100％以上！

4.高品质的图片

研究显示，图片是比文字更吸引人的注意力，这让客户产生产品图片好好看，感觉产品也是很棒的，我想要点进去！所以当你在套版或是在做响应式网站时，请注意不要让图片变形，画质产生问题。
（不只客户会产生问题，通常也会让设计师气噗噗喔）

5.有超连结的地方请强调差异化

不管是滑鼠 hover 效果 或是超连结出现的手指鼠标，要让使用者感受到这是可以点击是很重要的一点，请不要忽视。

6.网站页面一致性

这是很重要的黄金法则，不管是间距、字体行高、色彩，从开发者的角度来说，网站元素一致性也易于我们开发管理，那以使用者角度来说 为了向用户提供优质的体验，更必须在网站的设计和内容上保持一致，常常有人说设计美感没有主观，但这种设计规範存在不就是证明了，什么是好体验跟坏体验的分水领吗？

以上是阅读文章及实际设计网站时所遇到的问题和心得， 如有不足或是加强的地方还请多多指教。

资料来源 ：如何设计好网站Dont Make Me Think