Let’s eat!	                             LUNCH	Basics of Interaction Design + Strategy | Fall 2011	   School of Visual Arts...
Introduction       Morning	       •  Basics	       •  Discovery 10:30-11am	                  –  Landscape Audit	       •  ...
Introduction       Afternoon	       •  Design Challenge                               2-3:30pm	                  –  Site R...
EXPLORE: Design Challenge Information Design       Design Challenge	       •  Information Design	       •  Transaction Des...
EXPLORE: Design Challenge Design       1 Team of 20	                                                X        4            ...
EXPLORE: Site Review                                                         Gift* rBasics of Interaction Design + Strateg...
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 |...
EXPLORE: Site Review                          Women & Children               MomsBasics of Interaction Design + Strategy |...
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                                    ...
Let’s buy!	                             E-COMMERCE	Basics of Interaction Design + Strategy | Fall 2011	   School of Visual...
Home Page                                              EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Gift Guide Landing Page                                EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Product Details                                        EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Product Details                                        EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Cart                                                   EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Log In                                                 EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Register                                               EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Billing Information                                    EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Personalize Card A                                     EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Personalize Cards B                                    Review | OxfamBasics of Interaction Design + Strategy | Fall 2011	 ...
Product Details C                                      Review | OxfamBasics of Interaction Design + Strategy | Fall 2011	 ...
Review & Place Order                                   EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Review & Place Order                                   EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Review & Place Order                                   EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Confirmation                                            EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Email Registration Confirmation                         EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Email Order Confirmation                                EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Task Flows                                                            EXPLORE: Design Challenge E-CommerceHome            ...
EXPLORE: Design Challenge E-Commerce                                                         Team Evaluation	Basics of Int...
Register                                               EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Billing Information                                    EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Review & Place Order                                   EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + ...
Review & Place Order                                   Review | OxfamBasics of Interaction Design + Strategy | Fall 2011	 ...
Review & Place Order                                   Review | OxfamBasics of Interaction Design + Strategy | Fall 2011	 ...
Let’s refine!	                             E-COMMERCE	Basics of Interaction Design + Strategy | Fall 2011	   School of Visu...
Oxfam                                                                EXPLORE: Design Challenge E-CommerceHome             ...
Oxfam                                                                      EXPLORE: Design Challenge E-CommerceHome       ...
Oxfam                                                                EXPLORE: Design Challenge E-Commerce   BEFORE	  Log I...
Oxfam                                                                 EXPLORE: Design Challenge E-Commerce   BEFORE	  Log ...
EXPLORE: Design Challenge E-Commerce                                                         New Customer                 ...
EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011	                          School o...
EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011	                          School o...
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            ...
EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011	                          School o...
EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011	                          School o...
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              ...
EXPLORE: Noteworthy Practices                                      Noteworthy Practices	Basics of Interaction Design + Str...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy Practices                     http://mashable.com/2010/01/17/haiti-20-million/Basics of Interaction De...
EXPLORE: Noteworthy Practices       Notable Practices	       •       Minimal number of pages	       •       Minimal input ...
Let’s mobilize!	                             MOBILE	Basics of Interaction Design + Strategy | Fall 2011	   School of Visua...
Venn Diagram                                                         CONTEXT	                                             ...
EXPLORE: Design Challenge Information Design                  Mobile Considerations	                  •  Mobile Screen siz...
EXPLORE: Design Challenge Information Design       Design Challenge	       •  Information Design	       •  Transaction Des...
EXPLORE: Design Challenge Design       10 Teams of 2	                                                X        2           ...
EXPLORE: Design Challenge Mobile                                                         Gift * r                         ...
EXPLORE: Design Challenge MobileBasics of Interaction Design + Strategy | Fall 2011	                      School of Visual...
EXPLORE: Design Challenge Information Design       Interaction Models	                                                    ...
EXPLORE: Design Challenge Information Design       Wireframes & Paper Prototypes	                  Gift* r               H...
EXPLORE: Design Challenge Information Design                                              Team Presentations	Basics of Int...
EXPLORE: Noteworthy Practices                                      Noteworthy Practices	Basics of Interaction Design + Str...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy Practices                         Taylor photostream              Taylor photostreamBasics of Interact...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy Practices                         Taylor photostream              Taylor photostreamBasics of Interact...
EXPLORE: Noteworthy Practices                         Taylor photostream              Taylor photostreamBasics of Interact...
EXPLORE: Noteworthy Practices                         Taylor photostream              Taylor photostreamBasics of Interact...
EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011	                  School of Visual Arts |...
EXPLORE: Noteworthy Practices                         Taylor photostream              Taylor photostreamBasics of Interact...
EXPLORE: Noteworthy Practices       Noteworthy Practices	       •  Fluid layouts to fit various sizes for mobile          d...
Happy Holidays!	                                                                                          WONDERFUL	      ...
Good-Bye!	                               Thanks for attending the School of Visual Arts                               Basi...
Upcoming SlideShare
Loading in …5
×

