SlideShare a Scribd company logo
1 of 35
Download to read offline
Making Sugar sweet
Experiences in creating a great user
experience with UI design.
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.
Context




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




                                                      3
Children don’t get ideas; they make ideas.




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




going to scale
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!
aside




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




Sugar facilitates exploring, collaboration, and
reflection and to encourage critical thinking.
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.
It's an education project




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




Nothing in our children's future resembles office
             work from the 1970s.
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.
“ถายดอกกระเจียวเห็นไหม”
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?
Learning-centric design (Soloway)




Learning: How do our design decisions impact
learning?
Simplicity is not the goal

                                 Buxton's Law
   complexity



                                 God's Law




                               time


We can use UI design to reduce complexity or to
enable the user to reach to complexity.
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.
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.
Sugar core ideas


•   Activities, not applications
•   Presence is always present
•   Tools of expression
•   Journal/portfolio
Low floor, no ceiling




Sugar places an emphasis on usability and
             discoverability.
Reading and writing and sharing
A network neighborhood
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
Guided discovery




to start
clearscreen make “box1 1 setpensize 20 repeat 1300
[forward :box1 right 91 setpencolor division xcor 6
setshade heading make “box 1 sum :box1 1]
end
Collaboration
Journal
View Source
Crumple zone: copy on write
Modifying physics




         elif event.key == K_h:
             self.setdensity=10
         elif event.key == K_l:
             self.setdensity=0.1
         elif event.key == K_n:
             self.setdensity=1
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.
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.”
Thank you


     walter@sugarlabs.org

More Related Content

What's hot

Designing for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiencesDesigning for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiences
luckykat
 

What's hot (12)

HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
HOW THE LARGEST HUMAN RIGHTS ORGANIZATION IN THE WORLD USES DESIGN SYSTEMS TO...
 
Padlet Overview
Padlet OverviewPadlet Overview
Padlet Overview
 
SPARK SMART ART: The Wonder of Interactive Whiteboards in the Elementary Clas...
SPARK SMART ART: The Wonder of Interactive Whiteboards in the Elementary Clas...SPARK SMART ART: The Wonder of Interactive Whiteboards in the Elementary Clas...
SPARK SMART ART: The Wonder of Interactive Whiteboards in the Elementary Clas...
 
Apply design thinking_Final Assignment
Apply design thinking_Final AssignmentApply design thinking_Final Assignment
Apply design thinking_Final Assignment
 
App Design – Size Makes a difference
App Design – Size Makes a difference App Design – Size Makes a difference
App Design – Size Makes a difference
 
Sloodle Project Presentation
Sloodle Project PresentationSloodle Project Presentation
Sloodle Project Presentation
 
Acceptance models for Free Software and other technologies in education
Acceptance models for Free Software and other technologies in educationAcceptance models for Free Software and other technologies in education
Acceptance models for Free Software and other technologies in education
 
Mob Programming - Put down the pitchforks and pick up a keyboard
Mob Programming - Put down the pitchforks and pick up a keyboardMob Programming - Put down the pitchforks and pick up a keyboard
Mob Programming - Put down the pitchforks and pick up a keyboard
 
Designing Multi-Device Experiences
Designing Multi-Device ExperiencesDesigning Multi-Device Experiences
Designing Multi-Device Experiences
 
Designing for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiencesDesigning for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiences
 
IAll 2013 Conference
IAll 2013 ConferenceIAll 2013 Conference
IAll 2013 Conference
 
UX patterns & practices
UX patterns & practicesUX patterns & practices
UX patterns & practices
 

Similar to Qt Developer Days 2009 Keynote - Sugarlabs

Introduction to iPads in Middle School
Introduction to iPads in Middle SchoolIntroduction to iPads in Middle School
Introduction to iPads in Middle School
Gary Toews
 

Similar to Qt Developer Days 2009 Keynote - Sugarlabs (20)

Open source for Libraries
Open source for LibrariesOpen source for Libraries
Open source for Libraries
 
