SlideShare a Scribd company logo
1 of 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

More Related Content

Viewers also liked

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
 

Viewers also liked (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
 

Recently uploaded

Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 

Recently uploaded (20)

Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 

How Progress Bars change the way we live - SXSW presentation

Editor's Notes

  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?