做 UI 設計沒邏輯?學會這個順序避免反覆修改!
設計 UI 時,該先畫 Wireframe,還是先研究使用者操作?
順序錯了就會陷入無限補圖地獄,這篇告訴你正確思考方式!
使用者故事 vs. 旅程地圖,這樣區分才不會搞混!
User Story 和 Customer Journey Map 有什麼不同?再加上 Persona、Scenario,更是讓人頭大?這篇幫你釐清 UX 設計的四大基礎概念!
UI 設計 Wireframe 時,這 6 種狀態你真的都畫到了嗎?
Wireframe 真的只是畫幾條線?
別天真了!UI 設計不只考慮理想狀態,還有極限狀態等 6 種狀態,這篇帶你一次搞懂!
不要用平面設計的思維做 UI
UI 是「使用者介面」,UI 設計指的是「設計使用者介面這回事」。設計介面不是只有出張美美的圖就結束,這樣和平面設計沒有差別,也正是為什麼 RD 會說「你用平面設計的思維在做 UI」。
Flow Chart 和 UI Flow
快一個月沒有發文了,忙著寫企劃案、做 Prototype、跑實驗生報告。最近要整理大量的 UI Flow,越整理腦袋越像醬糊。就來聊聊 UI Flow 和 Flow Chart 吧。Flow 就是「流程」,UI Flow 是頁面流程,而 Flow Chart 是流程圖,兩者是完全不同的圖表。
心智圖簡易教學
昨天群裡聊到各種沒有設計流程又趕得要死的公司現況,我就在想,有沒有什麼辦法能在短時間內產出一份還像樣又不用教 PM 或企劃怎麼看的文件,且門坎低、人人好上手,又能當成開發依據。想來想去,大概是心智圖吧。
心智圖我覺得是整理和記錄腦中思考和推理邏輯的好方法,一層層演進的關係讓閱者可以快速理解為什麼會這樣分類歸納。就以設計來說,分析、歸納、找出秩序是最重要的事。
UI 設計師應該要會寫的文件
身為 UI 設計師,工作內容不是只有做 PSD 和切圖,只會這兩樣的叫美工。基本一位合格的UI設計師必須要具備撰寫文件的能力,文件最低限度需包含:企劃書、規格書、Wireframe、Mockup、切圖、標示文件、UI Kit、UI Pattern、Guideline。
日本:涉谷站的指示設計
壓力太大,去了趟日本狂吃舒壓。涉谷站是美食的戰區,當然排進行程。
兩年前去的時候沒注意到可以走地下通道直接串 109 百貨,這次沿著指示走非常輕鬆容易。日本地鐵標示都很清楚,只要你搞懂自己想搭的車是哪一條線、往哪個方向的話。(Skyliner 京成電鐵例外,日暮里站換線指示很有問題。)(拿著 iphone 邊走邊拍,請無視水平歪斜失焦,重點不在那。)
UX,設計的方法(專案執行)
專門開始執行初期會分成兩個可能,1. 鬼打牆。2. 什麼問題意見都沒有先出幾版讓某看看。不管是跳針或是通靈,每個階段都有不同的研究方法可以幫助設計師和以後的 RD 不用把人生都填在修改到死上。
W Hotel / Siam Center@曼谷
這 3 年我去了幾個亞洲城市,包含曼谷、東京、香港、北京、新加坡、吉隆坡。除了 ACG 只能靠日本沒辦法之外,曼谷真是好吃好買的地方。論設計,曼谷的設計作品在這幾個城市裡讓我印象非常深刻,以鮮明風格來說還遠勝東京。東京我覺得做最好的是迪士尼樂園,但迪士尼樂園在千葉…(喂)
工作清單:UI Flow
繼 工作清單:Functional Map 後,繼續來寫 UI Flow 這部份。如果你不知道什麼是 UI Flow ,請參考 初學者的 UI Flow 這篇文。
初學者的 User Experience Map
最近很努力在研究 User Experience Map,簡單整理下列幾份資料,希望對大家有幫助。在 IXDC 的相關內容可參考這兩篇文:Customer Experience Map Tips 、IXDC 如何使用客戶體驗歷程圖來規劃完美的用戶體驗 筆記
