Interaction Design 2009
Netbook UI Design
10 Weeks, 3 People, Roles on Research and GUI Design
In this sponsored project, we, the IxD students, cooprated with the industrial design students to help our client, Freescale, to develop the new concept of netbook in emerging market. Differed from the form development of ID team, our focus was to
evolve the initial framework and vision for a new graphical user interface to run on top of an existing operating system (like Linux) that can take advantage of an ARM CPU chipset on something akin to a netbook or a smartbook. Moreover, we explored the tween market (age 11-14) in order to find out more opportunities for the future.
“
�
Netbook is not only a convenient substitute for laptop, but also a great platform to bring social connection and educational collaboration for tweenagers.
ASUS Eee PC
HP MINI1000
Tab menu desktop - Easy to access but not interesting
Widget desktop - More attractive but complicated
Rese
OLPC sugar OS
Graphic communication - Easy to learn but for younger age
UI Focus • • •
Netbook UI research
Market Trend research Research
iCloud
Jolicloud
organizing - friendly usability style - attractive style communication - clear social networking
User Research
Cloud Computing
Eye OS
Disadvantages • • •
Securely save data in the cloud. Low-cost way to load and go. added capabilities without download the software.
Need to access the internet to get the functionality and rely on the speed of internet.
earch Netbook - - - Completely new category
This would be like game consoles which are not on that continuum of mobile devices to laptops at all
Synthesis • • • • •
and where sophisticated tools & services around media consumption could have heavy impact.
!
Web browser basis Collaboration & communication function Social device Personal Expression focus information exchange
Look into areas that didn’t include direct interaction with end-users
outside of school
Immediately ran to the web browser The plug-ins, like video and audio is just a gateway to the internet
Media Exploration
Usability Test
User Research (Tween)
Market Research
Linux operating systems
It revealed tendencies and characteristics of this user group Show Your Bag
Photo Journal Cultural Model
!
Customization Home
me in
nt &
Education
n
Electronically social
m
t en
&p
ersonal
Tween (11~14)
General info Edu
al in on formaiton
texting face to face social network
Teacher
School
Standard Bag
!
rm a tion
ca ti
Friends
They know where the people they communicate with are, and, whether the relationships were purely virtual, purely physical or somewhere in between; it is the geographic distance that seemed most meaningful to them.
No Lockers Outside Informaiton
TV home computer
Ability to collaborate Ente rta i
!
face to face cellphone facebook
al
!
formative-pe rs
Family
on
Ability to scribble impromptu
Personal Expression
Virtual Environment
En ter ta
!
!
Had a hard time just turning the darn things on
Neighborhood face to face
Outside school
No Electronics except for USB thumb drivers
Analysis &
Scenario - A day of Joseph
Persona Joseph Wright
12 years old / 7th grade student / Household with both parents / One Brother and one younger sister
Wake up
Ready for school
1 Check his 2 Get a reminder 3 Send a notice MySpace and about his late art to his mother’s email accounts class from Emily calendar
Emily Walls
went to bed
13 years old / 7th Grade Student / Single-Father Household / One Older Brother
At home
Play games on his netbook
Work on his homework
Her mom organized the meals and grocery list for the week
Go home
Ride to karate class with Emily and her dad
On Bus Send another notice to his mom’s calendar
Flash his ID to access the school
At School
Present science work
Task Flow comic book characters to his friends
After the scenario was written and the story, developing an extensive
Susan Wright
mined from the scenario are then used as primary guideposts for the ideation process of our designs.
39 years old / Soccer mom / Mar ried for 14 years / 3 Children / Graduated from Business school / Income - $124,000 a year
& Ideation Design Criteria
Initial Concept - Cube OS
• smart phone). --- Cloud computing (new for netbook) ---Video capabilities, presentation tools, sketching capabilities •
Unique layout approach that is user friendly and well-
organized with a clear hierarchy of information and people. • Focus on communication functionality • Customized and personalized capabilities
Design Criteria
Opportunity
User aspect – • Customization and personalization. • Communication with dierent tools. • Desire for control and privacy
Market aspect – Trend: Cloud computing
Limitation • •
Need to access the internet to utilize the function Most functions are similar to smartphone
Design Consideration
Features Cube interface Communication Collaboration space Dock organization Cloud storage
Proto Usability Test
Final UI Design - Air OS People (Social Network) Application Working Area
Collaboration Space
Many elements in the GUI needed to be presented more clearly Corner dock
Square dock
3D space
2D space
Basic Function
1
3
2
Log in
Navigate the UI
Open Word
Most used application show up
1. Cloud computing base - All the applications and data store in the cloud 2. Square dock organizing - Divide into four categories which are applicaAir OS
Navigate application dock
Change appearance 4 preference
3. Communicaiton focus - Provide easy access social networking and collaboration space to exchange message and information.
Status bar
otype Select people, object, and application to create a collaboration ball
Communication Function
5
6
Instant message window
7
Send message to Mom
8
Create a collaboration ball
Open “Movie night“ ball
Peole involve in the event
Online chating
• • •
People in the social networking Message board
Working Area (Public sharing space)
music, homework...)