• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Basics of Interaction Design + Strategy F2011 Part 2
 

Basics of Interaction Design + Strategy F2011 Part 2

on

  • 484 views

School of Visual Arts

School of Visual Arts
Basics of Interaction Design + Strategy
Fall 2011
Anh Dang

Statistics

Views

Total Views
484
Views on SlideShare
484
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Basics of Interaction Design + Strategy F2011 Part 2 Basics of Interaction Design + Strategy F2011 Part 2 Presentation Transcript

    • Let’s eat! LUNCH Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Introduction Morning •  Basics •  Discovery 10:30-11am –  Landscape Audit •  Design Challenge 11am-1pm •  Team Exploration: Navigation •  Team Review •  Lunch Break 1-1:45pm Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Introduction Afternoon •  Design Challenge 2-3:30pm –  Site Review –  Team Evaluation: E-commerce •  Mobile Challenge 3:30-5pm –  Team Exploration: Mobile Designs –  Team Review •  QA 5pmBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Design Challenge •  Information Design •  Transaction Design –  Site Review –  Team Evaluation –  Review Noteworthy Practices •  Mobile Design Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Design 1 Team of 20 X 4 WONDERFUL WELLS X 4 X 4 GALLANT HONORABLE HONEY BEES X 4 GOATS X 4 SPECTACULAR SEEDS COURAGEOUS CAMELS Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site Review Gift* rBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site Review Women & Children MomsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site Review Women & Children MomsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Site Review Category Product ???HomePage Page DetailsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Let’s buy! E-COMMERCE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Home Page EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Gift Guide Landing Page EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Product Details EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Product Details EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Cart EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Log In EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Register EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Billing Information EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Personalize Card A EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Personalize Cards B Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Product Details C Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Email Registration Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Email Order Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Task Flows EXPLORE: Design Challenge E-CommerceHome Category Product YourPage Page Details Cart Log In/ Billing Personalize Review & Confirmation Register Info Card Place OrderBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-Commerce Team Evaluation Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Register EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Billing Information EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Review & Place Order Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Let’s refine! E-COMMERCE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Design Challenge E-CommerceHome Category Product YourPage Page Details Cart Log In/ Billing Personalize Review & Confirmation Register Info Card Place OrderBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Design Challenge E-CommerceHome Category Product YourPage Page Details Cart Billing & Payment Info Log In/ Billing Personalize Review & Confirmation Register Info Card Place OrderBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Design Challenge E-Commerce BEFORE Log In/ Billing Personalize Review & Confirmation Register Info Card Place OrderBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Design Challenge E-Commerce BEFORE Log In/ Billing Personalize Review & Confirmation Register Info Card Place Order AFTER Log In Check Out ConfirmationBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-Commerce New Customer Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-Commerce Existing Customer Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Oxfam EXPLORE: Design Challenge E-CommerceHome Category Product YourPage Page Details Cart Log In Check Out ConfirmationBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Noteworthy Practices Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices http://mashable.com/2010/01/17/haiti-20-million/Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Notable Practices •  Minimal number of pages •  Minimal input fields •  Real time feedback •  Limit distractions •  Secure check out •  Printable receipt •  Smart e-mail messaging Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Let’s mobilize! MOBILE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Venn Diagram CONTEXT UX CONTENT USERS Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Mobile Considerations •  Mobile Screen sizes –  Varying widths based on devices 128, 160, 176, 240, 320, 360, 400, 480 •  Display modes –  Landscape and portrait •  Technical Support –  Javascript, cookies Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Design Challenge •  Information Design •  Transaction Design •  Mobile Design –  Team Exploration –  Team Presentations –  Review Noteworthy Practices Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Design 10 Teams of 2 X 2 WONDERFUL WELLS X 2 X 2 GALLANT HONORABLE HONEY BEES X 2 GOATS X 2 SPECTACULAR SEEDS COURAGEOUS CAMELS Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Mobile Gift * r HOLIDAY GIFT GUIDEBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge MobileBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Interaction Models Category Page Product Page Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Wireframes & Paper Prototypes Gift* r HOLIDAY GIFT GUIDEBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Design Challenge Information Design Team Presentations Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Noteworthy Practices Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • EXPLORE: Noteworthy Practices Noteworthy Practices •  Fluid layouts to fit various sizes for mobile devices •  Consider performance and load times •  Dont use hover states •  Keep design and functionality simple •  Option to visit full site Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Happy Holidays! WONDERFUL WELLS HONORABLE HONEY BEES GALLANT GOATS SPECTACULAR SEEDS COURAGEOUS CAMELS Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
    • Good-Bye! Thanks for attending the School of Visual Arts Basics of Interaction Design + Strategy Fall 2011 Anh Dang adang@sva.eduBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang