從業界需求逆推,規劃你的 UI 自學路線 2:畫好戰場的界線
從業界需求逆推,規劃你的 UI 自學路線 2:畫好戰場的界線

這是「從業界需求逆推,規劃你的 UI 自學路線」系列文章的第 2 篇。

接著上一個階段的故事 ,當產品經理終於講清楚使用者需求和專案目標後,討論功能會議開始了。

4 步驟增進 UI 設計能力
4 步驟增進 UI 設計能力

當你在努力刻 UI 圖的時候,腦海裡浮現的畫面是什麼樣子的呢?

是不是專注在頁面細節上呀?

有沒有畫著畫著,總覺得自己好像漏掉什麼了的感覺?

裝了智慧家居,我連電燈都不會開了
裝了智慧家居,我連電燈都不會開了

4/1 搬家忙到現在快兩週,還沒完全整理完,累死我了…

因為連假的關係,家裡的網路拖了很久才通,老公的「智慧家居」沒連上網的時候一整個智障。

智障到我連開燈都要按錯好幾次。

做作品集怎麼拆別人家的產品?
做作品集怎麼拆別人家的產品?

作品集根本是很多初學者想跨入設計領域心中的痛了吧!

尤其從平面設計轉行 UI 設計,會知道作品集要放自己怎麼思考製作產品介面、如何優化流程等等。

嗯對,怎麼優化?

40 年老屋改造也要先了解屋主需求、才能開始動手拆舊裝潢呀!

那網站、APP、軟體之類的,要怎麼改造優化、該怎麼拆?

「操作介面設計模式」這本書怎麼讀?
「操作介面設計模式」這本書怎麼讀?

不知道有多少想當 UI 設計師的人買了操作介面設計模式 第三版 這本書呢?

這是本我很喜歡的好書!大力推薦,不過很多人嫌它厚得跟磚一樣。

學生反應說,這本書內容有點硬,不是看了前文忘了後文,就是不懂為什麼書裡面會這樣寫。

其實這本書很適合從初階想轉中階的設計師閱讀,把自己累積一陣子的經驗轉化吸收。

也滿適合非設計師的人入手,只要你把它當字典看!

一連串血淋淋的經驗:生活中的易用性
一連串血淋淋的經驗:生活中的易用性

這是一連串活生生血淋淋的故事,我被老公嘲笑到快飛起。
在網路上找幾個收納整理手作材料的櫃子就被開嘲諷真是…

使用者的心智模型會怎麼影響設計?
使用者的心智模型會怎麼影響設計?

十大易用性原則第 2 條,系統與真實世界的關聯性。

系統應該要運用使用者的語言,使用他們熟悉的詞句、短語、概念,而不是專業術語。

但在運用使用者熟悉的概念前…當然要先知道使用者是誰、他們的心智模型是什麼啊!

出事了跳通知告訴使用者,就是系統好用嗎?
出事了跳通知告訴使用者,就是系統好用嗎?

十大易用性原則第一條:系統狀態的能見度。

相信很多人接觸「易用性」,都會找到和 10 條原則有關的資料。
我們就來聊聊這 10 項原則吧!

從台鐵事故看「失誤與錯誤」
從台鐵事故看「失誤與錯誤」

終於把第一部影片上傳啦!為了學習怎麼錄影剪片,花了非常多心力。

這次想透過台鐵事故,從使用者經驗設計的角度切入,思考為什麼會為什麼會發生過失,又該怎麼預防過失再次發生?

打翻咖啡不能解決問題,談 User Story
打翻咖啡不能解決問題,談 User Story

看到一張梗圖:打翻咖啡比你喝咖啡更提神喔!這完全是 User Story 沒寫好的標準示範。

User Story 標準例句為:身為…《某類使用者/人物誌/角色》,我想要…《行動》,這樣我就能…《成果/獲得價值》

就用這個例句來說明為什麼「打翻咖啡」是符合需求的好功能。

使用者操作流程中的失誤與錯誤
使用者操作流程中的失誤與錯誤

刷 FB 時看到這篇出自純靠北工程師 的貼文。

在討論如何防止使用者犯錯之前,得先了解使用者為什麼會犯錯,可能會犯哪些種類的錯。

大學生的 UI 設計選修課(9)練習畫 Wireframe 的方法
大學生的 UI 設計選修課(9)練習畫 Wireframe 的方法

常常有人問我:「自己一個人要怎麼練習畫 Wireframe?」「要怎麼知道自己畫的 Wireframe 對不對?」

前面一個問題我還能分享心得供參考,所以寫了這篇文。後一個問題很難回答,大概就像:要怎麼知道公司的商業策略正不正確。