1. Web/Mobile App設計與企劃工作
坊（5/2）
(JOSHUA) GAINSHIN HSIAO

2. 參考用書
FOR FOR FOR FOR
網站專案溝通 網站建置基本工 應用程式規劃 網站內容策略

3. 社群：大家⼀一起學更有效率

4. 網站規格書(PRD)四大基本要素:
網站地圖,框架圖,模組清單,互動程序
Use flow
Wireframe
Site map
Pattern library

5. USER CENTERED DESIGN 使用者中心設計

6. DESIGN THINKING 同理心的建立
Hear Create Deliver
Abstract
Themes Opportunities
Time
Stories Solutions
Prototypes
Concrete
Observation Implementation Plan

7. 減法思考
– 早⼀一點提供跟狀況有關的充分資訊、避免錯誤
（能夠更有幫助、能夠預期錯誤的回應、搜尋不是唯⼀一的解決方法)
– 只要求或者提供有關的資訊，不要誤導
（用普通的語言來做說明)
– 珍惜使用者的點選次數
（完成同樣的任務，使用者需要點選多少次）

8. 減法思考
– 記住使用者把東西放在哪裡
（同樣的功能，不要讓使用者下回來時找不到）
– 記住使用者所告訴你的
（如果已經有我的住址或者帳號為什麼我還要輸入⼀一次！為什麼BACK
回去之後，資料都不見了？）
– 盡量避免在不同輸入模式中的切換
（輸入完帳號密碼或者搜尋字串我可以直接按ENTER嗎？還是得用滑
鼠/手指去點按”輸入”或者”搜尋”？）

9. 介面分析流程取出關鍵項目
30
> >
Design Goal Meeting Interface Demand Investigation Card sorting: Terminology / Icon
3 3
> > >
Interview
Paper Wireframe Client Feedback Prototyping Round
3 30
Questionnaire
> > >
Task Evaluation
Experts Evaluation Client Feedback Usability Testing
Collaboration
> > >
Discussion
Presentation
Data Analysis Client Feedback Technology Transfer

10. 功能原型檢視遺漏的動作程序

11. 工具:Axure

12. 從支付寶客戶端談手機客戶端用戶體驗設計

37. 工具:Cacoo

40. 這看似很難，且好像需要一個龐大的
組織來執行。
但其實並不然，有時一個只有少數成
員組成的開發小組也會因彼此的互補
分工與對工作內容的瞭解而達到相同
於一個大型開發團隊的效益，甚至更
高的成效。
主要的重點在於彼此的分工。

41. THANK YOU
“Our role as designers, engineers, thinkers;
(JOSHUA) GAINSHIN HSIAO
our task is to read things that are not on the page.”
Steve Jobs
Page 567