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
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
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
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
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. 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
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. 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. 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. 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. 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
47. ID Special Ed Testing
Cody
Model - A Model –B
FREESCALE/SCAD
4: Usability Testing
48. IxD Usability Testing
User Interface -Coastal Middle School
Non-Touch Team
Touch Screen
FREESCALE/SCAD
4: Usability Testing
49. 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
50. 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
51. User testing
Sphere
Using the Docks
Message to Mom
FREESCALE/SCAD
Section 4: Interaction Design
52. User testing The next steep
Sphere
Dragging friends
And
applications
Playing with the
spheres
Right click Collaboration
FREESCALE/SCAD
Section 4: Interaction Design
53. 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
54. User testing
Touch Screen
User testing
Touch Screen
FREESCALE/SCAD
Section 4: Interaction Design
55. User testing
Touch Screen
FREESCALE/SCAD
Section 4: Interaction Design
62. 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
67. 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
68. 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
69. 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
70. Ideation
By Colin Martin
FREESCALE/SCAD
Section 5: Industrial Design
71. Message Notification Light
Rotating Camera
(Light pulses when
message is received)
Recessed Power Button
By Colin Martin
FREESCALE/SCAD
Section 5: Industrial Design
72. Next Page
Previous Page
Rotating Camera
Back
Menu
Textured Grip
Tablet Stylus
FREESCALE/SCAD
Section 5: Industrial Design
73. 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
74. 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
75. 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
76. 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
77. 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
89. 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
102. 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
103. 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
104. 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
106. 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
107. Connection Plug for accessories
USB and Network ports on back
FREESCALE/SCAD
Section 5: Industrial Design
108. Left Click
Display Flip for left/right hand users
(closest to edge)
Right Click
FREESCALE/SCAD
Section 5: Industrial Design
109. Color Options
FREESCALE/SCAD
Section 5: Industrial Design
119. 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
120. 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
121. Hard keys for most used programs
Thumbing QWERTY keyboard
Right Click
FREESCALE/SCAD
Section 5: Industrial Design