SlideShare a Scribd company logo
Web/Mobile App設計與企劃工作
坊(5/2)
    (JOSHUA) GAINSHIN HSIAO
參考用書




FOR      FOR       FOR      FOR
網站專案溝通   網站建置基本工   應用程式規劃   網站內容策略
社群:大家⼀一起學更有效率
網站規格書(PRD)四大基本要素:
 網站地圖,框架圖,模組清單,互動程序




                            Use flow




           Wireframe
Site map
                       Pattern library
USER CENTERED DESIGN   使用者中心設計
DESIGN THINKING                     同理心的建立

                 Hear                   Create                        Deliver
  Abstract




                           Themes                     Opportunities


Time

                              Stories            Solutions



                                                        Prototypes
  Concrete




             Observation                                 Implementation Plan
減法思考
– 早⼀一點提供跟狀況有關的充分資訊、避免錯誤
  (能夠更有幫助、能夠預期錯誤的回應、搜尋不是唯⼀一的解決方法)
– 只要求或者提供有關的資訊,不要誤導
  (用普通的語言來做說明)
– 珍惜使用者的點選次數
  (完成同樣的任務,使用者需要點選多少次)
減法思考
– 記住使用者把東西放在哪裡
  (同樣的功能,不要讓使用者下回來時找不到)
– 記住使用者所告訴你的
(如果已經有我的住址或者帳號為什麼我還要輸入⼀一次!為什麼BACK
回去之後,資料都不見了?)
– 盡量避免在不同輸入模式中的切換
  (輸入完帳號密碼或者搜尋字串我可以直接按ENTER嗎?還是得用滑
  鼠/手指去點按”輸入”或者”搜尋”?)
介面分析流程取出關鍵項目
                                                                                                 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
功能原型檢視遺漏的動作程序
工具:Axure
從支付寶客戶端談手機客戶端用戶體驗設計
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
工具:Cacoo
Web mobile app設計與企劃工作坊
Web mobile app設計與企劃工作坊
這看似很難,且好像需要一個龐大的
組織來執行。
但其實並不然,有時一個只有少數成
員組成的開發小組也會因彼此的互補
分工與對工作內容的瞭解而達到相同
於一個大型開發團隊的效益,甚至更
高的成效。
主要的重點在於彼此的分工。
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

More Related Content

PPT
Interact 操作消費者教學範例
PDF
20120516 axure rp prototype design outline
PDF
林子傑 互動科學工作坊@Nctu 20111207
PDF
Hoper 20111026 nctu-q_usability_dist
PDF
0515 UiGathering Talk - Interaction Design by Stanley
PPSX
關於質性研究設計
PPT
(文化研究) 質性研究之紮根理論-洪銓修 老師
PDF
UiGathering 2012.07 Slide (Hoper Wang)
Interact 操作消費者教學範例
20120516 axure rp prototype design outline
林子傑 互動科學工作坊@Nctu 20111207
Hoper 20111026 nctu-q_usability_dist
0515 UiGathering Talk - Interaction Design by Stanley
關於質性研究設計
(文化研究) 質性研究之紮根理論-洪銓修 老師
UiGathering 2012.07 Slide (Hoper Wang)

Viewers also liked (15)

PDF
2012 Taiwan UX Summit 專題演講(一)簡報
PPT
(文化研究) 質性研究之NUivo8軟體實務操作-王為國老師
PPT
調查研究法
PDF
多層次分析方法 Hlm軟體應用
PDF
新手研究者入門觀念懶人包
PPT
葡萄酒淺談
PPT
PDF
E-mail Marketing - 設計一封客戶會愛上你的電子報
PDF
FDA 生醫產業 UX Guidelines
PDF
設計思考成果冊(第二冊)
PDF
用工具方法來輔助創新
PDF
CPC-以五感打造服務體驗
PDF
20150626 - 從使用者角度進行名單開發優化
PDF
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
PDF
設計思考成果冊(第一冊)
2012 Taiwan UX Summit 專題演講(一)簡報
(文化研究) 質性研究之NUivo8軟體實務操作-王為國老師
調查研究法
多層次分析方法 Hlm軟體應用
新手研究者入門觀念懶人包
葡萄酒淺談
E-mail Marketing - 設計一封客戶會愛上你的電子報
FDA 生醫產業 UX Guidelines
設計思考成果冊(第二冊)
用工具方法來輔助創新
CPC-以五感打造服務體驗
20150626 - 從使用者角度進行名單開發優化
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
設計思考成果冊(第一冊)
Ad

Similar to Web mobile app設計與企劃工作坊 (20)

PDF
《用户体验与交互设计》慧色
PPT
UI design SAM ZHENG
PDF
产品及Jira流程完成
PPTX
版本控制系统进阶
PDF
用户体验竞争力 2011-10
PPT
流程优化管理培训资料
PPT
篱笆网结婚频道项目制产品开发经验分享-PMCamp2
PPT
CBAP 技術交流 20151008
PDF
敏捷开发技术最佳实践(统一敏捷开发过程)
PDF
UX story of websites
PPTX
service design 20211105
PPTX
先睹为快 -- Office 2010全新生产力平台大揭秘
PPTX
企业信息系统性能优化实战
PDF
打造面向服务的敏捷团队 Q con-beijing2012
PDF
service-oriented agile team-Q con-beijing2012
PPT
1 Dmaic D
PDF
软件设计原则、模式与应用
PPT
CBAP 技術交流 20151105
PDF
20131028 《網站使用者中心策略》第2部第3章導讀
PDF
金蝶 Togaf 企业架构培训方案
《用户体验与交互设计》慧色
UI design SAM ZHENG
产品及Jira流程完成
版本控制系统进阶
用户体验竞争力 2011-10
流程优化管理培训资料
篱笆网结婚频道项目制产品开发经验分享-PMCamp2
CBAP 技術交流 20151008
敏捷开发技术最佳实践(统一敏捷开发过程)
UX story of websites
service design 20211105
先睹为快 -- Office 2010全新生产力平台大揭秘
企业信息系统性能优化实战
打造面向服务的敏捷团队 Q con-beijing2012
service-oriented agile team-Q con-beijing2012
1 Dmaic D
软件设计原则、模式与应用
CBAP 技術交流 20151105
20131028 《網站使用者中心策略》第2部第3章導讀
金蝶 Togaf 企业架构培训方案
Ad

Web mobile app設計與企劃工作坊