Web mobile app設計與企劃工作坊

4,752 views
4,710 views

Published on

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,752
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
27
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Web mobile app設計與企劃工作坊

  1. 1. Web/Mobile App設計與企劃工作坊(5/2) (JOSHUA) GAINSHIN HSIAO
  2. 2. 參考用書FOR FOR FOR FOR網站專案溝通 網站建置基本工 應用程式規劃 網站內容策略
  3. 3. 社群:大家⼀一起學更有效率
  4. 4. 網站規格書(PRD)四大基本要素: 網站地圖,框架圖,模組清單,互動程序 Use flow WireframeSite map Pattern library
  5. 5. USER CENTERED DESIGN 使用者中心設計
  6. 6. DESIGN THINKING 同理心的建立 Hear Create Deliver Abstract Themes OpportunitiesTime Stories Solutions Prototypes Concrete Observation Implementation Plan
  7. 7. 減法思考– 早⼀一點提供跟狀況有關的充分資訊、避免錯誤 (能夠更有幫助、能夠預期錯誤的回應、搜尋不是唯⼀一的解決方法)– 只要求或者提供有關的資訊,不要誤導 (用普通的語言來做說明)– 珍惜使用者的點選次數 (完成同樣的任務,使用者需要點選多少次)
  8. 8. 減法思考– 記住使用者把東西放在哪裡 (同樣的功能,不要讓使用者下回來時找不到)– 記住使用者所告訴你的(如果已經有我的住址或者帳號為什麼我還要輸入⼀一次!為什麼BACK回去之後,資料都不見了?)– 盡量避免在不同輸入模式中的切換 (輸入完帳號密碼或者搜尋字串我可以直接按ENTER嗎?還是得用滑 鼠/手指去點按”輸入”或者”搜尋”?)
  9. 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. 10. 功能原型檢視遺漏的動作程序
  11. 11. 工具:Axure
  12. 12. 從支付寶客戶端談手機客戶端用戶體驗設計
  13. 13. 工具:Cacoo
  14. 14. 這看似很難,且好像需要一個龐大的組織來執行。但其實並不然,有時一個只有少數成員組成的開發小組也會因彼此的互補分工與對工作內容的瞭解而達到相同於一個大型開發團隊的效益,甚至更高的成效。主要的重點在於彼此的分工。
  15. 15. THANK YOU“Our role as designers, engineers, thinkers; (JOSHUA) GAINSHIN HSIAOour task is to read things that are not on the page.”Steve JobsPage 567

×