SlideShare ist ein Scribd-Unternehmen logo
1 von 37
How Progress Bars change the way we live Evan Jones - Stitch Media SXSW 2011 Presentation
By the end of this presentation, I will be 70% naked. Hashtag: #progressbar
Progress Bars are much older than computers
Progress Bars are much older than computers
Progress Bars are much older than computers
Progress Bars are much older than computers
Progress Bars are much older than computers
Progress Bars are much older than computers
First progress bar? Progress Bars are much older than computers
20% Naked
Commandments of the Perfect Progress Bar
The First Commandment Thy progress bar shall be quantified  and have an endpoint.
Blasphemy!
The Second Commandment Thy progression must always be forward.  None shall reverse or reset to zero
 
30% Naked
The hierarchy of motion is thus: Acceleration >  Constant Speed >  Deceleration >  Unpredictable Speed The Third Commandment
Peak & End Effects affect perception of time Speed Duration Acceleration feels faster than constant motion
Pulses that increase in frequency as bar proceeds Ripples moving backwards from the leading edge Illusions trick our perception of time
The Fourth Commandment Thou must do something after thy progress bar has completed.
Blasphemy!
The Fifth Commandment Thou shalt tell the user  why he may not proceed. BONUS: Thou shalt make use of the  waiting time with relevant information
Progress Bars are now a meta-layer to media
40% Naked
Progress Bars are motivators
Gamification 1. Set up a goal 2. Give tools to reach it  3. Reward them when they do
Sites using progress bars to motivate action
50% Naked
Progress bars  create tension. We crave resolution.
Cognitive Dissonance
60% Naked
A progress bar is a black box They are good at making hidden processes understandable
Black boxes in our lives Airport Delays Waiting Rooms Postal Service Traffic Lights Oven Timers Retirement Savings
Will Progress Bars exist in our future? Moore's law is making black boxes invisible Shift now from machine-focus to people-focus
We're not good at quantifying everything. We're unpredictable. We don't always know when things are complete. People break The Commandments
(The last 30% is really the only part that counts) It's not always quantity. Sometimes it's about quality. Jacket Shoes Socks Necktie Belt Dress Shirt Watch T-Shirt Pants Underwear
To achieve 100% completion Questions? Let me know what you thought Reach me @stitchmedia www.stitchmedia.ca Thanks to: Chris Harrison, Carnegie Mellon Many others who discussed these ideas

Weitere ähnliche Inhalte

Andere mochten auch

Speech, censorship and social media
Speech, censorship and social mediaSpeech, censorship and social media
Speech, censorship and social mediaMathias Klang
 
Viva La (Online) Resistance! Activism Versus Slacktivism
Viva La (Online) Resistance! Activism Versus SlacktivismViva La (Online) Resistance! Activism Versus Slacktivism
Viva La (Online) Resistance! Activism Versus Slacktivism_samram
 
How to Harness The Power of Slacktivism
How to Harness The Power of SlacktivismHow to Harness The Power of Slacktivism
How to Harness The Power of SlacktivismRoryLootsma
 
Making Black Lives Matter (MBLM)
Making Black Lives Matter (MBLM)Making Black Lives Matter (MBLM)
Making Black Lives Matter (MBLM)Keviin Boateng
 
How Hashtag Activism is Becoming a Women's Game
How Hashtag Activism is Becoming a Women's GameHow Hashtag Activism is Becoming a Women's Game
How Hashtag Activism is Becoming a Women's GameSusan McPherson
 
Slacktivism Project
Slacktivism ProjectSlacktivism Project
Slacktivism Projectesmcelroy
 
Digital Social Justice
Digital Social JusticeDigital Social Justice
Digital Social JusticePaul Brown
 
Solidarität in der krise
Solidarität in der kriseSolidarität in der krise
Solidarität in der kriseJens Janssen
 

Andere mochten auch (11)

Speech, censorship and social media
Speech, censorship and social mediaSpeech, censorship and social media
Speech, censorship and social media
 
Birth of hashtag
Birth of hashtagBirth of hashtag
Birth of hashtag
 
Viva La (Online) Resistance! Activism Versus Slacktivism
Viva La (Online) Resistance! Activism Versus SlacktivismViva La (Online) Resistance! Activism Versus Slacktivism
Viva La (Online) Resistance! Activism Versus Slacktivism
 
How to Harness The Power of Slacktivism
How to Harness The Power of SlacktivismHow to Harness The Power of Slacktivism
How to Harness The Power of Slacktivism
 
Making Black Lives Matter (MBLM)
Making Black Lives Matter (MBLM)Making Black Lives Matter (MBLM)
Making Black Lives Matter (MBLM)
 
Black Lives Matter
Black Lives MatterBlack Lives Matter
Black Lives Matter
 
How Hashtag Activism is Becoming a Women's Game
How Hashtag Activism is Becoming a Women's GameHow Hashtag Activism is Becoming a Women's Game
How Hashtag Activism is Becoming a Women's Game
 
Slacktivism Project
Slacktivism ProjectSlacktivism Project
Slacktivism Project
 
Liking isn't helping
Liking isn't helpingLiking isn't helping
Liking isn't helping
 
