課程:平面設計師轉職 UI 入門班

開始報名囉!請到 Madders - KKTIX

自從我遇到掛著「資深」、結果連圖層命名都沒概念的某群 UI 設計師後發現,從平面轉 UI 的設計師很多抱持著「拼版面」的美工心態在做 UI,這和年資無關,不把 UI/UX 當一回事的心態和技術只會給專案成員帶來災難。

事實上 UI 這門學問在台灣很新,學校很少有足夠的師資教育這部份。職場上的起薪 UI 設計師比平面高出很大一截,所以平面設計師紛紛轉跑道開始設計 UI…技術和理論知識的不足造成 RD 加班加到爆青筋、設計師自己也不知道為什麼老是改來改去。

嗯,所以我開了平面設計師轉職 UI 入門班,直接說明 UI 設計包含哪些工作、要怎麼做,不要再拿平面美工那一套用在 UI/UX 上了,會害 RD 不能準時回家吃飯的!

溫哥華:科學世界
溫哥華:科學世界

剛從溫哥華回來,被氣候和時差整得很慘。不過扣掉天氣冷、餐餐馬鈴薯之外,溫哥華真適合人類居住。出國旅遊基本上我是室內派的,很喜歡往博物館跑,這次去了科學世界和海生館,先來聊聊科學世界吧。圖多慎入

溫哥華 科學世界官網:Science World British Columbia

創意與可行性

下午和群裡的設計師唇槍舌戰了一番,然後發現溝通落差,設計思考階段根本不在同一階。他希望要大家幫忙 Brainstorming 提意見,結果我一直拿可行性和他杠。(老公看到肯定覺得欣慰,養出一個會幫 RD 擋可行性的 UI 老婆。)

不良的 UI 讓我省一筆開銷

女人錢到底有多好賺?只要扯到愛情和面子,多少錢都捨得砸吧我覺得…自認某些角度比身為 RD 的老公還冷血理智,遇到這兩點自制力還是被挑戰。最近接觸兩款乙女向的遊戲,差點就掏錢了,還好 UI 爛到爆炸…就算熱情和沸水一樣,當環境是北極圈時也早結凍光光…

男讀者別看到是乙女遊戲就直接關視窗,這篇沒有要講乙女遊戲是怎麼擄獲芳心。

UX 不是 Wireframe

哪來有畫 Wireframe 就是有做 UX 的錯覺?UX 不是 Wireframe,使用者體驗為什麼會是線框稿?當然不是啊!很多人以為有畫 Wireframe 就等於有做 UX 了,那整天抱著數據統計寫文件的 UX 設計師在幹嘛?會把有畫 Wireframe 當成有做 UX 的人,合作的 RD 同事通靈技能大概 LV99 點滿了。

為什麼我不推薦敏捷開發

當專案成員越多,我越不推薦敏捷開發,原因在於「當連自己要做什麼事、為什麼這樣做、這樣做為了解決什麼問題」都搞不清楚前,就跳下去玩敏捷開發,那和比通靈還慘,通靈起碼還有個目標物在前面,搞不清楚狀況的人只能陪他跳世界迷霧開地圖了。

一盤義大利麵給我的啟示

南港園區的食物很難吃,快比交大慘了。扣掉連鎖沒幾間環境乾淨又好吃的小店。中午吃了一間義大利麵,最基本的肉醬麵 $150 元,附自助式湯和飲料無限。飲料果汁加水調得很稀,玉米濃湯鍋裡滿滿黑胡椒,什麼味道都被蓋掉了。最後上來份量很多的一盤義大利麵,我卻什麼胃口都沒有。胡亂吃了幾口,和意料中的一樣,沒有蕃茄味、肉醬平淡,麵條普通,還咬到硬骨頭。

老公點了白酒蛤蜊麵,狀況更慘,整盤麵死鹹、滿滿的大蒜。沒有白酒味,連蛤蜊的味道都被大蒜蓋過去。

最後我們只吃了半盤後放棄,結帳離開了。(昨天晚上滿燒肉丼好吃多了!也是 $150元啊!)

The Witcher 3 典藏版開箱
The Witcher 3 典藏版開箱

老公每天下班路上和人乾一樣,工作高壓被搾得半死不活。結果管理員跟他說有包裹,還這麼大箱,瞧他樂得小跳步的,雀躍到會飛了。吵著要我幫忙做開箱記錄…你是不會去除自己 BLOG 的草嗎?他說 PO 我這才有人看,他想炫耀林北在一年前就訂了等到現在 同事都玩到有貓貓了林北的包裹還在美東迷路所以Amazon免收運費等得有夠久 的苦盡甘來心情。

初學者的 Prototype
初學者的 Prototype

(我竟然忘記寫這篇),和群裡設計師聊,發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係,導致大混淆,所以來說明下這三者的不同。

活用狩野分析搞定意見分岐

設計的方法 這本書不管是 UI、UX、PM、Planner 桌上都該擺一本,不知道報告/企劃書怎麼寫的時候拿來跑一下實驗很好用。從中我認識到「狩野分析」,參考 UX,設計的方法(專案初始) 這篇文,當時預期狩野分析適合用在專案初始、分析這個功能要不要做。最近簡單地跑了一遍,來寫點筆記…步驟雖然多,但只要會加減乘除就行了。

Flow Chart 和 UI Flow

快一個月沒有發文了,忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow,越整理腦袋越像醬糊。就來聊聊 UI FlowFlow Chart 吧。Flow 就是「流程」,UI Flow 是頁面流程,而 Flow Chart 是流程圖,兩者是完全不同的圖表。

用 Hype3 做 Prototype:基礎過場


動態效果、轉場動畫對UI的戲份越來越重…其實一直都很重只是大多用在遊戲上,功能型 App 運用這種技巧最近越吃越兇,且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題:Hype3+Frameless

這篇是最簡單的過場設定、最偷吃步、不需要技術,只要會寫簡報 PTT 或是 Keynote 就做的出來,所以連 Planner 和 PM 也保證上手無問題。