UI，跟我有什麼關係?

在這個資訊高度發達的新移動時代，人們在資訊上的追求不但非常便利而且需求也越來越高，例如使用智慧型手機可隨處下載應用程式，或者隨處拍下有趣的事物立即上傳照片至Facebook與好友分享等等，當我們透過任何一種裝置(device)享受這些科技帶來的便利以及資訊時，皆是透過UI來獲取。

什麼是UI(User Interface)?

其實UI就充斥在我們的生活周遭，舉凡輔助人與物件或者人與人之間產生互動的介面即為UI，包含圖形、符號、聲音和手勢等等。例如，當開車遇到紅燈你就會停止下來、搭公車使用悠遊卡時你可以透過悠遊卡機器聲音回饋的種類，知道自己是否刷卡成功或者餘額快不足了。

▲UI就充斥在我們的生活周遭!

UI設計有什麼重要?

生活中有許多日常用品因為良好、直覺式的UI設計，讓你無須學習，自然而然就知道怎麼使用。例如剪刀柄上的一大一小圓環設計，讓使用者很清楚知道，小圓環就放一根手指，而較大的圓環就可放較多根手指，很輕易的就可以理解剪刀如何使用。

而科技如此進步，不難想像五年、十年後的生活資訊內容將更複雜，屆時資訊也許不須任裝置即可隨手取得，例如用手指碰觸窗戶，窗戶即會顯示現在氣溫以及降雨機率。如此貼近生活的資訊未來將會越來越多，樣樣皆與生活息息相關，而讓使用者操作這些UI能夠如同操作剪刀般的簡單，絕對是未來的趨勢，UI的易用性(Usability)和互動性(Interaction)則扮演著讓人迅速取得並理解資訊的重要關鍵。

▲莫斯科地鐵是世界使用率第二高的地下軌道交通系統，僅次於日本東京。上圖為改良前設計圖，

搭乘路線以及地面路線交錯不清，相信第一次看到這份地圖的人都會有點頭昏吧!

▲俄羅斯設計公司Art. Lebedev Studio，負責設計新版的《莫斯科地鐵交通圖》

１.     首先，路線皆改直線設計

２.     各環線以及彎角以平滑化處理，塑造柔和的視覺。

３.     將不規則環線改成圓環，進一步簡化形狀。

４.     在總圖上，為了便於區分，為背景加上網格線。並且在縱向和橫向上，對每個網格進行編號，這樣有利於為每個站點定位。

改良後的地鐵設計圖是不是平易近人許多呢？

▲現在紅綠燈除了秒數倒數顯示外，更增添語音功能的設計，提升視障人士在行走的便利

▲悠遊卡感應票卡機，利用聲音的回饋就能讓你得知刷卡的成敗與否或者餘額已快不足了!

為美化市容景觀、減少路邊站桿及改善現有公車站牌路線圖閱讀不便之缺失，臺北市公共運輸處與聯營公車管理委員會合作設計新式公車站牌。

舊式站牌

公車路線圖除了線條還有文字，如此密密麻麻的編排還需仰著頭才能查閱，對於視力不好以及身高較嬌小的小朋友們在閱讀上是相當辛苦的，且一個站牌最多就３組公車路線，若一公車站有許多不同路線公車，會如同上圖顯示的舊式公車站牌，除了閱讀分散不夠便利外，也較佔用道路空間。

集中式公車站牌 １.   增加站牌可容納路線數，在查詢路線的時候不需要看完一個站牌再換另一個站牌。 ２.   降低路線圖高度，減少因為高度帶來的閱讀不便，設計上更友善。 ３.   採用不銹鋼材質並美化牌面設計，少了惱人的廣告內容，公車站牌更乾淨了！

▲令人頭暈的文字數據圖表，經過創意巧思的設計是不是更為平易近人、貼近主題呢?

UI與生活密不可分

當一個資訊因為設計不良而造成傳遞錯誤或者使用不便，皆有可能耽誤任何一個跟生活、工作有關的環節。也許因為這樣迷路好久、更可能因為這樣失去一位重要的客戶、甚至造成一場嚴重的意外!這些問題確實會因為不良的設計而出現在我們周遭，那你覺得良好的UI設計重不重要呢?答案是，相當重要!

————-
作者介紹

遊戲橘子人因設計中心

以使用者為中心-UCD(User-Centered Design)設計方法，運用在集團各個專案上的執行或改良，致力於推動及提供遊戲橘子自製產品最佳的使用者體驗。

————–