Clik here to view.
Clik here to view.
讀者回信：脫離憂慮
收到一封快 3 千字的 mail ，看完敘述覺得自己可能沒辦法給妳什麼樣有用的建議，只能分享我的經驗。（常常看到有人說「大神求帶飛」之類的文，都想吐槽 「林北還活著，只有死人才會變神，而且我不會飛。」）（圖片取自...
View ArticleClik here to view.
想被無視就這樣寫 Mail
因為開了 Q 群的關係，收到很多 Mail，非常有意思。就數量上來看，大約 80% 是簡中、20% 繁中。有照我提的要求寫 Mail 的卻反過來，80% 繁中信都做到了，簡中信卻一半一半。太多人無視信件禮儀，寫 Mail 給陌生人用寫微博的口氣。態度加群的要求只有 2 點。簡歷或作品。附上QQ號碼。完全沒要求設計師、F2E 的能力或作品品質，只要附上這 2 項寄 Mail...
View Article專業不值錢
有人說現在業主付費買的是設計師的「時間」，付出高額的薪水買的是「素養」。套一句設計師 Paula Scher 說過的話：「我花了幾秒鐘來畫它，但卻花了 34 年來學習怎麼在幾秒鐘內把它畫出來。」我想，業主買的「時間」、「素養」指的是設計師在過去所投入的努力，而不單是執行這項任務所耗費的時間和所需能力。我看了四本能影響設計師職涯方向的書： Michael Janda 《Burn your...
View ArticleUI 設計師要不要懂技術？
UI 設計師要不要懂技術？廢話，當然要啊！不然怎麼把幻想變成現實？在實際產出之前設計師做的一切都是「美美的幻想」，還有可能不怎麼美，直到最後的產出才是真實。舉個例子：建築師除了畫圖外，需不需要知道蓋房子每個階段的建造方式？要不要理解各種材料的特性和規格？需不需要熟悉當地環境的限制？但建築師需不需要知道水泥車怎麼開？需不需要操作吊高機？他們最後的成品是那疊圖紙嗎？誰去看圖紙啊，當然是實體的建築啊！那...
View ArticleNote：Prototype 製作軟體
最近在找做 Prototype 的軟體或服務，狂測了一堆眼都花了。 Prototyping Tools搜集很多做 Prototype 的工具，我還沒把每一款都摸過，先筆記有沾水的部份。可能某些服務的功能我沒摸透，如果你有其他的想法歡迎補充。我需要的 Prototype 條件：可產出運行在各種平台上的Prototype。可產出實際能操作的介面，包含過場動畫、動態特效。Prototype...
View Article請體諒 Planner
最近調了部門，從 F2E 調去設計部，做 Planner 的工作。大開眼界，看到另一個角度。本來實作人員就是會私下幹醮 Planner 或 PM 搞不清楚狀況，產出的文件怎麼丟三落四、不切實際，或是時程這麼趕也不先問兩句之類。現在我也在寫企劃書，看到些覺得奇怪的問題點。和她們請教後發現很多時候不是她們願意的，而是人在江湖身不由己。（以下是我這陣子遇到身份轉換的課題，很努力在克服中。）Planner...
View ArticleClik here to view.
用 Hype3 做 Prototype：基礎過場
動態效果、轉場動畫對UI的戲份越來越重...其實一直都很重只是大多用在遊戲上，功能型 App 運用這種技巧最近越吃越兇，且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題：Hype3＋Frameless。這篇是最簡單的過場設定、最偷吃步、不需要技術，只要會寫簡報 PTT 或是 Keynote 就做的出來，所以連...
View ArticleClik here to view.
Flow Chart 和 UI Flow
快一個月沒有發文了，忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow，越整理腦袋越像醬糊。就來聊聊 UI Flow和 Flow Chart吧。Flow 就是「流程」，UI Flow 是頁面流程，而 Flow Chart 是流程圖，兩者是完全不同的圖表。UI Designer 很熟悉 UI Flow，對 Flow Chart 可能不太熟。在軟體開發中 Flow...
View ArticleClik here to view.
活用狩野分析搞定意見分岐
設計的方法這本書不管是 UI、UX、PM、Planner 桌上都該擺一本，不知道報告/企劃書怎麼寫的時候拿來跑一下實驗很好用。從中我認識到「狩野分析」，參考...
View ArticleClik here to view.
初學者的 Prototype
（我竟然忘記寫這篇），和群裡設計師聊，發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係，導致大混淆，所以來說明下這三者的不同。這是最簡單的分法。（擬真＝模擬真實最後產出，不是擬物風。）Wireframe靜態的「線框圖」Wireframe...
View ArticleClik here to view.
The Witcher 3 典藏版開箱
老公每天下班路上和人乾一樣，工作高壓被搾得半死不活。結果管理員跟他說有包裹，還這麼大箱，瞧他樂得小跳步的，雀躍到會飛了。吵著要我幫忙做開箱記錄...你是不會去除自己 BLOG 的草嗎？他說 PO...
View Article演講筆記：當設計師遇上敏捷開發
來聽演講：當設計師遇上敏捷開發講者：陳威宇 Dix Chen老樣子，即時聽打...（19:30～21:30）一定是我誤會了，預期這場演講會講方法論...19:40（自我介紹）Dix：「稍微有點經驗的設計師都會知道，在交付檔案的時候都會有圖層管理和命名等等。」 Dix：「收到很多公司檔案，打開都會覺得...呃...所以在場各位要有點自信。」（自我介紹）駭客松 A（自我介紹）駭客松 B（自我介紹）駭客松...
View Article為什麼我不推薦敏捷開發
當專案成員越多，我越不推薦敏捷開發，原因在於「當連自己要做什麼事、為什麼這樣做、這樣做為了解決什麼問題」都搞不清楚前，就跳下去玩敏捷開發，那和比通靈還慘，通靈起碼還有個目標物在前面，搞不清楚狀況的人只能陪他跳世界迷霧開地圖了。敏捷開發 - MBA智库百科最下方有段「對敏捷開發的誤解」。可順便參考 敏捷軟體開發 -...
View ArticleUX 不是 Wireframe
哪來有畫 Wireframe 就是有做 UX 的錯覺？UX 不是 Wireframe，使用者體驗為什麼會是線框稿？當然不是啊！很多人以為有畫 Wireframe 就等於有做 UX 了，那整天抱著數據統計寫文件的 UX 設計師在幹嘛？會把有畫 Wireframe 當成有做 UX 的人，合作的 RD 同事通靈技能大概 LV99 點滿了。UX 在做的事和 Wireframe、Mockup...
View ArticleClik here to view.
不良的 UI 讓我省一筆開銷
女人錢到底有多好賺？只要扯到愛情和面子，多少錢都捨得砸吧我覺得...自認某些角度比身為 RD 的老公還冷血理智，遇到這兩點自制力還是被挑戰。最近接觸兩款乙女向的遊戲，差點就掏錢了，還好 UI 爛到爆炸...就算熱情和沸水一樣，當環境是北極圈時也早結凍光光...男讀者別看到是乙女遊戲就直接關視窗，這篇沒有要講乙女遊戲是怎麼擄獲芳心。我一向不屑爛 UI，這輩子從沒像這時候這麼感謝爛 UI...
View Article創意與可行性
下午和群裡的設計師唇槍舌戰了一番，然後發現溝通落差，設計思考階段根本不在同一階。他希望要大家幫忙 Brainstorming 提意見，結果我一直拿可行性和他杠。（老公看到肯定覺得欣慰，養出一個會幫 RD 擋可行性的 UI 老婆。）我是接案公司出身，最長時間合作的 RD 又是老公，可以說大部份的 UI 觀念都是從 RD 那邊來的。稍微有個「可行性」問題沒被考量到就是 UI 老婆被 RD...
View ArticleClik here to view.
清書櫃，14本
清書櫃！二手書，某幾本有畫線寫字，附光碟的光碟都未拆，內頁乾淨、有幾本年代較久泛黃。依照片標價出售，下半段一本換無咖啡因的飲料一杯～有興趣的請到 粉絲團私訊或 mail 給我，全包優先喔！限自取，板橋新埔捷運站。粉絲團： https://www.facebook.com/uiux.akane
View ArticleClik here to view.
溫哥華：科學世界
剛從溫哥華回來，被氣候和時差整得很慘。不過扣掉天氣冷、餐餐馬鈴薯之外，溫哥華真適合人類居住。出國旅遊基本上我是室內派的，很喜歡往博物館跑，這次去了科學世界和海生館，先來聊聊科學世界吧。圖多慎入溫哥華 科學世界官網：Science World British Columbia這張是溫哥華的天鐵站月台拍的。其實在溫哥華走到哪都有類似這樣子大 icon 標示，就算看不懂文字也看得懂這 icon...
View Article