SlideShare a Scribd company logo
1 of 61
Whywe turned Microsoft Officeinto a Game. WordCamp 2010
Expert Intermediate Beginner
Lesson: Users hateand fear complexity
SimplifyHideChop
Actual User Behavior Crazy people
Cultural Explosions News blogs Corporate blogging
As the years go on… Small Business Blogs Gossip blogs PR Blogs FailBlogs Political Blogs Book Authors
9432 WordPress Plugins
Everyone is using a different 10%
iRock
This is notour user
This is our user
Deep mastery is fundamental to humanity
How do we build deep tools that unleash immense human potential?
Games turn learninginto delight
Exploratory Learning
Skill Atom Jump
Skill Tree Kill Turtle Moving Platform Kill Goomba! Collect Mushroom Jump on Platform Jump
Architecture for Learning
More to learn from Games 30 years of design lessons
The Problem Millions of users.  Dozens of unique communities with using a different 10% Reorganizing only gets you so far.
Results Game need work: Only 3.5 out of 10 for fun.  Great Help: Given the choice between tradition Help and playing a game, users pick the game almost every time.
Lessons If you do a crappy job and people still think the result is amazing, you are onto something. If this can work with Word, it can work with almost anything.
Blogs are already a game
Conclusion Human beings are full of vast potential Build software that enables mastery Simplicity is a start, not the solution Game design creates curious, delighted users Build architectures of playful learning into our software
Questions? Email danc@lostgarden.com Essays Lostgarden.com Ribbon Hero http://www.officelabs.com/ribbonhero
Appendix Stuff I couldn’t fit in the main presentation
Meaningful Software Lasts Tyrian (1997) Anark Studio (2000) Microsoft Word (1982) Wordpress (2003)
Increase Accessibility
Increased accessibility
Modularity
Reduced Scope
* Eventually you need to put them back.
Layering
Rote Learning vs. Exploratory Learning
Elder Game Progression  Game Intro / Tutorial

More Related Content

Similar to Wordcamp 2010: Why we turned Office into a Game

Gamestorming presentation ix da
Gamestorming presentation   ix daGamestorming presentation   ix da
Gamestorming presentation ix daLarry King
 
Gaming Board Presentation
Gaming Board PresentationGaming Board Presentation
Gaming Board PresentationEd Donahue
 
Online Learning Spaces-Instructional Coaching PD
Online Learning Spaces-Instructional Coaching PDOnline Learning Spaces-Instructional Coaching PD
Online Learning Spaces-Instructional Coaching PDTerri Sallee
 
James novak griffith university
James novak   griffith universityJames novak   griffith university
James novak griffith universityRising Media, Inc.
 
LAFS SVI Level 1 - Introduction
LAFS SVI Level 1 - IntroductionLAFS SVI Level 1 - Introduction
LAFS SVI Level 1 - IntroductionDavid Mullich
 
Mixing Games And Applications
Mixing Games And ApplicationsMixing Games And Applications
Mixing Games And Applicationslosalamos
 
Java book for beginners_first chapter
Java book for beginners_first chapterJava book for beginners_first chapter
Java book for beginners_first chapterAamir Mojeeb
 
Microsoft & Global Game Jam
Microsoft & Global Game JamMicrosoft & Global Game Jam
Microsoft & Global Game JamEd Donahue
 
EGX Rezzed 2019 - What you can do to get a job in games
EGX Rezzed 2019 - What you can do to get a job in gamesEGX Rezzed 2019 - What you can do to get a job in games
EGX Rezzed 2019 - What you can do to get a job in gamesPeter Harries
 
What Can We Learn from Games
What Can We Learn from GamesWhat Can We Learn from Games
What Can We Learn from GamesDouglas Kiang
 
Building Social Software for the Anti-Social: Part I
Building Social Software for the Anti-Social: Part IBuilding Social Software for the Anti-Social: Part I
Building Social Software for the Anti-Social: Part Icodinghorror
 
A11y Accessibility Design Workshop
A11y Accessibility Design WorkshopA11y Accessibility Design Workshop
A11y Accessibility Design WorkshopAce Vu
 
A Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and ResultsA Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and ResultsSharon Boller
 
ULEARN13: Game Based Learning
ULEARN13: Game Based LearningULEARN13: Game Based Learning
ULEARN13: Game Based LearningStephen Knightly
 
INNOV8 2.0: A BPM Simulator Game
INNOV8 2.0: A BPM Simulator GameINNOV8 2.0: A BPM Simulator Game
INNOV8 2.0: A BPM Simulator GameIBM
 
Learning Technology
Learning TechnologyLearning Technology
Learning TechnologyKarl Kapp
 

