35
Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Embed Size (px)

Citation preview

Page 1: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Making Sugar sweetExperiences in creating a great user experience with UI design.

10/08/09

Page 2: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Our community

Sugar Labs, a member project of the Software Freedom Conservancy is a community of volunteers.

Sugar is free software; it is licensed under the General Public License (GPL), versions 2 and 3.

Page 3: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Context

3

Learning has a bearing on all of the challenges our children will inherit.

Page 4: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09
Page 5: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Children don’t get ideas; they make ideas.

They construct knowledge in the context of building personally meaningful artifacts. —Kafai and Resnick

Page 6: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

The challenge

going to scale

Page 7: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

A child's laptop is...

Safe and robust;

Light to carry;

Vibrant to look at;

Low power; Used outdoors;

Helps them communicate and interact;

Encourages them to express themselves;

Lets them engage in open-ended discovery;

And of course... inexpensive!

Page 8: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

aside

Sugar is a testament to the power and quality of the development tools and processes used by the Free Software community.

Page 9: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

The Sugar Learning Platform

Sugar facilitates exploring, collaboration, and reflection and to encourage critical thinking.

Page 10: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Originally developed for the OLPC XO

Sugar is largely platform-agnostic.

It can run on almost any computer, even the old, obsolete hardware typical of schools.

Page 11: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

It's an education project

Sugar is used every school day by one-million children.

Page 12: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Learning ≠ Windows

Nothing in our children's future resembles office work from the 1970s.

Page 13: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Sugar users

Sugar “learners” create demonstrations, projects, and critiques.

They develop craft, engage and persist, envision, express, observe, reflect, stretch and explore, and understand.

They engage in open-ended discovery, going far beyond the use of the computer as a means of access to information.

Page 14: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

“ถ่�ายดอกกระเจี�ยว”เห็�นไห็ม

Page 15: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

User-centric design metrics (Nielsen)

Learnability: How fast can a user learn a new system?

Efficiency: How fast can a user perform tasks?

Memorability: How easily can a user reestablish fluency?

Errors: How often do user make errors?

Satisfaction: How satisfied is the user?

Page 16: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Learning-centric design (Soloway)

Learning: How do our design decisions impact learning?

Page 17: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Simplicity is not the goal

We can use UI design to reduce complexity or to enable the user to reach to complexity.

time

complexity Buxton's Law

God's Law

Page 18: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

The culture of Free Software

Free-software developers go beyond consuming; they create and they share their creations. Most important, they engage in criticism. They take nothing at face value.

Page 19: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Learning software must be Free Software

With Sugar:

children create content as well as consume it;

children share their creations and help each other;

and they engage in self-reflection and group critique.

Page 20: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Sugar core ideas

• Activities, not applications• Presence is always present• Tools of expression• Journal/portfolio

Page 21: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Low floor, no ceiling

Sugar places an emphasis on usability and discoverability.

Page 22: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Reading and writing and sharing

Page 23: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

A network neighborhood

Page 24: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Dos and many don'ts

Do use hover

Do use consistent color and icon models

No right click

No double click

No overlapping windows

No “eye candy”

No 3-D

Page 25: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09
Page 26: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Guided discovery

to startclearscreen make “box1 1 setpensize 20 repeat 1300[forward :box1 right 91 setpencolor division xcor 6 setshade heading make “box 1 sum :box1 1]end

Page 27: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Collaboration

Page 28: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Journal

Page 29: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

View Source

Page 30: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Crumple zone: copy on write

Page 31: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09
Page 32: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Modifying physics

elif event.key == K_h: self.setdensity=10elif event.key == K_l: self.setdensity=0.1

elif event.key == K_n: self.setdensity=1

Page 33: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Under the hood

Sugar is built on top of the GNU/Linux desktop: GTK+, X11, D-Bus, NetworkManager, Gconf, Telepathy, etc.

Sugar provides data-storage service and presence service through D-Bus (Sugar activities can be coded in any programming language).

The majority are written in Python, which takes advantage of binding in the Sugar-Toolkit.

Page 34: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Freedom and empowerment

Sugar is about creativity, fluency, innovation, and problem-solving, all of which involve personal expression.

Sugar bring the tools of expression within reach of children so that they can be free to change their world.

The mantra of the next generation will be “show me the code and I will make it even better.”

Page 35: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09

Thank you

[email protected]