freescale-scad idus 421 // iact 720 (presentation)

Post on 27-Jan-2015

116 Views

Category:

Design

3 Downloads

Preview:

Click to see full reader

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 l

TRANSCRIPT

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

top related