Freescale-SCAD IDUS 421 // IACT 720 (Presentation)

3,333 views

Published on

Freescale approached SCAD's Industrial Design Department to createa series of concepts focusing how to use the ARM chip for the Tween/Teen market (both hardware and software).

This presentation presents the entire story. There is also a process book as well here as well.

3 Videos are linked to from this presentation here:
1) Scenario - http://www.vimeo.com/4903991
2) Touchscreen UI Concept: http://vimeo.com/4910002
3) No Touchscreen UI Concept: http://www.vimeo.com/4910043 l

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

No Downloads
Views
Total views
3,333
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
48
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Freescale-SCAD IDUS 421 // IACT 720 (Presentation)

  1. 1. Savannah College of Art and Design
  2. 2. Table of Contents Summary • Initial Research • Outcomes • Opportunities Design Criteria • Industrial Design • Interaction Design • Synthesis of Criteria Ideation • ID Hardware Sketches • ID Hardware Accessories, Ecosystem • UI Research and Models Usability Testing • ID User Testing • ID Special Ed testing • UI User Testing Final Concepts • ID Concepts • UI Concepts FREESCALE/SCAD
  3. 3. Initial Research 1. Form/function 2. Personalization 3. Human Factors 4. Comprehension 5. Applications FREESCALE/SCAD 1: Summary
  4. 4. Initial Research Getting To Know The User Show Me Your Bag 1. Personalization 2. Application Photo Journals 1. Journal Overview 2. Follow Up Discussion FREESCALE/SCAD 1: Summary
  5. 5. Outcomes Primary Persona FREESCALE/SCAD 1: Summary
  6. 6. Outcomes Secondary Persona FREESCALE/SCAD 1: Summary
  7. 7. Outcomes Secondary Persona FREESCALE/SCAD 1: Summary
  8. 8. Outcomes Video Scenario FREESCALE/SCAD 1: Summary
  9. 9. Findings FREESCALE/SCAD 1: Summary
  10. 10. Opportunities • Customization • Multi-User/Ability to Collaborate • Announcements/Notices • Drawing Capabilities • Fashion and Functionality INITIAL IDEAS • Drawing /Writing on Temporary Surfaces • Homework /Study with Friends • School Functions • Scheduling Ability FREESCALE/SCAD 1: Summary
  11. 11. Industrial Design FREESCALE/SCAD 2: Design Criteria
  12. 12. Industrial Design FREESCALE/SCAD 2: Design Criteria
  13. 13. Interaction Design FREESCALE/SCAD 2: Design Criteria
  14. 14. Synthesis of Criteria FREESCALE/SCAD 2: Design Criteria
  15. 15. Synthesis of Criteria FREESCALE/SCAD 2: Design Criteria
  16. 16. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  17. 17. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  18. 18. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  19. 19. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  20. 20. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  21. 21. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  22. 22. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  23. 23. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  24. 24. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  25. 25. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  26. 26. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  27. 27. ID Hardware Sketches Industrial Design FREESCALE/SCAD 3: Ideation
  28. 28. IxD Software Research and Modeling User Interface FREESCALE/SCAD 3: Ideation
  29. 29. IxD Software Wireframes User Interface FREESCALE/SCAD 3: Ideation
  30. 30. Air OS Non-Touch Team The non-touch screen interface team based its concept on people connecting through activities that share information Air OS not only allows high connectivity and sharing of information, but it also proposes the use of collaborative and multi- tasking spaces and activities that reflect today’s necessities of the netbook users FREESCALE/SCAD Section 3: Interaction Design
  31. 31. Parti Diagram Air OS Parti People Information Activities Air Os FREESCALE/SCAD Section 6: Interaction Design
  32. 32. readability readability navigation Parti daigram navigation playfulness playfulness Concept 1 Sphere OS Concept evaluation intentionality intentionality readability readability navigation navigation air OS playfulness playfulness Concept 2 intentionality intentionality Section 6: Interaction Design FREESCALE/SCAD
  33. 33. Concept 1 fish1 OS Concept 1 In this concept the cube as a organizational tool and the use of the corners to the to manage files, people, and applications were introduced FREESCALE/SCAD Section 6: Interaction Design
  34. 34. Concept 1 fish1 OS 1 2 3 1. Docks 2. Organizational cubes 3. Dock expansion FREESCALE/SCAD Section 6: Interaction Design
  35. 35. Concept 2 fish2 OS Extend use of the corners as docks and the spheres as a collaborative spaces FREESCALE/SCAD Section 6: Interaction Design
  36. 36. Concept 2 Fish2 OS 1 4 3 2 5 1. Docks Iconography 2. Collaboration and organizational spheres 3. Search field out the status bar 4. New expansion of the docks 5. Sliding message window FREESCALE/SCAD Section 6: Interaction Design
  37. 37. Concept 3 Sphere OS Concept 2 proposes an infinite XY plane in which is possible to zoom in and out and pan horizontally in order to find collaborative or organizational spheres. Drag in order to activate, group or organize elements The use of windows in combination with the infinite XY plane to complete tasks FREESCALE/SCAD Section 6: Interaction Design
  38. 38. Concept 3 Sphere OS 5 4 1 2 1 1 3 1. Infinite XY & navigation map 2. Collaboration and organizational spheres 3. Search field out the status bar 4. New docks and expansion 5. “Favs” FREESCALE/SCAD Section 6: Interaction Design
  39. 39. Non-Touch Air OS With the insight of the user testing a new system was developed. The Air OS system. The Air Os is a return and refine version of the old operational systems and that present a central active working area and four different docks and categories around that make emphasis in “people connected in activities through applications.” The four categories are: a. People b. Applications c. Stuff d. Multitask/collaborative spaces Wireframes FREESCALE/SCAD Section 3: Ideation
  40. 40. Touch Screen Team FREESCALE/SCAD Section 3: Interaction Design
  41. 41. FREESCALE/SCAD Section 6: Interaction Design
  42. 42. ID User Testing Industrial Design FREESCALE/SCAD 4: Usability Testing
  43. 43. ID Special Ed Testing Cody Model - A Model –B FREESCALE/SCAD 4: Usability Testing
  44. 44. IxD Usability Testing User Interface -Coastal Middle School Non-Touch Team Touch Screen FREESCALE/SCAD 4: Usability Testing
  45. 45. User testing Non-Touch Team Tasks • Free exploration The intentions of their actions • Send a Message to Mom Navigation through the system • Create a Collaborative Sphere Introduction of a concept FREESCALE/SCAD Section 4: Interaction Design
  46. 46. The power of the sphere User testing Sphere Analyzing Surfing the Internet Using the “Favs” Free Exploration Finding the search field Discovering The Docks FREESCALE/SCAD Section 4: Interaction Design
  47. 47. User testing Sphere Using the Docks Message to Mom FREESCALE/SCAD Section 4: Interaction Design
  48. 48. User testing The next steep Sphere Dragging friends And applications Playing with the spheres Right click Collaboration FREESCALE/SCAD Section 4: Interaction Design
  49. 49. User testing Sphere Findings: • Low affordance of the corner docks. • Alternative paths to communicate. • The spheres main role of affordance. • High density of elements affects readability • Fast learning curve (corners) • look for known behaviors and shortcuts (right click and menus) Overall, the Sphere concept was successful. The users embraced the concept of a collaborative space. However, many elements in the GUI needed to be presented more clearly. FREESCALE/SCAD Section 4: Interaction Design
  50. 50. User testing Touch Screen User testing Touch Screen FREESCALE/SCAD Section 4: Interaction Design
  51. 51. User testing Touch Screen FREESCALE/SCAD Section 4: Interaction Design
  52. 52. Industrial Design Hardware FREESCALE/SCAD 5: Final Concepts
  53. 53. Brad Fenning Age Range: 15-18 19 + Features: Compact Size (6.5” x 4.5” x 1.1”) 6” x 4” Touchscreen Sliding keypad 2 Hidden USB 2.0 Ports 1 Ethernet Port QWERTY Keyboard Hidden Webcam Recessed Outter Bottons Accessories: Interchangeable Keypad Interchangeable Grips Screen Protector Extended Battery FREESCALE/SCAD Section 5: Industrial Design
  54. 54. LED Lit Keypad Hidden USB Ports Recessed Power Button Recessed Webcam FREESCALE/SCAD Section 5: Industrial Design
  55. 55. Embossed Screen Retractable Keypad FREESCALE/SCAD Section 5: Industrial Design
  56. 56. Color Options FREESCALE/SCAD Section 5: Industrial Design
  57. 57. FREESCALE/SCAD Section 5: Industrial Design
  58. 58. Bryan Hemenway Age Group: 19+ Size: 9” x 7” Features: Rotating acrylic flip open screen cover / stand Easy access touch Hot Keys Color variation LED’s Top mounted camera, with LED indicator. Speakers Easy spot power button Customizable fabric insert on back FREESCALE/SCAD Section 5: Industrial Design
  59. 59. FREESCALE/SCAD Section 5: Industrial Design
  60. 60. Speakers Hot Keys Camera Fabric Insert Flip Cover FREESCALE/SCAD Section 5: Industrial Design
  61. 61. Table Top Environment FREESCALE/SCAD Section 5: Industrial Design
  62. 62. Color Options Body: Black, Pewter, Mocha, Deep red, White, Silver. LED: Blue, Green, Orange, Pink, White. FREESCALE/SCAD Section 5: Industrial Design
  63. 63. Colin Martin Age Range: Early 20s-Late 50s Features: Size (8.25” x 7.5” x 1.1”) 7.75” x 4.5” E-ink Reader Screen Tablet / Touchscreen Full Qwerty keyboard Rotating Camera 3 USB 2.0 Ports Ethernet Port Parallel Port Headphone / Mic SD Slot Media Buttons Reader Buttons Message Notification Light Textured Grips Under Grip Accessories: Interchangeable Trim Grip By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  64. 64. Target Market -Mobile Jobs -World Aid Organizations (Red Cross, UN, Disaster Relief) -Political Journalist (Imbed, On Site, Press Conference) -Sports Casters (At Event, Press Conference) -Photographers By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  65. 65. Inspiration - Lenovo Y 530 (Minimalist, One Color with Accent) -Apple Macbooks (Simplistic) -Aston Martin One-77 (Continuous Rear Taillight) -Aston Martin DBS (Black Bezel Central Console, Audio Display) By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  66. 66. Ideation By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  67. 67. Message Notification Light Rotating Camera (Light pulses when message is received) Recessed Power Button By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  68. 68. Next Page Previous Page Rotating Camera Back Menu Textured Grip Tablet Stylus FREESCALE/SCAD Section 5: Industrial Design
  69. 69. Reader – E-ink Screen E-Ink screen under protective E-ink screen shows tinted plastic. When off screen through when function matches lid frame activated FREESCALE/SCAD Section 5: Industrial Design
  70. 70. Keyboard: MediaButtons Typical Qwerty layout Play/Pause Next/Previous Function keys VolumeUp/VolumeDown Arrow Keys Home & End Keys Speakers Pin / Eraser Pointer Message Notification Light (when opened) By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  71. 71. Rotating camera capable of capturing the user or the user’s POV. Making the tablet available as the user records press conference etc. Tablet / Touch Screen: Reader E-Ink Screen: Ambidextrous-Rotate tablet to Ambidextrous- Tablet rotates to place in grip in dominate hand ease grip in dominate hand or or non-dominate hand. UI will non-dominate hand of a left or rotate according to orientation right handed user. FREESCALE/SCAD Section 5: Industrial Design
  72. 72. Front Power Button Back 2xUSB, AC Adapter, Ethernet Pin / Eraser Pointer Right Parallel Port Left USB, Audio Out, Audio In, SD Slot, Stylus By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  73. 73. Trim Grip Accessory Ebony Wood Leather Synthetic Rubber / Plastic Interchangeable trim grip snaps on base of screen. Various materials for user to choose from to individualize their tablet By Colin Martin FREESCALE/SCAD Section 5: Industrial Design
  74. 74. FREESCALE/SCAD Section 5: Industrial Design
  75. 75. FREESCALE/SCAD Section 5: Industrial Design
  76. 76. FREESCALE/SCAD Section 5: Industrial Design
  77. 77. Zarni Ko FREESCALE/SCAD Section 5: Industrial Design
  78. 78. FREESCALE/SCAD Section 5: Industrial Design
  79. 79. FREESCALE/SCAD Section 5: Industrial Design
  80. 80. FREESCALE/SCAD Section 5: Industrial Design
  81. 81. FREESCALE/SCAD Section 5: Industrial Design
  82. 82. FREESCALE/SCAD Section 5: Industrial Design
  83. 83. FREESCALE/SCAD Section 5: Industrial Design
  84. 84. FREESCALE/SCAD Section 5: Industrial Design
  85. 85. Trevor McKay Age Range: 19 + Features:: Size: 10” X 6” X 0.56” 7” x 5” Screen Size (Touchscreen) two 0.9” X 5” Ink touch screen Multi Color LED lights Cover protector Web cam Speakers Side Grip Security/Memory USB Card Wireless and bluetooth Hidden Ports: 2 USB Ports 1 VGA 1 Ethernet Port Power port Intergraded stand Accessories: Changeable Cover Protector Straps Flat keyboard and mouse Changeable Grips Wall Mount Fridge Mount (wall with magnetic attachment) FREESCALE/SCAD Section 5: Industrial Design
  86. 86. FREESCALE/SCAD Section 5: Industrial Design
  87. 87. Inkscreen On Inkscreen Off FREESCALE/SCAD Section 5: Industrial Design
  88. 88. Ethernet VGA Power port USB port FREESCALE/SCAD Section 5: Industrial Design
  89. 89. FREESCALE/SCAD Section 5: Industrial Design
  90. 90. FREESCALE/SCAD Section 5: Industrial Design
  91. 91. FREESCALE/SCAD Section 5: Industrial Design
  92. 92. Julian Romero Age Range: 19 + Size: 10X6X0.56 Features: Touch Screen Keyboard Integrated Mouse LED Lights Leather Cover Protector Speakers Side Grip Bluetooth Connection Integrated Stand Accessories: Customizable Cover Customizable Color ways Flat Keyboard and Mouse Strap Connection FREESCALE/SCAD Section 5: Industrial Design
  93. 93. Touch Screen Keyboard Integrated Stand Flat Screen Flat Mouse FREESCALE/SCAD Section 5: Industrial Design
  94. 94. Leather Cover Protector Strap Connection Magnetic Clip FREESCALE/SCAD Section 5: Industrial Design
  95. 95. Color Options FREESCALE/SCAD Section 5: Industrial Design
  96. 96. Palette Concept Liz McKibbon Age Range: 10-13 15-18 Accessories: - Music Lover Set - Sports Case - Gaming Set Features: - Asymetrical, one-handed grip - 6” x 4” touch screen - Dual USB ports - Usable in portrait or landscape view orientation - Minimal, lightweight design - Gently angled at-rest view FREESCALE/SCAD Section 5: Industrial Design
  97. 97. Palette Concept Liz McKibbon LED message notification Hardware buttons Webcam FREESCALE/SCAD Section 5: Industrial Design
  98. 98. Sports Accessory Set Liz McKibbon Age Range: 10-13 15-18 Accessories: -Two part shell case -Tinted front case to ease glare -Carabineer to clip on a bag, clothing, or other surface -Bands on reverse provide an option of ‘hanging‘ like a photo frame Features: Touch through polycarbonate case provides screen access, even when closed Form fitting clamshell design Stretchable band keeps two part hardshell case together. FREESCALE/SCAD Section 5: Industrial Design
  99. 99. Music Accessory Kit Liz McKibbon Age Range: 10-13 15-18 Accessories: Two part clam shell case Detachable speakers Straps for easy transport Features: Touch through polycarbonate case provides screen access, even when closed Form fitting clamshell design Detachable speakers provide increased volume on or off of the device Easy-to-open, sliding clasp keeps kit secure. FREESCALE/SCAD Section 5: Industrial Design
  100. 100. Gamer Accessory Kit Liz McKibbon Age Range: 10-13 15-18 Accessories: Two part clam shell case Gamer mouse/controller Stylus and stylus clip Features: Touch through polycarbonate case provides screen access, even when closed Form fitting clamshell design Wireless controller mouse can be used in mouse orientation or controller orientation Stylus is easily accessible for quick sketching Easy-to-open, sliding clasp keeps kit secure. FREESCALE/SCAD Section 5: Industrial Design
  101. 101. Gamer Accessory Kit Table Top Environment Liz McKibbon FREESCALE/SCAD Section 5: Industrial Design
  102. 102. MASON PFAU Age Range: 15-18 19 + Features: Compact Size (7.3” x 4.5” x 1.2”) 6” x 4” Screen Size (Touchscreen) Dual-Pivot Screen: Tablet or Clamshell orientation 3 USB Ports 1 Ethernet Port Full-Function Keyboard Accessories: Interchangeable units plug into base -Battery Life Extender -Optical Disk Drive -External Hard Drive FREESCALE/SCAD Section 5: Industrial Design
  103. 103. Connection Plug for accessories USB and Network ports on back FREESCALE/SCAD Section 5: Industrial Design
  104. 104. Left Click Display Flip for left/right hand users (closest to edge) Right Click FREESCALE/SCAD Section 5: Industrial Design
  105. 105. Color Options FREESCALE/SCAD Section 5: Industrial Design
  106. 106. FREESCALE/SCAD Section 5: Industrial Design
  107. 107. Win Tangsakulsuthaporn FREESCALE/SCAD Section 5: Industrial Design
  108. 108. Sketches Win Tangsakulsuthaporn FREESCALE/SCAD Section 5: Industrial Design
  109. 109. Prototype Model Win Tangsakulsuthaporn FREESCALE/SCAD Section 5: Industrial Design
  110. 110. Win Tangsakulsuthaporn Final Model FREESCALE/SCAD Section 5: Industrial Design
  111. 111. Win Tangsakulsuthaporn Final Model FREESCALE/SCAD Section 5: Industrial Design
  112. 112. Win Tangsakulsuthaporn Final Model FREESCALE/SCAD Section 5: Industrial Design
  113. 113. FREESCALE/SCAD Section 5: Industrial Design
  114. 114. Win Tangsakulsuthaporn FREESCALE/SCAD Section 5: Industrial Design
  115. 115. Gunter Watkins Age Range: 15-18 19 + Features: Ergonomic form focused on hand function and portability. Redesigned QWERTY thumbing keyboard 6” x 4” (Touch screen) 5.75” x .5” (Status Touch Screen) Compact size: (6.5” x 4.5” x 1.4”) Dual USB Ports, (w/ optional connection upgrades Accessories: Interchangeable skins for the units: grips, keypad, and shell. -Port expansion upgrade -Optical Disk Drive FREESCALE/SCAD Section 5: Industrial Design
  116. 116. Form factor derived from cell phone & video game controller design Hand grips to emphasize portability and ease of use FREESCALE/SCAD Section 5: Industrial Design
  117. 117. Hard keys for most used programs Thumbing QWERTY keyboard Right Click FREESCALE/SCAD Section 5: Industrial Design
  118. 118. Color and material Options FREESCALE/SCAD Section 5: Industrial Design
  119. 119. FREESCALE/SCAD Section 5: Industrial Design
  120. 120. Interaction Design Interface FREESCALE/SCAD 5: Final Concepts
  121. 121. Air Os concept Docks FREESCALE/SCAD Section 6: Interaction Design
  122. 122. Air Os concept people FREESCALE/SCAD Section 6: Interaction Design
  123. 123. Air Os concept Applications FREESCALE/SCAD Section 6: Interaction Design
  124. 124. Air Os concept Applications Menu FREESCALE/SCAD Section 6: Interaction Design
  125. 125. Air Os concept Collaboration FREESCALE/SCAD Section 6: Interaction Design
  126. 126. Interaction Design Non-Touch INSERT VIDEO FREESCALE/SCAD 5: Final Concepts
  127. 127. FREESCALE/SCAD 5: Final Concepts
  128. 128. FREESCALE/SCAD 5: Final Concepts
  129. 129. FREESCALE/SCAD 5: Final Concepts
  130. 130. Interaction Design Touch Screen INSERT VIDEO FREESCALE/SCAD 5: Final Concepts

×