Similar to Wordcamp 2010: Why we turned Office into a Game (20)

Gamestorming presentation ix da
Gamestorming presentation   ix daGamestorming presentation   ix da
Gamestorming presentation ix da
 
Gaming Board Presentation
Gaming Board PresentationGaming Board Presentation
Gaming Board Presentation
 
Online Learning Spaces-Instructional Coaching PD
Online Learning Spaces-Instructional Coaching PDOnline Learning Spaces-Instructional Coaching PD
Online Learning Spaces-Instructional Coaching PD
 
L22 Gamification
L22 GamificationL22 Gamification
L22 Gamification
 
James novak griffith university
James novak   griffith universityJames novak   griffith university
James novak griffith university
 
LAFS SVI Level 1 - Introduction
LAFS SVI Level 1 - IntroductionLAFS SVI Level 1 - Introduction
LAFS SVI Level 1 - Introduction
 
Mixing Games And Applications
Mixing Games And ApplicationsMixing Games And Applications
Mixing Games And Applications
 
Java book for beginners_first chapter
Java book for beginners_first chapterJava book for beginners_first chapter
Java book for beginners_first chapter
 
Microsoft & Global Game Jam
Microsoft & Global Game JamMicrosoft & Global Game Jam
Microsoft & Global Game Jam
 
EGX Rezzed 2019 - What you can do to get a job in games
EGX Rezzed 2019 - What you can do to get a job in gamesEGX Rezzed 2019 - What you can do to get a job in games
EGX Rezzed 2019 - What you can do to get a job in games
 
What Can We Learn from Games
What Can We Learn from GamesWhat Can We Learn from Games
What Can We Learn from Games
 
All Work And No Play: What You can Learn from Game Design
All Work And No Play: What You can Learn from Game DesignAll Work And No Play: What You can Learn from Game Design
All Work And No Play: What You can Learn from Game Design
 
Building Social Software for the Anti-Social: Part I
Building Social Software for the Anti-Social: Part IBuilding Social Software for the Anti-Social: Part I
Building Social Software for the Anti-Social: Part I
 
A11y Accessibility Design Workshop
A11y Accessibility Design WorkshopA11y Accessibility Design Workshop
A11y Accessibility Design Workshop
 
Going Pro
Going ProGoing Pro
Going Pro
 
A Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and ResultsA Primer On Play: How to use Games for Learning and Results
A Primer On Play: How to use Games for Learning and Results
 
ULEARN13: Game Based Learning
ULEARN13: Game Based LearningULEARN13: Game Based Learning
ULEARN13: Game Based Learning
 
INNOV8 2.0: A BPM Simulator Game
INNOV8 2.0: A BPM Simulator GameINNOV8 2.0: A BPM Simulator Game
INNOV8 2.0: A BPM Simulator Game
 
Learning Technology
Learning TechnologyLearning Technology
Learning Technology
 
Puzzle Game Development
Puzzle Game DevelopmentPuzzle Game Development
Puzzle Game Development
 

Recently uploaded

Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...Amil baba
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxjoshuaclack73
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Cloud99 Cloud
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakesuistudiozdesign
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质yzeoq
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfDuyDo100
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign designAkankshaD3
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...JIT KUMAR GUPTA
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...Amil baba
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...pillahdonald
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...Amil baba
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 

Recently uploaded (20)

Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 

Wordcamp 2010: Why we turned Office into a Game

