2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前

Embed Size (px)

DESCRIPTION

台灣使用者經驗高峰會工作坊 D - App設計實戰:在開始寫程式之前主持人:李易修 Justin Lee赫迅互動科技 使用者經驗架構師UiGathering創會成員與工作小組理事概要:在 App 開發過程當中,我們往往過於急著開始寫程式,輕忽了 App 前期規劃的重要性,以至於功能與使用者介面無法滿足使用者期望與需要。本工作坊的目標在於讓學員了解設計的重要性與熟悉劇本法設計與動態草圖等設計方法。本工作坊的進行方式將由講師先介紹 App 前期規劃時要留意的事項,與可應用於實際開發時的設計方法,再讓學員分組實地演練,最後和大家分享設計。

Text of 2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前

  • DApp
  • Justin Lee UiGatheringwww.lis186.comlis186@gmail.comtwitter, plurk: @lis186
  • http://www.handyui.com/2007/03/24/compromised_design/
  • "The Elements of User Experience: User-Centered Design for the Web by Jesse James Garrett
  • : ABC A3 3
  • : 1
  • : App 1
  • : 2
  • : A3/App 2+30
  • http://www.bonnier.com/en/content/digital-magazines-bonnier-mag-prototype
  • http://www.bonnier.com/en/content/digital-magazines-bonnier-mag-prototype
  • "Usability Engineering: Scenario-Based Development of Human Computer Interaction" by Mary Beth Rosson, John M. Carroll
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • 4. 2. 3. 5. 1."Gamestorming, page 3 by Dave Gray, Sunni Brown, and James Macanufo
  • Brainstorm: App 2
  • Brainstorm: App 2
  • : 5A311_________________________________________ 3
  • Brainstorm: 1 12
  • App
  • ? ?
  • Brainstorm: 20
  • "Gamestorming, page 5 by Dave Gray, Sunni Brown, and James Macanufo
  • Brainstorm: A3"Gamestorming, page 245 by Dave Gray, Sunni Brown, and James Macanufo 3
  • 3:40
  • NUF: "Gamestorming, page 245 by Dave Gray, Sunni Brown, and James Macanufo 3
  • Brainstorm: A3 BusGoGo 6
  • (wireframe)http://moobileframes.tumblr.com/post/2761211624/ozon-ru-online-store
  • (sketch)http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/design-an-iphone-bank-app-in-photoshop-part-1/
  • (prototype)http://katiemccurdy.com/walk/?page_id=207
  • Sketching User Experience, Bill Buxton
  • http://www.flickr.com/photos/d2clon/4402993445/
  • :App A33http://johnhenrybarac.com/notes-on-designing-the-guardian-iphone-app/ 3
  • : http://johnhenrybarac.com/notes-on-designing-the-guardian-iphone-app/ 6
  • : A33http://johnhenrybarac.com/notes-on-designing-the-guardian-iphone-app/ 3
  • : http://johnhenrybarac.com/notes-on-designing-the-guardian-iphone-app/ 6
  • App
  • http://gesturecons.com/
  • 8x8mm5mm i
  • http://gesturecons.com/
  • OS
  • sensor
  • iPhone UI
  • TabBar
  • NavigationBar
  • ToolBar
  • Android UI
  • Hardware Buttons
  • Action Bar