UI、UX對網站設計的影響

事整合行銷的這幾年,聽到客戶說「幫我做一個漂亮的網站!」已是家常便飯的事情。對於客戶來說,這個要求絕對是天經地義,否則怎麼還能說自己提供「網站設計」的服務呢?一個有設計感且美觀的網站,對品牌形象有絕對的加分效果,對使用者也會留下美好印象…。

等等,那您肯定也聽過以下這些話:「我不知道要怎麼點到上次那畫面…」、「按鈕超難按…按了沒反應也不知道有沒有按到!」、「字超小是要怎麼看?」,我們必須幫視覺設計師說話,其實這不完全是他的錯…因為多半設計師總專注於視覺,卻在網頁使用體驗上犯了錯誤。那又應該找誰解決這個問題窘境呢?

 

視覺由UI設計師首要把關

視覺設計師負責的部分其實就是UI(User Interface),翻譯為「使用者介面」,他具有明確的定義,因為使用者透過介面才能完成「輸入」、「輸出」的動作。當然對於一個UI設計師來說,如何將這功能介面呈現更佳的視覺效果,也是必然的。舉個例子來說:如果以網頁的一顆按鈕來說,UI就是決定這顆按鈕應該要長什麼樣子。

 

UX設計師的重點-「不斷優化」

所以,需要幫您解決問題的,其實是UX設計師。UX(User Experience),翻譯為「使用者體驗」。與UI相比,UX涉略的範圍實在是太廣了,以上述例子而言,UX則是決定這顆按鈕位置在哪、連去哪個頁面、哪個大小最適中、甚至該不該存在,UX設計師藉由使用上進行優化動作,讓使用者在操作上可以更順暢便利。換句話說,UI其實只是UX的其中一環!

UX改善使用者體驗

大部分的輪播廣告呈現方式如左圖,然而箭頭鈕並無法帶給使用者明確的內容,進而影響使用者的點擊意願。右圖是UX設計師改良後的呈現方式,同樣的功能,但透過文字輔助說明,讓使用者可以得到預期內容,達到更佳的操作效益。

 

 

UX三大方向:看起來、感覺起來、操作起來

如此一來,大家可以明白UX其實更是網站設計的核心思考,我把UX設計師應該思考的方向分為3大類:

UX三大方向

UX設計為了掌握使用者體驗,思考角度根據三個大要點:「看起來」、「感覺起來」、「操作起來」。

1.看起來

  • 容易理解、方便閱讀
  • 元素該不該存在
  • 與介面的和諧程度

2.感覺起來

  • 是否富含有趣的體驗
  • 使用者與介面的互動性
  • 使用者的使用反應

3.操作起來

  • 元件帶來的功能性
  • 使用者能預期指向動作,功能合理化

 

如果您還是不夠明白UI和UX的差異,沒關係!

我整理了幾張傳神且容易理解的圖示,下面幾張圖絕對讓你馬上明白其差異性!

UI-UX差異性

右邊的紅磚道是原本的道路設計(UI),不過…我有點趕時間耶!所以我走這邊吧!左邊就是行人為了縮短時間而走出來的捷徑(UX)。

UI-UX差異性2

感謝UI設計師賜給我如此美觀的主駕駛操作介面,至於越野車如何翻山越嶺、跋山涉水,這種功能就交給UX設計師吧!

UI-UX差異性3

我們都知道地心引力讓萬物自然下墜,為了避免大家倒不出番茄醬,UX設計師:「不如我們把瓶子倒過來設計吧!」

這下UI跟UX差在哪裡,想必已不再混淆您了!

 

UIUX設計

掌握「使用者介面」和「使用者體驗」誕生的網頁,將帶來最便利且容易的操作效益。

網站設計是一門沒有最好、只有更好的學問,除了美觀更要兼具實用性!不然美麗的網站只能放在那裡養蚊子了…。同時掌握UI與UX的網站確實不容易,唯有經驗豐富的設計師,才得以設計出更便利的使用介面、使用流程,達到最佳的使用體驗!若您的設計師已經同時考慮到這兩點…恭喜您!您的網站將能受到顧客的喜愛,甚至為您帶來更多的生意!

覺得文章不錯?幫我們分享一下吧

分享到Facebook或是Line動態按鈕,電腦版在左側←,手機版在下方↓,好的文章值得讓更多人看見,感謝您的閱讀與支持。

分享看完文章的感想...

你的電子郵件位址並不會被公開。 必要欄位標記為 *

Scroll Up