這一集分享手機App設計教學,往後會分享用Flutter開發出一個App :)
上一集分享設計個人作品集後,這次教大家來設計一個手機App,我會透過一系列的分享來製作出一個App如果你有興趣,可以參考上一集
如何用FIgma製作個人作品集UX/UI教學
https://vocus.cc/article/645c733dfd89780001ffe890
Part1 - 找尋靈感
剛開始不知道要從哪裡下手,可以想看看你有什麼對你有興趣或想解決的問題以及案例
- 你最喜歡做什麼事情? 聽音樂, 吃美食還是旅遊
- 你看到什麼樣的問題? 你想要解決, 舉例: 睡眠品質的改善或者如何保持健康
- 不知道要怎麼開始下手,可以看看別人類似你的點子的作品
舉例:
主題: 健康飲食
平台: iOS App
族群: 18歲~35歲
市場: 愛料理,
腦力激盪
快速產出你的任何點子
- Quick and Write - 快速描述並寫下你的想法
- 大量猜想無限制
舉例:
- 可以有個關於幫我送健康飲食加上健康教練的App嗎?
- 以健康交友的App,互相約飯和一起健身?
影片教學
Part2 - 製作草圖
草圖允許你快速清晰地向他人解釋你的想法,而無需冗長的說明。單憑文字可能令人困惑,但草圖可簡化溝通過程。通過將你的想法草擬出來,你可以幫助他人更好地理解,並希望他們能夠從中獲得靈感。
用什麼工具來做草圖?你可以用筆跟白紙就可以,不需要要求你很會畫畫,重點在溝通跟點子構想,以下是一個用戶引導範例設計
範例:
https://www.pinterest.com.au/pin/9570217951020643/
額外學習:
https://www.smashingmagazine.com/2021/09/power-pen-paper-sketching/
影片教學
額外資源教學
如何用FIgma製作個人作品集教學
- https://vocus.cc/article/645c733dfd89780001ffe890
學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計
- https://vocus.cc/article/64637f74fd8978000175c0f8
Heuristic 啟發式設計: 用戶體驗設計的重要原則
- https://vocus.cc/article/65eb05affd89780001c87dc7
學習如何用HMTL5和CSS3,跟JayLin一起做一個NFT卡片完整課程
- https://vocus.cc/article/64637f74fd8978000175c0f8
更多相關教學文章
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
JayLinXR FB: https://www.facebook.com/JayLinXR