Basics of Interaction Design + Strategy F2011 Part 2

538 views
474 views

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total views
538
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Basics of Interaction Design + Strategy F2011 Part 2

  1. 1. Let’s eat! LUNCH Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. EXPLORE: Site Review Gift* rBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  7. 7. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  8. 8. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  9. 9. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  10. 10. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  11. 11. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  12. 12. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  13. 13. EXPLORE: Site Review Women & Children MomsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  14. 14. EXPLORE: Site Review Women & Children MomsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  15. 15. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  16. 16. EXPLORE: Site ReviewBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  17. 17. Oxfam EXPLORE: Site Review Category Product ???HomePage Page DetailsBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  18. 18. Let’s buy! E-COMMERCE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  19. 19. Home Page EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  20. 20. Gift Guide Landing Page EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  21. 21. Product Details EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  22. 22. Product Details EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  23. 23. Cart EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  24. 24. Log In EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  25. 25. Register EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  26. 26. Billing Information EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  27. 27. Personalize Card A EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  28. 28. Personalize Cards B Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  29. 29. Product Details C Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  30. 30. Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  31. 31. Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  32. 32. Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  33. 33. Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  34. 34. Email Registration Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  35. 35. Email Order Confirmation EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  36. 36. 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
  37. 37. EXPLORE: Design Challenge E-Commerce Team Evaluation Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  38. 38. Register EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  39. 39. Billing Information EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  40. 40. Review & Place Order EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  41. 41. Review & Place Order Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  42. 42. Review & Place Order Review | OxfamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  43. 43. Let’s refine! E-COMMERCE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  44. 44. 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
  45. 45. 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
  46. 46. 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
  47. 47. 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
  48. 48. EXPLORE: Design Challenge E-Commerce New Customer Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  49. 49. EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  50. 50. EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  51. 51. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  52. 52. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  53. 53. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  54. 54. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  55. 55. EXPLORE: Design Challenge E-Commerce Existing Customer Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  56. 56. EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  57. 57. EXPLORE: Design Challenge E-CommerceBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  58. 58. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  59. 59. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  60. 60. Part 1: Design StrategyBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  61. 61. 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
  62. 62. EXPLORE: Noteworthy Practices Noteworthy Practices Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  63. 63. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  64. 64. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  65. 65. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  66. 66. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  67. 67. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  68. 68. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  69. 69. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  70. 70. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  71. 71. 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
  72. 72. 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
  73. 73. Let’s mobilize! MOBILE Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  74. 74. Venn Diagram CONTEXT UX CONTENT USERS Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  75. 75. 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
  76. 76. 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
  77. 77. 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
  78. 78. EXPLORE: Design Challenge Mobile Gift * r HOLIDAY GIFT GUIDEBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  79. 79. EXPLORE: Design Challenge MobileBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  80. 80. EXPLORE: Design Challenge Information Design Interaction Models Category Page Product Page Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  81. 81. 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
  82. 82. EXPLORE: Design Challenge Information Design Team Presentations Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  83. 83. EXPLORE: Noteworthy Practices Noteworthy Practices Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  84. 84. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  85. 85. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  86. 86. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  87. 87. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  88. 88. EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  89. 89. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  90. 90. EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  91. 91. EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  92. 92. EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  93. 93. EXPLORE: Noteworthy PracticesBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  94. 94. EXPLORE: Noteworthy Practices Taylor photostream Taylor photostreamBasics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
  95. 95. 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
  96. 96. 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
  97. 97. 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

×