Tablet computers for dissemination of digital scholarly editions
Tablet computers for dissemination of digital scholarly editionsTablet computers for dissemination of digital scholarly editions
Tablet computers for dissemination of digital scholarly editions
 
Open Source: Freedom and Community
Open Source: Freedom and CommunityOpen Source: Freedom and Community
Open Source: Freedom and Community
 
Research sketchbook - Interaction Module
Research sketchbook - Interaction ModuleResearch sketchbook - Interaction Module
Research sketchbook - Interaction Module
 
Open source educational technologies for teaching and learning
Open source educational technologies for teaching and learningOpen source educational technologies for teaching and learning
Open source educational technologies for teaching and learning
 
Embedding young learners into the information society
Embedding young learners into the information societyEmbedding young learners into the information society
Embedding young learners into the information society
 
Practical Open Source Software for Libraries (part 1)
Practical Open Source Software for Libraries (part 1)Practical Open Source Software for Libraries (part 1)
Practical Open Source Software for Libraries (part 1)
 
Open Source Building Career and Competency
Open Source Building Career and CompetencyOpen Source Building Career and Competency
Open Source Building Career and Competency
 
Introduction to iPads in Middle School
Introduction to iPads in Middle SchoolIntroduction to iPads in Middle School
Introduction to iPads in Middle School
 
Netex learningCloud | Completely new, absolutely innovative [EN]
Netex learningCloud | Completely new, absolutely innovative [EN]Netex learningCloud | Completely new, absolutely innovative [EN]
Netex learningCloud | Completely new, absolutely innovative [EN]
 
Frederik Questier - Acceptance Models for Free Software
Frederik Questier - Acceptance Models for Free SoftwareFrederik Questier - Acceptance Models for Free Software
Frederik Questier - Acceptance Models for Free Software
 
Getting started with global collaboration
Getting started with global collaborationGetting started with global collaboration
Getting started with global collaboration
 
Open Source Issues and Trends
Open Source Issues and TrendsOpen Source Issues and Trends
Open Source Issues and Trends
 
Apps for whom?
Apps for whom?Apps for whom?
Apps for whom?
 
Introduction to Open Source for Libraries
Introduction to Open Source for LibrariesIntroduction to Open Source for Libraries
Introduction to Open Source for Libraries
 
Visionary 2030
Visionary 2030Visionary 2030
Visionary 2030
 
Technology of Peace - Child builds computer, computer grows with child
Technology of Peace - Child builds computer, computer grows with childTechnology of Peace - Child builds computer, computer grows with child
Technology of Peace - Child builds computer, computer grows with child
 
Accessible design systems
Accessible design systemsAccessible design systems
Accessible design systems
 
Rfc.key
Rfc.keyRfc.key
Rfc.key
 
Next level learning NSW Roadshow presentation deck
Next level learning NSW Roadshow presentation deckNext level learning NSW Roadshow presentation deck
Next level learning NSW Roadshow presentation deck
 

More from account inactive

More from account inactive (20)

Meet Qt
Meet QtMeet Qt
Meet Qt
 
KDE Plasma for Mobile Phones
KDE Plasma for Mobile PhonesKDE Plasma for Mobile Phones
KDE Plasma for Mobile Phones
 
Shipping Mobile Applications Using Qt for Symbian
Shipping Mobile Applications Using Qt for SymbianShipping Mobile Applications Using Qt for Symbian
Shipping Mobile Applications Using Qt for Symbian
 
The Future of Qt Widgets
The Future of Qt WidgetsThe Future of Qt Widgets
The Future of Qt Widgets
 
Scripting Your Qt Application
Scripting Your Qt ApplicationScripting Your Qt Application
Scripting Your Qt Application
 
Special Effects with Qt Graphics View
Special Effects with Qt Graphics ViewSpecial Effects with Qt Graphics View
Special Effects with Qt Graphics View
 
Developments in The Qt WebKit Integration
Developments in The Qt WebKit IntegrationDevelopments in The Qt WebKit Integration
Developments in The Qt WebKit Integration
 
