freescale-scad idus 421 // iact 720 (presentation)
DESCRIPTION
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 lTRANSCRIPT
Savannah College of Art and Design
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
Initial Research
1. Form/function
2. Personalization
3. Human Factors
4. Comprehension
5. Applications
FREESCALE/SCAD1: Summary
Initial Research Getting To Know The User
Show Me Your Bag
1. Personalization
2. Application
Photo Journals
3. Journal Overview
4. Follow Up Discussion
FREESCALE/SCAD1: Summary
OutcomesPrimary Persona
FREESCALE/SCAD1: Summary
OutcomesSecondary Persona
FREESCALE/SCAD1: Summary
OutcomesSecondary Persona
FREESCALE/SCAD1: Summary
OutcomesVideo Scenario
FREESCALE/SCAD1: Summary
FREESCALE/SCAD1: Summary
Findings
Opportunities
FREESCALE/SCAD1: Summary
• Customization• Multi-User/Ability to Collaborate• Announcements/Notices• Drawing Capabilities• Fashion and Functionality
• Drawing /Writing on Temporary Surfaces
• Homework /Study with Friends
• School Functions
• Scheduling Ability
INITIAL IDEAS
Industrial Design
FREESCALE/SCAD2: Design Criteria
FREESCALE/SCAD2: Design Criteria
Industrial Design
Interaction Design
FREESCALE/SCAD2: Design Criteria
FREESCALE/SCAD2: Design Criteria
Synthesis of Criteria
FREESCALE/SCAD2: Design Criteria
Synthesis of Criteria
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
ID Hardware Sketches Industrial Design
FREESCALE/SCAD3: Ideation
IxD Software Research and ModelingUser Interface
FREESCALE/SCAD3: Ideation
IxD Software WireframesUser Interface
Air OSNon-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/SCADSection 3: Interaction Design
Parti DiagramAir OS
Parti
FREESCALE/SCADSection 6: Interaction Design
People
Activities
Information
Air Os
Parti daigramConcept evaluation
FREESCALE/SCADSection 6: Interaction Design
Concept 1 Concept 2
Sphere OS air OS
read
abili
ty
navi
gatio
n
play
fuln
ess
inte
ntion
ality
navi
gatio
n
play
fuln
ess
inte
ntion
ality
navi
gatio
n
play
fuln
ess
inte
ntion
ality
navi
gatio
n
play
fuln
ess
inte
ntion
ality
read
abili
ty
read
abili
ty
read
abili
ty
Concept 1fish1 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/SCADSection 6: Interaction Design
FREESCALE/SCADSection 6: Interaction Design
Concept 1fish1 OS
1. Docks2. Organizational cubes3. Dock expansion
1
2 3
Concept 2fish2 OS
Extend use of the corners as docks and the spheres as a collaborative spaces
FREESCALE/SCADSection 6: Interaction Design
FREESCALE/SCADSection 6: Interaction Design
Concept 2Fish2 OS
1
3
4
1. Docks Iconography2. Collaboration and organizational spheres3. Search field out the status bar4. New expansion of the docks5. Sliding message window
5
2
Concept 3Sphere 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/SCADSection 6: Interaction Design
FREESCALE/SCADSection 6: Interaction Design
Concept 3Sphere OS
1
3
4 5
2 1
1. Infinite XY & navigation map2. Collaboration and organizational spheres3. Search field out the status bar 4. New docks and expansion5. “Favs”
1
Non-TouchAir 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. Peopleb. Applicationsc. Stuffd. Multitask/collaborative spaces
FREESCALE/SCADSection 3: Ideation
Wireframes
Touch Screen Team
FREESCALE/SCADSection 3: Interaction Design
FREESCALE/SCADSection 6: Interaction Design
FREESCALE/SCAD4: Usability Testing
ID User Testing Industrial Design
Model - A Model –B
FREESCALE/SCAD4: Usability Testing
ID Special Ed TestingCody
Non-Touch TeamTouch Screen
FREESCALE/SCAD4: Usability Testing
IxD Usability TestingUser Interface -Coastal Middle School
User testingNon-Touch Team
Tasks
• Free exploration The intentions of their actions
• Send a Message to Mom Navigation through the system
• Create a Collaborative SphereIntroduction of a concept
FREESCALE/SCADSection 4: Interaction Design
User testingSphere
FREESCALE/SCADSection 4: Interaction Design
Free Exploration
Surfing the Internet
Using the “Favs”
Finding the search field
The power of the sphere
Discovering The Docks
Analyzing
User testingSphere
FREESCALE/SCADSection 4: Interaction Design
Message to Mom
Using the Docks
User testingSphere
FREESCALE/SCADSection 4: Interaction Design
Playing with the spheres
The next steep
Right click
Dragging friendsAnd
applications
Collaboration
User testingSphere
FREESCALE/SCADSection 4: Interaction Design
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/SCADSection 4: Interaction Design
User testingTouch Screen
User testingTouch Screen
FREESCALE/SCADSection 4: Interaction Design
User testingTouch Screen
FREESCALE/SCAD5: Final Concepts
Industrial DesignHardware
FREESCALE/SCADSection 5: Industrial Design
Age Range: 15-1819 +
Features: Compact Size (6.5” x 4.5” x 1.1”)6” x 4” TouchscreenSliding keypad2 Hidden USB 2.0 Ports1 Ethernet PortQWERTY KeyboardHidden WebcamRecessed Outter Bottons
Accessories: Interchangeable Keypad Interchangeable GripsScreen ProtectorExtended Battery
Brad Fenning
FREESCALE/SCADSection 5: Industrial Design
LED Lit Keypad
Hidden USB Ports
Recessed Power Button
Recessed Webcam
FREESCALE/SCADSection 5: Industrial Design
Retractable Keypad
Embossed Screen
FREESCALE/SCADSection 5: Industrial Design
Color Options
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
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, withLED indicator.
Speakers
Easy spot power button
Customizable fabric insert on back
Bryan Hemenway
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Speakers
Camera
Flip Cover
Hot Keys
Fabric Insert
FREESCALE/SCADSection 5: Industrial Design
Table Top Environment
FREESCALE/SCADSection 5: Industrial Design
Body: Black, Pewter, Mocha, Deep red, White, Silver.
LED: Blue, Green, Orange, Pink, White.
Color Options
FREESCALE/SCADSection 5: Industrial Design
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 / TouchscreenFull Qwerty keyboardRotating Camera3 USB 2.0 PortsEthernet PortParallel PortHeadphone / MicSD SlotMedia ButtonsReader ButtonsMessage Notification LightTextured GripsUnder Grip
Accessories: Interchangeable Trim Grip
Colin Martin
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
-Mobile Jobs-World Aid Organizations (Red Cross, UN, Disaster Relief)-Political Journalist (Imbed, On Site, Press Conference)-Sports Casters (At Event, Press Conference)-Photographers
Target Market
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
- 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)
Inspiration
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
Ideation
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
Message Notification Light
(Light pulses when message is
received)
Rotating Camera
Recessed Power Button
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
Tablet Stylus
Next Page
Previous Page
Back
Menu
Rotating Camera
Textured Grip
FREESCALE/SCADSection 5: Industrial Design
E-ink screen shows through
when function activated
E-Ink screen under protective tinted
plastic. When off screen matches lid
frame
Reader – E-ink Screen
FREESCALE/SCADSection 5: Industrial Design
MediaButtons
Play/Pause
Next/Previous
VolumeUp/VolumeDown
Pin / Eraser Pointer
Message Notification Light
(when opened)
Keyboard:
Typical Qwerty layout Function
keys
Arrow Keys
Home & End Keys
Speakers
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
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:
Ambidextrous-Rotate tablet to place
in grip in dominate hand or non-
dominate hand. UI will rotate
according to orientation
Reader E-Ink Screen:
Ambidextrous- Tablet rotates to
ease grip in dominate hand or non-
dominate hand of a left or right
handed user.
FREESCALE/SCADSection 5: Industrial Design
Front Power Button
Pin / Eraser Pointer
Back 2xUSB, AC Adapter, Ethernet
Right Parallel Port
Left USB, Audio Out, Audio In, SD Slot, Stylus
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
Interchangeable trim grip snaps on base
of screen. Various materials for user to
choose from to individualize their tablet
Ebony Wood Leather Synthetic Rubber / Plastic
Trim Grip Accessory
By Colin Martin
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Zarni Ko
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Age Range: 19 +
Features::Size: 10” X 6” X 0.56”7” x 5” Screen Size (Touchscreen)two 0.9” X 5” Ink touch screenMulti Color LED lightsCover protectorWeb camSpeakersSide GripSecurity/Memory USB CardWireless and bluetoothHidden Ports:2 USB Ports1 VGA1 Ethernet PortPower portIntergraded stand
Accessories:Changeable Cover ProtectorStrapsFlat keyboard and mouseChangeable GripsWall MountFridge Mount (wall withmagnetic attachment)
Trevor McKay
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Inkscreen Off
Inkscreen On
FREESCALE/SCADSection 5: Industrial Design
USB port
EthernetVGAPower port
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
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
Julian Romero
FREESCALE/SCADSection 5: Industrial Design
Touch Screen Keyboard
Integrated Stand
Flat Screen
Flat Mouse
FREESCALE/SCADSection 5: Industrial Design
Leather Cover Protector
Strap Connection
Magnetic Clip
FREESCALE/SCADSection 5: Industrial Design
Color Options
FREESCALE/SCADSection 5: Industrial Design
Palette ConceptLiz 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/SCADSection 5: Industrial Design
Palette ConceptLiz McKibbon
LED message notificationHardware buttonsWebcam
FREESCALE/SCADSection 5: Industrial Design
Sports Accessory SetLiz 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/SCADSection 5: Industrial Design
Music Accessory KitLiz 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/SCADSection 5: Industrial Design
Gamer Accessory KitLiz 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/SCADSection 5: Industrial Design
Table Top EnvironmentGamer Accessory KitLiz McKibbon
FREESCALE/SCADSection 5: Industrial Design
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/SCADSection 5: Industrial Design
Connection Plug for accessories
USB and Network ports on back
FREESCALE/SCADSection 5: Industrial Design
Left Click
Display Flip for left/right hand users(closest to edge)
Right Click
FREESCALE/SCADSection 5: Industrial Design
Color Options
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
Sketches Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
Prototype Model Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
Final Model
Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
Final Model
Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
Final Model
Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
FREESCALE/SCADSection 5: Industrial Design
Win Tangsakulsuthaporn
FREESCALE/SCADSection 5: Industrial Design
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
Gunter Watkins
FREESCALE/SCADSection 5: Industrial Design
Form factor derived from cell
phone & video game controller design
Hand grips to emphasize portability
and ease of use
FREESCALE/SCADSection 5: Industrial Design
Right Click
Hard keys for most used programs
Thumbing QWERTY keyboard
FREESCALE/SCADSection 5: Industrial Design
Color and material Options
FREESCALE/SCADSection 5: Industrial Design
Interaction DesignInterface
FREESCALE/SCAD5: Final Concepts
FREESCALE/SCADSection 6: Interaction Design
Air Os conceptDocks
FREESCALE/SCADSection 6: Interaction Design
Air Os conceptpeople
FREESCALE/SCADSection 6: Interaction Design
Air Os conceptApplications
FREESCALE/SCADSection 6: Interaction Design
Air Os conceptApplicationsMenu
FREESCALE/SCADSection 6: Interaction Design
Air Os conceptCollaboration
Interaction DesignNon-Touch
INSERT VIDEO
FREESCALE/SCAD5: Final Concepts
FREESCALE/SCAD5: Final Concepts
FREESCALE/SCAD5: Final Concepts
FREESCALE/SCAD5: Final Concepts
Interaction DesignTouch Screen
INSERT VIDEO
FREESCALE/SCAD5: Final Concepts