Editor's Notes

  1. Does anyone here use Microsoft Office? It is used by hundreds of millions of people to create billions of documents across thousands of different communities. What happens when you combine Microsoft Office, one of the oldest and most complex works of consumer software with games? This is exactly the question that Office Labs asked. Office Labs is the wild side of the Office developer organization.
  2. What we came up with is something called Ribbon Hero, a plugin for Word, Excel and Powerpoint that is turns the act of learning the various features of Office into a social game that can be played during your coffee break. I’ll dig into Ribbon Hero in more depth later in the talk, but first I wanted to cover a more important issue. Why did we do this? What did we mix the chocolate of games with the peanut butter of everyday applications?
  3. Here’s what I’ll be talking about today. First, we’ll cover Holes in modern application and user experience design. The tools we have for designing software are good, but they are missing a major aspect of how users actually use products. Next, I’ll give you a brief overview of the vast and exciting field of game design and how it offers unique techniques for filling the holes in application design. Then we’ll take a quick look at Ribbon Hero, an example of how game mechanics improve applications. Finally, if there is time, I want to show what happens when you design a tradtional application like a blog with game mechanics in mind from the very beginning. What happens if we reimaging blogging as a game?
  4. I am passionate about improving how we design applications. I’ve been lucky to work on multiple products that have lasted well over a decade and I’ve noticed a massive gap in our tools.
  5. Here’s the traditional pipeline / pyramid model of how software and users interact. Lots of new users enter into the software at the bottom of the pyramid. Many become upset or frustrated by the experience or don’t find what they are looking for, but a few go on to become intermediate users. Finally a very small number of dedicated users master all the features in the application and turn into experts.
  6. As designers, we take away an important lesson from all this. Users hate and fear complexity and learning. We see it in our usability studies. We see it in our website metrics. Huge swathes of our customer base leave in the first five minutes of trying a website, blog or application. The cries of a million users calling out at once is hard to ignore. It leaves a mental mark on a designer.
  7. In response, application design has developed a vast array of incredibly useful techniques for streamlining the user experience. We simplify and combine features so that tasks can be done with less learning or fewer steps. We layer our interfaces so advanced tasks are hidden away in advanced areas of the UI. And then we kill features. We reduce the scope of the application by chopping features that only a small percentage of our audience will ever use. Who would ever really use that we ask.
  8. The problem is that the pyramid model is a lie. It works for the first five minutes of your application. It works for shallow tools that perform limited tasks. However, as soon as you hit upon a useful and interesting server or application, the model starts breaking down. Given time, people do crazy things with your software. Wordpress is a perfect example of a passionate community of users base that pushes the basic product, a simple daily diary, in directions that you’d never expect. Boom! Of they go in this direction. And that direction! So much for the tidy pyramid.
  9. In the delightful process of crazy people doing crazy things, you start getting cultural explosions. Some of the advanced users seed entirely new markets. The daily diary spawn into news aggregators, photo galleries, book promotion sites and more? Look at book blogs. If you aren’t a book author with a blog in this modern day and age, you are crazy. We’ve altered even how an ancient artform like books are both created and marketed. What is wonderful about these cultural explosions is that they create the exact opposite of the few expert users that you’d expect at the tip of the pyramid. Instead they act as magnets that pull in an entirely new population of users and actually expands your market in radical ways.
  10. In turn these epicenters of cultural utility spawn their own adventuresome users. Now we have polical blogs, gossip blogs, small business blogs and PR blogs. Think about: Blogs are now one of the simple most important methods of communication for large companies like Google, Microsoft and thousands of others. There are entirely new PR, marketing and community management careers built around the advanced mastery of our basic daily dairy.
  11. WordPress certainly has witnessed this sort of explosion of tool mastery. There are 9432 plugins last time I checked. Wow. It can be overwhelming. I see all these plugins and I have no idea what to do with all of them. Sure, consultants and the community can help to a certain degree, but the complexity is shocking to many users. As an application designer I have an immediate urge to simplify, layer and organize the functionality so that it is more comprehensible and elegant.
  12. Here you run into a problem. As you start figuring out what people are using, you get this gut wrenching realization. Everyone is using a different 10%. Each community, each distinct user role has their own favorite features and the overlap between them is minimal. This is a hard problem. Microsoft Office and any richly useful piece of software inevitably suffers from it. Even WordPress with the modular plugin model still has risen to a level of complexity where it relies on an army of expert contractors that tailor assemble the right modules for a fee.
  13. It occurs to me that perhaps that there is something bigger going on here. Something unique and important about the human condition, about who are as the most advanced tool using creates on this planet. Perhaps the crazy usability problems we get into with successful software is not so much a problem, but an opportunity. This is a rock. It is perhaps the most basic tool around. The human race has grown up with rocks. You likely grew up with them and played with them as a child. If we apply modern usability design to this most basic of tools, what do we get?
  14. You likely end up with this: Smaller, prettier, whiter. Maybe it is balanced for skipping magically long distances on picturesque lakes. When your focus is solely on trimming, killing, and scoping you end up with a prettier more elegant thing. This is not how humans advance. This is not the only thing we have done with rocks.
  15. We built the pyramids. We create masonry and architecture. We sheltered generations with vast buildings and cities. We created aquaducts and modern plumbing and smelting and metallurgy and the physical sciences. The basic rock in hands of amazing human beings has been mastered and repurposed a thousand, thousand times. The result is civilization. Not a simplified, reduced, limited iRock.
  16. Amidst all our usability tests and pipeline analysis and focus on making things pretty we occasionally fall into the trap of thinking of our users as infantile apes. Yes, they are clumsy, but we must never lose sight of the fundamental human fact that we learn.
  17. This is our user. Homo Sapiens. Capable of putting a man on the moon. Capable of passing universal health care.
  18. Deep mastery of complex tools is fundamental to what it means to be human. It is in our DNA. It is what sets humans apart and is foundational to our success.
  19. As application developers, we must ask ourselves the following question: How do we build deep tools that are intentionally designed to unleash the immense human potential that exists within our users? It is not enough to say “we made something useful for the first 2 weeks.” It is not enough to say “1% really understand the tool” It is not enough to say “Well, if they want to, they’ll figure it out”It is our duty as designers to create systems that pull users towards mastery.
  20. Which is where game mechanics come into play.
  21. Everyone here has played games. Consider a simple game of playground tag. You chase, you are chased. You laugh, you tease, you form alliances and friendship and enemies. If you think about it, tag teaches you more practical lessons about social dynamics and status relationships than any book ever written. When you played tag, you were learning lessons that you’ll use for the rest of your life. Games are fundamentally about learning. In every single meaningful game ever played, you learn new skills, you master new abilities. And you have a blast doing it. You have so much fun, that you pay me for the honor of learning. You call what you are doing ‘play’.
  22. I call ‘play’ a form of exploratory learning. Most people thinking of ‘rote learning’ when they think of the word learning. When my mother learns to use a new program, she researches the correct steps and then she writes them down. Step 1, Step 2, Step 3. And she follows those steps exactly. Any deviation thows her off completely. This is book learning…you memorize the success path and that remains the entire extent of your knowledge. Play is a form of ‘exploratory learning’. You try stuff. You see what happens. You experience a spectrum of failure and success. And in the process, you learn. A lightbulb goes off and you realized that out of all the thousands of possibilities, there is a mental model that will help you understand and succeed, again and again and again. This is wisdom. Wisdom comes only from direct experience, from exploring the world in a child-like state of delight and wonder. You fail in a thousand tiny ways, but the failure is safe failure and each pass through the exploratory learning loop lets you improve your mental model until you have groked the skill at hand.
  23. Has anyone here played Super Mario Brothers? In SMB, you learn how to jump. The whole game is built around this one critical activity and yet there are no tutorials or book learning in the game. You plug in the game and you see a world. What does Mario do? There is only one way to find out.
  24. You have a controller in your hand. This is your tool.
  25. Well, you might as well start fiddling with it. You press a button. This is the action that you take to interact with the world.
  26. The game code takes over. Events fire off. The movement and physics code starts iterating through outcomes. These are the carefully designed, yet hidden rules of the system you are attempting to model in you brain.
  27. The screen reacts to your button press. Mario rises up in the air and falls back down again.
  28. At this point, something special happens. It doesn’t happen in your application. It doesn’t happen in the code or on the screen. A change occurs in the player’s mind. The player goes from fiddling with buttons to realizing in a moment of insight that they can jump. They have control over this little blob of plumber-like pixels. Players may go through this learning loop multiple times. You may fail and press the wrong button. You may need to jump several times before you convince yourself that the system works reliably. Yet, when you hit upon the realization, something brilliant occurs. You smile. A wave of tingling delight washes over you. The science backs this up. When we look at the brain in the process of learning, we see the pleasure centers kick in both in the anticipation of future learning and in the moment of skill acquisition. Playful learning = Fun.
  29. So that is the basic learning loop at the heart of all games. All this can be bundled up in to what is known as a Skill Atom
  30. And skill atoms can build upon one another. Once you learn jump, you unlock the ability to learn how to jump up on a platform. You learn how to kill a Goomba. Evil, vile Goombas. From there the designer can provide the opportunity to kill turtles and eventually boss monsters. Each skill atom is placed in the proper content and order to build upon the previous skills. This entire structure ultimately contains dozens upon dozens of skills, arranged in a patern that facilitates player mastery. Take note: This is not merely a set of features that we ‘hope’ users will one day master. Instead, the entire system is designed from the core learning loop of each skill atom all the way up to the large scale structure of the skill tree. Learning is not the feared exception. Learning and mastery is the way you use (and enjoy!) the software.
  31. Games contain a carefully designed architecture for playful learning. The very bones of the software encourage mastery and the expression of human potential as part of their design. We can learn from this. We can apply it to a broader class of applications.
  32. There’s a lot to learn from games. There are 30 years of design lessons and thousands of products on the market. Games have more concrete lessons to teach application designers about learning, feedback, user motivation and social systems than almost other field of study.
  33. With all these thoughts about skills, mastery and the use of game mechanics to unleash human potential, lets look at Microsoft Office.
  34. Microsoft Word was created in the 1980s and has been growing ever since. It is a perfect case study of a product with immense and fragmented user needs. Comes by these problems honestly…there are probably more creative works built in Microsoft Office than any other set of tools in the history. Certainly Office has tried to reorganize and trim the functionality of Word. The current Ribbon UI at the top of the screen that was introduced in Word 2007 is the latest attempt. But it remains a hard problem: Hundreds of millions of people all using a different 10% of your app.
  35. So the talented folks in Office Labs came up with a plugin that turns Office in to a game. The goal was to use game mechanics to pull users into the game. We were using the psychology of exploratory learning where players are excited and delighted to discover new skill through play. When you get into Office, you’ll notice a new indicator to the right. Ribbon hero is sitting in the background, measuring what you do and giving you points for what you know. This is a key lesson of games: As long as we can measure user performance, we can give them feedback that encourages new behaviors.
  36. Once you click on your score, you are brought to the challenge screen. Here you have a variety of challenges where you attempt to format documents in a minimum number of steps. For example, here we have a challenge that teaches you to apply a style to unformatted text.
  37. Now here’s the challenge. We give you a goal and let you know that you can get help if you need it. But unlike typically rote learning, we don’t force you to watch a video or tell you the explicit steps that you need to perform. Instead, we have a feedback system. When you click on the right thing, we let you know.
  38. And when you complete the challenge, we give you strong feedback. There is visceral feedback in the form of balloons and big text. This is literally the most exciting feedback that Office users have ever gotten. There’s also informative feedback. We let them know what they could do better next time and how they performed. The first excites the player, the second piques their deep need for self improvement and mastery.
  39. Once they are done a challenge they see that their score has improved. We also tie the score into Facebook so you can anchor your learning activities to a social value structure.
  40. The game isn’t an amazing game, but it is head and shoulders above almost any existing learning system. Players are constantly taking 5 minute breaks during the day to ‘learn office’. It is a fun, light, meaningful casual game. They tweet about it. They excitedly tell their friends. This does not happen in most productivity tools.
  41. Two lessons: If you do a crappy job and people still think the result is amazing, you are onto something.If this can work with Word, it can work with almost anything.
  42. What would it look like if we applied all those thoughts about mechanics and mastery to the design of a blogging?
  43. Blogging was one of the first applications I looked at when I was examining how games might be applied more broadly. The basic skill of ‘Being a better blogger’ already has strong measurement, tools and informative feedback on the player’s success and failure. Comments are an amazing form of verbal feedback that has been shown to dramatically increase intrinsic motivation. Stats are a form of informative feedback that help players increase their mastery of the art of blogging. It is a strong foundation, but one that was stumbled upon, not explicitly designed. How do we make use game mechanics to create an architecture for playful learning in the context of a blog?
  44. Here’s a personal project that I call the Diary Game. It is targeted at younger audiences and turns blogging into a social game. You start out on an island at sea. You grow the island up into the sky by adding blocks made out of blog posts. Some blocks are images. Some are little social games. Some give you coins to spend on fancier and more interesting blocks. As your island gets taller and taller, you discover a tale about a lost civilization floating in the sky above you. At first the players is just typing in simple responses and enjoying the cute world. But we are clever designers. There is a system in the background that is slowly feeding them more advanced blocks. Each block has quests and goals that encourage players to master it and use it in interesting ways. A player who has played 20 or 30 hours has mastered more skills than 99% of Word Press users will ever master. Play teaches. Our carefully designed architecture for playful learning lets us take the player on a delightful journey of skill mastery.
  45. We insist on designing for the short term. There is utility in this, especially if we are part of a new company making a new product. Yet the majority of users spend their lives with software they’ve used for years. From a user perspective, it is the long term that matters. Sadly we have little experience designing for the long term.
  46. Here is one way we try to manipulate the user experience pyramid. If we can get more people into the bottom of the pipeline, we’ll end up with more users overall.
  47. Simple UI, Easy entrance
  48. We can also split up a large app into multiple small apps, each with a shallower learning curve.
  49. The app store is a classic example of this. Actually any plugin system is an example.
  50. We can reduce the scope of the app. Just lop off the rarely used features.
  51. Copy and Paste on mobile is a hard problem that many users don’t care about. One design pattern we’ve seen is that initial versions chop out this feature.
  52. A candy corn! No, not really. The most common technique is layering. High frequency, basic commands are putt on the surface of the application and lower frequency tools are hidden away in subscreens or menus.
  53. Consider the ‘simple’ word processor Google Docs.
  54. In reality there is an immense amount of complexity here. It is just layered away.
  55. Games have been inverting the triangle for decades. Here’s something called the T-model that is used in MMO. The majority of the first part of the game is a set of exploratory training levels. Then as the player becomes more skilled, they branch out into what is called the ‘Elder game’. Here they have far more freeform ability to explore.