Qt Kwan-Do
Qt Kwan-DoQt Kwan-Do
Qt Kwan-Do
 
Qt on Real Time Operating Systems
Qt on Real Time Operating SystemsQt on Real Time Operating Systems
Qt on Real Time Operating Systems
 
Development with Qt for Windows CE
Development with Qt for Windows CEDevelopment with Qt for Windows CE
Development with Qt for Windows CE
 
Translating Qt Applications
Translating Qt ApplicationsTranslating Qt Applications
Translating Qt Applications
 
Qt Creator Bootcamp
Qt Creator BootcampQt Creator Bootcamp
Qt Creator Bootcamp
 
Qt Widget In-Depth
Qt Widget In-DepthQt Widget In-Depth
Qt Widget In-Depth
 
Qt State Machine Framework
Qt State Machine FrameworkQt State Machine Framework
Qt State Machine Framework
 
Mobile Development with Qt for Symbian
Mobile Development with Qt for SymbianMobile Development with Qt for Symbian
Mobile Development with Qt for Symbian
 
How to Make Your Qt App Look Native
How to Make Your Qt App Look NativeHow to Make Your Qt App Look Native
How to Make Your Qt App Look Native
 
Animation Framework: A Step Towards Modern UIs
Animation Framework: A Step Towards Modern UIsAnimation Framework: A Step Towards Modern UIs
Animation Framework: A Step Towards Modern UIs
 
Using Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with QtUsing Multi-Touch and Gestures with Qt
Using Multi-Touch and Gestures with Qt
 
Debugging Qt, Fixing and Contributing a Bug Report (Using Gitorious)
Debugging Qt, Fixing and Contributing a Bug Report (Using Gitorious)Debugging Qt, Fixing and Contributing a Bug Report (Using Gitorious)
Debugging Qt, Fixing and Contributing a Bug Report (Using Gitorious)
 
The Mobility Project
The Mobility ProjectThe Mobility Project
The Mobility Project
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 

Qt Developer Days 2009 Keynote - Sugarlabs

  • 1. Making Sugar sweet Experiences in creating a great user experience with UI design.
  • 2. 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.
  • 3. Context Learning has a bearing on all of the challenges our children will inherit. 3
  • 4.
  • 5. Children don’t get ideas; they make ideas. They construct knowledge in the context of building personally meaningful artifacts. —Kafai and Resnick
  • 7. 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!
  • 8. aside Sugar is a testament to the power and quality of the development tools and processes used by the Free Software community.
  • 9. The Sugar Learning Platform Sugar facilitates exploring, collaboration, and reflection and to encourage critical thinking.
  • 10. 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.
  • 11. It's an education project Sugar is used every school day by one-million children.
  • 12. Learning ≠ Windows Nothing in our children's future resembles office work from the 1970s.
  • 13. 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.
  • 15. 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?
  • 16. Learning-centric design (Soloway) Learning: How do our design decisions impact learning?
  • 17. Simplicity is not the goal Buxton's Law complexity God's Law time We can use UI design to reduce complexity or to enable the user to reach to complexity.
  • 18. 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.
  • 19. 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.
  • 20. Sugar core ideas • Activities, not applications • Presence is always present • Tools of expression • Journal/portfolio
  • 21. Low floor, no ceiling Sugar places an emphasis on usability and discoverability.
  • 22. Reading and writing and sharing
  • 24. 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
  • 25.
  • 26. Guided discovery to start clearscreen make “box1 1 setpensize 20 repeat 1300 [forward :box1 right 91 setpencolor division xcor 6 setshade heading make “box 1 sum :box1 1] end
  • 30. Crumple zone: copy on write
  • 31.
  • 32. Modifying physics elif event.key == K_h: self.setdensity=10 elif event.key == K_l: self.setdensity=0.1 elif event.key == K_n: self.setdensity=1
  • 33. 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.
  • 34. 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.”
  • 35. Thank you walter@sugarlabs.org