Web mobile app設計與企劃工作坊
-
Upload
turtleknight -
Category
Technology
-
view
3.806 -
download
5
Transcript of Web mobile app設計與企劃工作坊
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