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不僅夠明顯，有時候甚至還可以通過其他辦法去加強人們對你的網站印象。