我們在網頁設計時常常會聽到UI跟UX,到底UI、UX是甚麼?兩者有甚麼不同?讓我們來快速帶你了解這些網頁設計的術語。
UI指的是User Interface,又稱為使用者介面。它的重點是在於外觀及感受,像是文字大小、按鈕的形狀及顏色、版面的設計等等。
UX則是指User Experience,使用者體驗。它負責的是使用者用起來的感受,像是網站的互動性、動線。或是哪個按鈕放在哪個位置使用者會比較方便。
UI跟UX是相輔相成的,只有UI沒有UX就像是一張好看卻不好坐的椅子,中看不中用。有UX沒有UI則像是一間沒有裝潢的房子,可以住但卻不好看。
番茄醬瓶是在講解UI、UX時最常見的舉例,UI就是注重瓶身的設計、美感等等,讓番茄醬瓶看起來比較美觀。UX則是考慮到番茄醬用到最後會沉在底部,需要倒置才能流出來,因此在一開始就設計成方便到放擠壓的樣子。
UI-使用者介面(User Interface)
UI最早出現在1970年代,當時,UI指的是使用者在計算機系統上互動的元素。由於科技的進步,人們開始注意要怎麼更方便的使用計算機。隨著時代的演進,UI也開始應用到其他領域,像是網站、應用程式、手機等等。
UI的重點是設計美感,例如網站整體的風格跟配色、字體大小與顏色、按鈕的引導性等等。讓使用者在操作時能夠一看就懂。
UX-使用者體驗(User Experience)
UX則是到1990年代才出現。它將重點從產品的功能性轉向了使用者使用的感受。UX的範圍不只是網頁或應用程式的設計,所有產品都應該考慮UX。企業應該考慮到消費者使用的感受並不斷改善。
UX在於如何讓消費者使用起來便利、有良好的感受。像是一道菜,除了好吃以外,可能會給人一種家鄉的味道。如果是網站的話則是用戶會需要那些功能、按鈕應該放在哪個位置使用者會比較喜歡。
UI、UX的優秀範例
講到優秀的UI、UX設計,那就一定要講到Apple。Apple的包裝設計從運輸箱到內盒都非常人性化。在拆封時完全不需要使用工具就可以打開,而包裝都是採用上下蓋的設計。只要拿住盒蓋,盒子本身就會慢慢墜落。
這種精細的設計帶來的特殊的體驗給消費者一種開箱的快感。雖然包裝看起來平平無奇,但整體的質感、重量都很有巧思。融合了品牌形象及環保。即便包裝對產品本身的使用並沒有甚麼影響,但依舊在包裝上下功夫。
Apple在各種設計上也是一貫的極簡。除了包裝外,產品外型、軟體介面等等也都是非常的簡約。使用者幾乎不需要思考就可以清楚知道該如何使用。在手機上也有許多小巧思,像是開啟飛航模式時會有飛機飛過。時鐘的icon是對應真實的時間。