[awei研究室]UI（使用者介面User Interface）到底是什麼？

2015.03.03 / 分類: awei研究室, 雜研究 / 0 則回應

標籤: UI, 使用者介面

UI（使用者介面User Interface）到底是什麼？

它是介於使用者與硬體間的介面，為了跟使用者產生互動他可以是一種軟體,一種圖型化的介面，基本上人類感官與習慣判斷所產生的互動模式

簡單的來說他就是讓你可以與電腦溝通聯結的方式(輸入–UI介面–輸出)

舉個例子來說:以前大學聯考用的答案卡(用2B鉛筆努力塗黑的小卡片),就是使用者與電腦硬體間的一種溝通
現在則演變成線上考試(利用鍵盤與滑鼠在網頁上直接填寫答案直接與電腦溝通)

為了讓使用者可以很輕鬆的與電腦溝通(也就是你想讓他做甚麼事),有好的UI就變成製作網頁的必須工作項目之一
UI設計師常會犯的錯誤可以歸類底下這幾項

1.把畫面排滿就是好的設計???
[整個畫面塗得滿滿的，可是對使用者來說卻一點功能性也沒有。一個好的網站定位要很清楚，不是每個網站都是以資訊爆炸做考量]

Flick簡單的版面.呈現支援ios與andriod介面~~接下來就是使用者的問題了

ui-1

2.為什麼這麼好的功能大家都不會用?
[人或許會有些自大盲點，總是認為這樣做明明是很棒的功能阿，用了一大堆的最酷炫Flash動畫，為什麼使用率那麼低.可能是這功能沒有您想像的那麼重要
，又或者是沒有長期利用價值的功能，為何不簡單就好]

3.沒有用使用者的角度做出發考量.
[通常一個網站會由設計師經過幾十次甚至幾百次測試出來，但是人有一個毛病就是即使是一個不好用的功能，用久了用多次了也就慢慢的習慣了，我們必須
時常讓自己歸零從最剛開始的使用者去思考才會是最好的]

4.工程師無法與設計師完美搭配
[有人曾說MAC電腦很美觀軟體很人性化,但Mac 的設計並不完全在它的外觀，雖然外觀是設計的一部分。但更重要的，是它如何的好用。要設計出很棒的產
品,這都必須要設計師與工程師完美的深度溝通後產生的,如果工程師覺得只要把功能做出來,剩下的交給設計去處理.這就想法就大錯特錯了!]

範例
大多數的購物網站，因為以利益為最優先考量，所以通常CEO會要求UI設計師能有多少商品陳列就放多少陳列.
但是站在購買者的角度來看.看得眼花撩亂的商店.並不會想要停留在畫面很久，反之如果能快速的找到想買的東西，那麼就是個好的UI設計

PCHOME購物採用的是
旗桿式的分類
活頁式的牙齒排列
強大的商品搜尋(搜尋：排序：精準度有貨優先/價錢由高至低/價錢由低至高/新上市)
特色分類館個別設定

好處是整個一目了然,但是館別一多便會讓人眼花撩亂,但是一旦讓顧客找到自己的商品館便會看到眾多豐富商品,並建立我的最愛

pc_ui2
Friday購物採用的是
側邊主商品館分類(可以想像成百貨公司的樓層)—細項品牌隱藏在主商品館分類
放大商品搜尋區塊置中
推薦館主打
特賣區塊
好處是簡潔清楚,很容易讓人使用搜尋功能，壞處是比較沒辦法建立專館忠誠度