學習UI/UX的四大重點
關於剛踏入業界需要準備什麼、或是想轉換跑道需要具備哪些技能,選擇 UI/UX 這條路就是要有包山包海的心理準備。大致上我會把它劃分成四大類,理論、實踐、技術、品味。這四類缺一不可。
關於使用者經驗測試
我很喜歡有人問問題,這表示不用絞盡腦汁想 blog 文章主題,有問題就盡量問吧,不管是留言、Twitter、或是寫信都可以。
「關於使用者體驗與使用者介面的測試,怎麼測試這樣的設計對使用者來說是好的?」
便宜有便宜的作法、難有難的深入,我的領域不是跟數據打交道的那塊,加上時間成本 和偷懶 我大多便宜了事(這麼理直氣壯的說好嗎?)以下是個人觀點。
UI/UX 之天下武功出少林
這算是我看了這麼多資料所做出來最大的整理吧。說穿了其實不管是哪位 UI/UX「大師」講的都是同一件事情:要怎麼做才能讓使用者好用。
從這張圖表有看出什麼了嗎?第一個直列(白底)就是我之前提到的 使用者經驗分層元素 ,第二個直列(黃底)是 使用者經驗藏寶圖 ,第三個直列(藍底)是 十大易用性原則 。(使用者經驗分層元素裡並沒有說明文件。這項是我自己加上去的,為了讓整個專案更完整、並且能夠傳承下去。)
使用者經驗分層元素
想了解 UI/UX,就一定要了解這張圖,這是 Jesse James Garrett 在 2000 年發表的使用者經驗元素一書中所提出:使用者的經驗可分成抽象到具體,也就是由策略、範圍、結構、骨架、表層所構成。圖片上有原作者的說明大家自己看吧。
使用者經驗藏寶圖:創建人物
相信各位應該看過前一篇「使用者經驗藏寶圖:敘述故事、找出中心思想
」了,也相信一定有人用鼻孔噴氣:什麼鬼話連篇,拿灰姑娘出來當例子,小孩子玩家家酒。這個階段我就認真寫好了…在「創建人物」這個階段,其實就是研究方法 Persona (人物誌),都把研究方法拿出來講了,夠認真了吧!
使用者經驗藏寶圖:敘述故事、找出中心思想
雖說很對不起邀我來參加聚會的主辦單位,但 UI 和 RD 擅長的領域差不多就是聖母峰和馬里亞納海溝的差別。為了不浪費這段人人都在補充新知我卻蹲在旁邊玩保衛蘿蔔2的時間,還是來寫點文章表示我也有努力好了…根據這張藏寶圖的順序,就來談談「敘述故事」、「找出中心思想」。
在開發之前:先潑冷水!
這點子太棒了!之前肯定沒人做過,將來一定大賣啊!
你確定嗎?在 App Store 已上架有 n 個各式各樣的應用程式,所想得到的功能應有盡有,為什麼會覺得自己想到的這個點子空前絕後呢?有的 App 後台硬得很,不只有財力雄厚的財團支持,更能在各大媒體上廣告宣傳,擁有專門團隊負責開發改版。同樣的 App 在公司裡的組員合作下絕對比個人單打獨鬥能擁有更多資源,就算賣不好也不是後果自負,薪水一樣領得到。
使用者經驗藏寶圖:序
Peter Morville 設計出「使用者經驗藏寶圖
」,如圖,說明一個構想是怎麼合理且適切地無中生有,一直到完成設計提出各式文件給客戶的開發流程。我覺得這是每位UI、RD、PM都該知道的流程,同時也是開發產品的必經之路。身為專案成員不應該悶著頭只做自己份內的事,了解團隊如何運作、每個階段該產出什麼,這點非常重要。
Portrait 和 Landscape,談螢幕方向
直式螢幕稱為「Portrait」,橫式螢幕「Landscape」,頁面會依照橫直螢幕不同而改變形式的作法稱之為「Auto Orientation」。不管是 iPhone、iPad、還是 iPod,它們都是長方形的,一般情況下會直式使用,但某些情況就會轉成橫式更為合適,最明顯的例子就是遊戲類。什麼情況下會轉橫使用?橫式和直式的頁面樣子是否會不同?要怎麼調整呢?從 iOS 內建的 App 就可以發現數種切換模式與其代表的功能。
十大易用性原則
身為 RD 的你受過太多 UI 的氣嗎?老是發現邏輯不通需要打掉重練被延誤時程嗎?常被 UI 嫌念理工的沒有美感都不懂嗎?報仇的時間到了。這篇文雖然說是「十大易用性原則」,也可以說得上是:「教你如何捅 UI 」。RD 最擅長講理,就來跟 UI 講理!從易用性下手找 UI 麻煩,沒有幾位 UI 不中刀的…