什么是UI和UX设计?它们会帮你提高外贸自建站的转化率

UI和UX到底是做什么的?它们在本质上有什么区别，对于网站又会带来什么影响呢?搞懂UI和UX，并且你会知道UX设计将会帮你的网站提高转化率。

UI和UX的差别

UI(User Interface)使用者界面，主要是设计页面上的功能，顾及使用的便利性与整个设计的美学，网站的美观性和它息息相关。

UX(User Experience)使用者体验，根据使用者的习惯，安排整个网站页面的内容规则，像是哪些区块的内容要先在网站上出现，一些按钮的位置要摆在哪里。

大部分UI和UX设计都是混合在一起，不过UI主要还是负责整体的视觉呈现，UX则是从用户的角度去看怎么样对用户来说最直觉。

UX所做的是网站的骨架设计，哪些版面位置该放哪些内容，网站的互动设计。

他们在设计网站的时候会先设计出一些图例，用以模拟用户的使用体验，从而决定是否要采用这样的设计。

一般来讲，这些人的职位就是产品设计。

通过研究与分析将网站的架构勾勒出来之后，接着才由UI接受，他们开始着手设计整个网站的颜色、字体、字体大小、配置安排。

简单来说，UX的工作是要让用户的心理认知产生转变，了解诱发动机，是一种无形的设计教程，关乎感觉;UI则是要让UX想要产生的转变，通过视觉安排与设计具体呈现，比如说网站的安排设计或是产品的包装，达到UX期望让用户产生心理转变的具体行为。

事实上，很多UX设计师在大部分的时候都在做和UI设计师差不多的功能，更偏向视觉上的设计，而不是用户体验这项专业。

UX为什么重要?

了解用户体验的好处自然是为了让用户在浏览网站的时候可以增加更多的好感度、满意度，同时提供对用户来说更加便利、友善、有趣的服务或产品之时，也能够为企业带来更多的利润。

UX设计也并非一下子就可以完成，还是有前、中、后三段。

在前期，描绘出主要目标客群的需求、网站被浏览的地图、竞争对手的研究、市场的需求调查，以及针对你们想要抢下的客群的深入要求;

在中期，在基本的原则和规范上，根据用户的使用情况，找出问题并提出改善建议，进行使用的测试;

后期则是测试不同版本，用户的反应与回馈，以及服务流程的优化和成长。

网站UX设计小技巧

一、简洁有力

网站的首页是门面，通常来讲也应该是用户停留时间最长的页面，因此首页上要尽可能的简洁明了，只放最重要的内容就好，而且要让其他的页面很容易就会到网站首页。

无论任何页面，只要点击雨果网logo就可以返回首页，同时UX还需要知道用户进入网站的时候会需要用到哪些功能，想要获得哪些资讯，来架构你的Menu选单和层级。

同样，雨果网的首页上方仅只有简单的七个选单，里面包含的内容却是整个网站最丰富、最重要的内容。

二、响应式设计

响应式设计不仅能增加你的转化率，也对你的Google排名有影响。你可以通过这个网站检查你的网站在不同的移动设备或是网页大小下，所呈现的网页内容，以确保不同的设备的使用者浏览你的网页，都是顺畅无碍的。

三、影片、图片、符号

比起文字、影片更能抓住用户的目光，同时也能增加用户对产品或是网站服务的信任度。

举例来说，有些产品太过复杂或者新颖，最好是能够搭配上视频告诉用户它们是做啥用的，别让人一头雾水的关掉页面。

符号也是一个帮助用户快速找到重要资讯的方法，并且ICON可以让你的网站看起来更有活力，UX正是确认icon要摆放的位置，UI的职责范围则是确保icon的颜色是对的、一致的。

四、搜索功能

无论是电商网站、还是普通网站，搜索功能都是必不可少，因为你想要尽可能地减少用户的麻烦，让他们可以用最快的方式找到他们想要的答案。

你可以看到Amazon的网站或是各大购物平台，基本上首页的最上方搜索功能，因为用户到你的网站就是来买东西、找商品的。

五、热卖产品、特惠活动展出

有很多研究重复的发现，大部分的线上买家都在找特价的商品，约莫有60%的使用者表示，他们会特别关注商品是不是有促销活动。这样的说法从何而来?

当然就是因为UX的使用者研究与调查获得的结果。因此，如果你是贩售商品的网站，呈现你现在网站的特惠活动很重要。

比方说中秋节快到了，而你是做糕饼的业者，或是销售平台，让使用者一眼就看到现在的优惠活动是什么很重要!

六、延长商品在购物车的时间

用户既然选择了网络购物，势必会再去其他地方进行搜索。很多时候，消费者会经过十几分钟、两三个月小时、一天两天的比较和思考之后，才决定他们是否决定购买某个商品。

当他们再度回到你的网站时，还能够记得自己当初在购物车放了什么商品?你就要尽可能地延长商品在购物车的时间，特别是如果使用者在把商品「加入购物车」时，有登入他的个人资料。

很多时候，消费者只是加入购物车，但比着比着可能忘记结帐或是暂时又不想买了，甚至是因为开太多网页，忘记自己当初在你的网站上想要买的是什么商品。因此，如果能当用户再回来时，提醒他上次加入购物车但还没结帐的商品，则能提高此次购物的转换率。

那么UI要做什么呢?他可能需要设计购物车长的样子、购物车出现未结帐商品的数字字型、颜色。

七、清楚的CTA

你的网站一定要有重点，而CTA正是为你带来高转换率不可或缺的按钮，这个行动按钮，明确的告诉浏览网站的用户，他们应该往哪里，应该要在你的网站上采取哪些行动，因此CTA不仅够明显，有时候甚至还可以通过其他办法去加强人们对你的网站印象。