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

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


OutcomesPrimary Persona


OutcomesSecondary Persona


OutcomesVideo Scenario



Findings

Opportunities


• 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


Industrial Design

Interaction Design



Synthesis of Criteria

FREESCALE/SCAD3: Ideation

ID Hardware Sketches Industrial Design


IxD Software Research and ModelingUser Interface


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


People

Activities

Information

Air Os

Parti daigramConcept evaluation


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



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



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



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/SCAD4: Usability Testing

ID User Testing Industrial Design

Model - A Model –B


ID Special Ed TestingCody

Non-Touch TeamTouch Screen


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


User testingSphere


Free Exploration

Surfing the Internet

Using the “Favs”

Finding the search field

The power of the sphere

Discovering The Docks

Analyzing

User testingSphere


Message to Mom

Using the Docks

User testingSphere


Playing with the spheres

The next steep

Right click

Dragging friendsAnd

applications

Collaboration

User testingSphere


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.


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


LED Lit Keypad

Hidden USB Ports

Recessed Power Button

Recessed Webcam


Retractable Keypad

Embossed Screen


Color Options


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


Speakers

Camera

Flip Cover

Hot Keys

Fabric Insert


Table Top Environment


Body: Black, Pewter, Mocha, Deep red, White, Silver.

LED: Blue, Green, Orange, Pink, White.

Color Options


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


-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


- 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


Ideation

By Colin Martin


Message Notification Light

(Light pulses when message is

received)

Rotating Camera

Recessed Power Button

By Colin Martin


Tablet Stylus

Next Page

Previous Page

Back

Menu

Rotating Camera

Textured Grip


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


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


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.


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


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


Zarni Ko


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


Inkscreen Off

Inkscreen On


USB port

EthernetVGAPower port


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


Touch Screen Keyboard

Integrated Stand

Flat Screen

Flat Mouse


Leather Cover Protector

Strap Connection

Magnetic Clip


Color Options


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


Palette ConceptLiz McKibbon

LED message notificationHardware buttonsWebcam


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.


Music Accessory KitLiz McKibbon

Age Range: 10-13

15-18

Accessories: Two part clam shell case

Detachable speakers

Straps for easy transport




Detachable speakers provide

increased volume on or off of

the device

Easy-to-open, sliding clasp keeps kit

secure.


Gamer Accessory KitLiz McKibbon

Age Range: 10-13

15-18

Accessories: Two part clam shell case

Gamer mouse/controller

Stylus and stylus clip




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.


Table Top EnvironmentGamer Accessory KitLiz McKibbon


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


Connection Plug for accessories

USB and Network ports on back


Left Click

Display Flip for left/right hand users(closest to edge)

Right Click


Color Options


Win Tangsakulsuthaporn


Sketches Win Tangsakulsuthaporn


Prototype Model Win Tangsakulsuthaporn


Final Model



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


Form factor derived from cell

phone & video game controller design

Hand grips to emphasize portability

and ease of use


Right Click

Hard keys for most used programs

Thumbing QWERTY keyboard


Color and material Options

Interaction DesignInterface



Air Os conceptDocks


Air Os conceptpeople


Air Os conceptApplications


Air Os conceptApplicationsMenu


Air Os conceptCollaboration

Interaction DesignNon-Touch

INSERT VIDEO


Interaction DesignTouch Screen

INSERT VIDEO


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

Design

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