Post on 28-Jan-2015
description
為行動使用者設計阿修
李易修 Justin Lee赫迅互動科技 使用者經驗架構師
阿修設計研究 使用者經驗設計 程式設計
lis186
UiGathering3,5,7,9,11,12月第三個週六
所為何來？
我想離職寫APP
我們公司也要出APP
要支援 和
要有 照相功能
可以分享到
畫架構、寫規格
圖片取自http://sugarcomastudios.com/web1_spring11/?p=1556
找外包/開始寫程式
需求
實作
發佈
但是...
目的？
給誰用？
何時用？
需求
實作
發佈
圖片取自http://www.handyui.com/2007/03/24/compromised_design/
需求
實作
發佈
設計
是不是把圖畫漂亮一點就行了？
NO!
更重要是考慮產品 如何運作設計不僅要關注外觀，
圖片取自http://www.wired.com/culture/geekipedia/magazine/geekipedia/fake_steve_jobs
需求分析
設計
原型製作
實作
發佈
怎麼開始？
從說故事開始
說使用者與
他們從事的活動的故事
圖片取自http://gatheringbooks.wordpress.com/2010/12/22/more-fractured-tales-of-the-three-little-pigs/
圖片取自http://www.thefeltsource.com/FairyTales.html
Scenario-Based Design劇本法設計
瞭解使用者的任務與互動，藉此導出設計需求與重要議題
趁早發現問題
使用者
情境 物品
活動
知識與習慣
功能與面貌背景環境與狀況
使用者
情境 ？活動
知識與習慣
功能與面貌背景環境與狀況
角色 活動 情境 物品
圖片取自http://es.123rf.com/photo_6550491_countryside-cartoon-landscape-objects-isolated.html
圖片取自http://www.kids-pages.com/folders/colpages/The_Three_Little_Pigs/page1.htm
能趕快有個地方住就好了
圖片取自http://www.dreamstime.com/royalty-free-stock-image-three-little-pigs-part-1-image744546
蓋個可以遮風避雨的房子就好了
舒適與安全最重要
問題劇本1
圖片取自http://impactinit.assetsdelivery.com/thumbnails/ancello/ancello1103/ancello110300321.jpghttp://2.bp.blogspot.com/-q4KCYmVOmEU/TaG_Ta3LoUI/AAAAAAAAALI/khyCFtpK0Q8/s1600/Three-Little-Pigs3.jpg
問題劇本2
圖片取自http://2.bp.blogspot.com/-53rlVz3Qw-k/TaG_gx_pa8I/AAAAAAAAALM/3ee3zdDuwVQ/s1600/Three-Little-Pigs4.jpghttp://impactinit.assetsdelivery.com/thumbnails/ancello/ancello1103/ancello110300321.jpg
問題劇本3
圖片取自http://impactinit.assetsdelivery.com/thumbnails/ancello/ancello1103/ancello110300321.jpghttp://www.kids-pages.com/folders/stories/The_Three_Little_Pigs/page9.htmhttp://ancientevangelicalfuture.blogspot.com/2008/09/three-little-pigs-and-life-of-faith.html
設計需求
防狼
多人同住
快速施工
需求的排序
重要性 頻率 沮喪度 總分
(重要性+頻率)X沮喪度排序
快速施工 5 1 3 18 2
防狼 3 2 5 25 1
多人同住 2 3 2 10 3
可能的規格
磚造平房 壁爐有門可上鎖
圖片取自http://www.cartoonstock.com/directory/d/destruction.asp
可能的規格
改繪自"Usability Engineering: Scenario-Based Development of Human Computer Interaction" by Mary Beth Rosson, John M. Carroll
問題劇本 功能清單現狀觀察
概念劇本
需求分析
設計
原型製作
隱喻、慣例、設計準則
規格
分析
評估
圖片取自http://stjohnsblogs.co.uk/class5/3-little-pigs-a-story-map/
圖片截取自http://www.spectronicsinoz.com/downloads/activity/pigs_story.pdf
一些叮嚀
小心那些不可能出現的故事
圖片取自http://jay506.pixnet.net/blog/post/28232467
Jakob Nielsen (1993). Usabil ity Engineering.
系統接受度
社會接受度個人接受度
可靠度相容性 價格
功能性
實用性
可用性
其他
易學 有效率 易記憶 少錯誤 愉悅
請回到真實世界
先瞭解該平台的慣例，再創新
圖片取自http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UEBestPractices/UEBestPractices.html#//apple_ref/doc/uid/TP40006556-CH20-SW1
iPhone iOS Human Interface Guidelines
選一件事，做到最好！
圖片取自http://www.evolife.cn/wp-content/uploads/2008/07/giant-knife-2007.jpg
我已經仔細思考過了！
要支援 和
要有 照相功能
可以分享到
也有了基本的規劃
圖片取自http://sugarcomastudios.com/web1_spring11/?p=1556
不過....
誰來把它做出來？
設計必須求取平衡
使用者需求
商業目標
技術可行性
活動網站
跨平台的開發框架只需要一套原始碼，就能夠發佈到iPhone, iPad與Android平台。
採用開放的web技術無須學習Objective C或Java， 只要使用您已熟悉的javascript語言，便能開發行動應用程式。
真正的原生行動應用程式超過三百種API，使用者介面元件、各類感應器存取、多媒體、地圖、資料庫，甚至是社交網路的整合以及LBS的運用。
別為了裝置而設計要為使用者而設計
謝謝！