Digital Social Justice
Digital Social JusticeDigital Social Justice
Digital Social Justice
 
Solidarität in der krise
Solidarität in der kriseSolidarität in der krise
Solidarität in der krise
 

Kürzlich hochgeladen

Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Nitya salvi
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement 210303105569
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Servicemeghakumariji156
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxbalqisyamutia
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideDesign Studio UI UX
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...drmarathore
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyIsadora Agency
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxMdBokhtiyarHossainNi
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...nirzagarg
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证eeanqy
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样awasv46j
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789CristineGraceAcuyan
 

Kürzlich hochgeladen (20)

Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 

How Progress Bars change the way we live - SXSW presentation

Hinweis der Redaktion

  1. http://1.bp.blogspot.com/_CwRFd-m9Knk/TRzoW5tHJcI/AAAAAAAACis/YGeePhp9mF8/s1600/DSC_0039.JPG http://www.thelongestway.com/2007/12/05 http://jasonanddeb.blogspot.com/2010/12/christmas-eve-festivities.html
  2. In fact the earliest progress bars were called thermometers when the metaphor moved to computers.
  3. http://en.wikipedia.org/wiki/Candle_clock http://upload.wikimedia.org/wikipedia/commons/2/2f/Kerzenuhr.jpg The most famous candle clock was invented by  King Alfred the Great of England  in 878. King Alfred created a device that utilized six candles. The candles were made from 72 pennyweights of wax and were each 12 inch tall and of equal thickness. Each candle had 12 one-inch markings which represented a block of time and burned away in four hours. The candles were placed in wooden cases with transparent horn panels. King Alfred used his candle clock to organize the time he spent on monarchy duties, prayer and study. Read more at Suite101:  Candle Clocks: An Early Method of Telling Time   http://www.suite101.com/content/candle-clocks-a99480#ixzz1D0YyJqZg
  4. Our ability to track a steadily moving object goes all the way back to spear throwing
  5. Pickpockets can't move in straight lines because we're too good at predicting endpoint Consider a technique used by the legendary pickpocket Apollo Robbins , another coauthor of the Nature article spearheaded by Macknik and Martinez-Conde. When the researchers asked him about his devious methods—how he could steal the wallet of a man who  knew  he was going to have his pocket picked—they learned something surprising: Robbins said the trick worked only when he moved his free hand in an arc instead of a straight line. According to the thief, these arcs distract the eyes of his victims for a matter of milliseconds, just enough time for his other hand to pilfer their belongings. At first, the scientists couldn't explain this phenomenon. Why would arcs keep us from looking at the right place? But then they began to think about saccades, movements of the eye that can precede conscious decisions about where to turn one's gaze. Saccades are among the fastest movements produced by the human body, which is why a pickpocket has to trick them: The eyes are in fact quicker than the hands. "This is an idea scientists had never contemplated before," Macknik says. "It turns out, though, that the pickpocket was onto something." When we see a hand moving in a straight line, we automatically look toward the end point—this is called the pursuit system. A hand moving in a semicircle, however, seems to short-circuit our saccades. The arc doesn't tell our eyes where the hand is going, so we fixate on the hand itself—and fail to notice the other hand reaching into our pocket. "The pickpocket has found a weakness in the way we perceive motion," Macknik says. "Show the eyes an arc and they move differently." http://www.wired.com/science/discoveries/magazine/17-05/ff_neuroscienceofmagic?currentPage=3
  6. NEED: photo of SXSW registration queue http://www.flickr.com/photos/24502778@N06/2318590593/ http://www.flickr.com/photos/markjaquith/2356705159/sizes/l/in/photostream/
  7. Progress must be quantifiable and there must be an endpoint. (Throbbers are out) Slightly overestimate if endpoint unknown (not really perfect though)
  8. These are TERRIBLE progress bars. They are actually called THROBBERS, although they used to be called HEARTBEATs Thermometer was a bad metaphor, but Heartbeat was a great metaphor http://www.thecollaredsheep.com/the-passive-aggressive-windows-hourglass/ http://arstechnica.com/apple/reviews/2009/08/mac-os-x-10-6.ars/11 Throbbers increase frustration just like waiting at an airport. you don't know anything and so you don't expect an end in sight.
  9. http://www.swiss-miss.com/2010/12/progress-bar-illusion-3.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+Swissmiss+(swissmiss) http://www.newscientist.com/blogs/nstv/2010/12/best-videos-of-2010-progress-bar-illusion.html
  10. Something happens at the end. Action is triggered upon completion Key is - something has to happen when 100% is reached - progress bars measure overall progress to trigger something else - new action is initiated.  
  11. LinkedIn and others that use progress bars to motivate completion are a trick because nothing with happen when you hit 100%
  12. It's an itch that needs to be scratched. We LOVE making incremental progress towards a goal. (look up gamification link to this). Example is an aborted countdown – we crave the resolution of tension.
  13. We don't want to know what's happening – just how long between input and output. Set it and forget it layers of abstraction? Civilization advances by extending the number of important operations which we can perform without thinking about them. Alfred North Whitehead ,  Introduction to Mathematics (1911) English mathematician & philosopher (1861 – 1947)
  14. Modularization?