Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.
-
Upload
delphia-jefferson -
Category
Documents
-
view
218 -
download
0
Transcript of Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.
![Page 1: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/1.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/2.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/3.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/4.jpg)
![Page 5: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/5.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/6.jpg)
The challenge
going to scale
![Page 7: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/7.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/8.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/9.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/10.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/11.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/12.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/13.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/14.jpg)
“ถ่�ายดอกกระเจี�ยว”เห็�นไห็ม
![Page 15: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/15.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/16.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/17.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/18.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/19.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/20.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/21.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/22.jpg)
Reading and writing and sharing
![Page 23: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/23.jpg)
A network neighborhood
![Page 24: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/24.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/25.jpg)
![Page 26: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/26.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/27.jpg)
Collaboration
![Page 28: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/28.jpg)
Journal
![Page 29: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/29.jpg)
View Source
![Page 30: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/30.jpg)
Crumple zone: copy on write
![Page 31: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/31.jpg)
![Page 32: Making Sugar sweet Experiences in creating a great user experience with UI design. 10/08/09.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/32.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/33.jpg)
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.](https://reader030.fdocuments.net/reader030/viewer/2022032803/56649e3b5503460f94b2ccd0/html5/thumbnails/34.jpg)
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.”