logo

UX 為什麼很重要?


UX是英文 User Experience 的簡稱,大多人稱之"使用者經驗"或"使用者體驗",跟UI不同的地方是UX著重於使用者與產品的互動與流暢度,而 UI(User Interface) 較偏重於使用者感官上的設計。

UX最早是由一位美國學者 Don Norman 提出,他是位非常知名的學者,大學及研究所讀電機,博士則是研究數學心理學 ,之後轉於研究認知科學並將領域延伸到認知工程,因此他擅長使用工程的邏輯方式來分析設計的要素。廣義的使用者體驗包含互動設計、資訊系統、回饋甚至涵蓋到心理學等層面、是門非常複雜的學問。

對於製作網站及APP來說 UX有一些面向是可以思考跟改善的:

1 動線
當製作一個網站或APP時,首先要先思考以使用者為中心的流程及使用動線。對於製作APP更為重要,因為手機畫面小 ,能置放的空間有限,需要能讓主要功能放置於明顯之處,如果是藏於選單之中,是否有加強顯示讓使用者特別去注視? 如果是電子商務,結帳流程是否過於繁瑣而最後導致棄單?

2 減少換頁必要性
傳統製作網頁時對於外連內容習慣另開視窗,但是對手機使用者而言,要回主頁時至少須兩步驟(需先點選分視窗符號,接者找到該視窗),往往會因瀏覽器中有太多分頁而放棄了。
另外,傳統製作網頁新聞或產品時喜歡用分頁顯示,但對手機使用者而言,通常內容放在第二頁之後的瀏覽率是不高的,因為頻繁換頁會帶來等待時間,而通常使用者是不耐等的。

3. 網站跟APP的UX思考模式還是會有差異化區隔
許多設計師會把設計網站的邏輯拿來套用於APP,其實兩者還是有差異性存在。例如功能哪些該置於主選單,哪些該置於副選單? 是否可以濃縮或合併並改用TAB方式或改用宮格式/下拉式取代? 因為APP的副選單通常點擊率並不高。

以蝦皮為例,2015年進軍台灣後獲得很大的市占率並已明顯超前本土兩大品牌,有人說成功的原因是免運奏效,有人說靠的是成功的UX設計,當然免運一定是原因之一,不過免運活動結束後業績仍長紅靠的不外乎就是消費者仍是持續愛用,並不會因調整回運費後就捨棄,持續愛用的原因跟APP本身操作友善也是有很大的相關性。

蝦皮的介面中,買家與賣家的存取按鈕於畫面中相隔甚遠,不容易誤觸,也為獨立區塊顯示。另外若有在蝦皮上架過的使用者都知道產品上架表單是很容易操作,此外蝦皮很重要的"聊聊"按鈕在網站中會固定顯示於頁面的右側,APP也是會固定顯示於右上角,這些快捷鈕無非就是讓使用者快速存取,不用按來按去找來找去。

成就一個成功的平台有很多原因,友善的UX肯定是原因之一。以使用者角度為出發,搭配良好程式設計端的資訊系統來打造一個友善操作且有效率的網站或APP會邁向成功之路。

       所有文章
PWA介紹 (Progressive Web App),優、缺點及範例介紹
由Google於2016年所提出的概念-漸進式網頁應用程式,意即由網頁來執行應用程式
Shopify 是什麼 ? 完整介紹及畫面說明
全世界最多人使用的開店平台究竟有甚麼媚力?
SQL Server Replication 資料庫同步服務
一個很好用卻常被忽略的工具
2021年網頁設計趨勢
想要了解國外設計師歸納的2021年網頁設計趨勢嗎
UX為什麼很重要?
從2015年進軍台灣的蝦皮如何打敗露天及奇摩而成為拍賣的盟主談起
Microinteractions微互動如何改善UX設計?
一位資深產品設計師於多年前提出的微互動觀點,發酵於近幾年並帶給UX界不少的發想及實作
企業E化不能等-從一則實例談起
最近讀到一則新聞,員工離職把硬碟格式化,結果造成公司業務大停擺
Adobe Animate介紹
十多年前網頁動畫獨領風騷的FLASH於2016年更名為Adobe Animate後,原軟體於2020年底將正式停止服務
Figma介紹
Figma這幾年在UX界爆紅,他的優勢在哪邊? 為何得到設計師的青睞?
LINE官方帳號(俗稱LINE2.0)整理包
LINE@生活圈已全面升級並改名為官方帳號
Google將於2020/9正式採用行動版內容優先索引
不具適合手機瀏覽的網站是該調整的時候了
擴增AR實境在APP的應用愈來愈多元
擴增實境時在APP上的應用由早期的2D已進步到3D的應用,其多元性及互動趣味更甚以往
Wireframe的優點
Wireframe俗稱線稿圖,好的Wireframe節省一半的製作時間及增強各部門的效率
程式碼也可以環保化
對人可以不用斤斤計較,但是對雲端服務就要斤斤計較,甚至是錙銖必較
實體 v.s. 網路
實體店面與網路銷售的困境與尷尬
新知
LINE官方ID | @823yjemy
Discord | arshirerocks
新北市土城區中央路二段191號13樓之一
contact
© 貝姆資訊有限公司 Arshire. EST 2004