Web/Mobile App設計與企劃工作坊（5/2）

(JOSHUA) GAINSHIN HSIAO

FOR網站專案溝通

FOR網站建置基本工

FOR應用程式規劃

FOR網站內容策略

參考用書

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

網站規格書(PRD)四大基本要素:網站地圖,框架圖,模組清單,互動程序

Site map

Wireframe

Pattern library

Use flow

USER CENTERED DESIGN 使用者中心設計

Hear Create Deliver

Time

Abst

ract

Conc

rete

Solutions

Prototypes

Implementation Plan

Stories

OpportunitiesThemes

Observation

DESIGN THINKING 同理心的建立

–早⼀一點提供跟狀況有關的充分資訊、避免錯誤（能夠更有幫助、能夠預期錯誤的回應、搜尋不是唯⼀一的解決方法)–只要求或者提供有關的資訊，不要誤導

（用普通的語言來做說明)–珍惜使用者的點選次數

（完成同樣的任務，使用者需要點選多少次）

減法思考

–記住使用者把東西放在哪裡（同樣的功能，不要讓使用者下回來時找不到）–記住使用者所告訴你的

（如果已經有我的住址或者帳號為什麼我還要輸入⼀一次！為什麼BACK 回去之後，資料都不見了？）–盡量避免在不同輸入模式中的切換

（輸入完帳號密碼或者搜尋字串我可以直接按ENTER嗎？還是得用滑鼠/手指去點按”輸入”或者”搜尋”？）

減法思考

Design Goal Meeting Interface Demand Investigation Card sorting: Terminology / Icon

Paper Wireframe Client Feedback Prototyping Round

Experts Evaluation Client Feedback Usability Testing

Data Analysis Client Feedback Technology Transfer

>

>

>

>

>

>

>

>

30

Interview

Questionnaire

Task Evaluation

Collaboration

Discussion

Presentation

3 3

3 30

>

>

>

介面分析流程取出關鍵項目

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

工具:Axure

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

工具:Cacoo

這看似很難，且好像需要一個龐大的

組織來執行。

但其實並不然，有時一個只有少數成

員組成的開發小組也會因彼此的互補

分工與對工作內容的瞭解而達到相同

於一個大型開發團隊的效益，甚至更

高的成效。

主要的重點在於彼此的分工。

THANK YOU“Our role as designers, engineers, thinkers; our task is to read things that are not on the page.”

Steve JobsPage 567

(JOSHUA) GAINSHIN HSIAO