Poynter EyeTrack Tablet Presentation SXSW
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Poynter EyeTrack Tablet Presentation SXSW

le

  • 6,657 vues

 

Statistiques

Vues

Total des vues
6,657
Vues sur SlideShare
5,107
Vues externes
1,550

Actions

J'aime
14
Téléchargements
103
Commentaires
1

7 Ajouts 1,550

http://www.scoop.it 1521
https://www.rebelmouse.com 15
https://twitter.com 8
http://pinterest.com 2
http://blog.davanac.me 2
http://webcache.googleusercontent.com 1
http://www.pinterest.com 1
Plus...

Accessibilité

Catégories

Détails de l'import

Uploaded via as Adobe PDF

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler
  • Full Name Full Name Comment goes here.
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Processing...
  • I attended this talk at sxsw2013 - really really deep and incredibly beneficial to anyone really who is publishing. Very well done - these people know their stuff.
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire

Poynter EyeTrack Tablet Presentation SXSW Presentation Transcript

  • 1. EyeTrack: Tablet ResearchTHE POYNTER INSTITUTE FOR MEDIA STUDIES#poyntertab
  • 2. How do peoplechoose what toread on a tablet?
  • 3. And how do they read,once they choose?
  • 4. We asked them.
  • 5. We asked them.
  • 6. We watched them.
  • 7. And we looked closelyat how they interactedwith the stories.
  • 8. THE PEOPLE:We tested 36 people who had each useda tablet for at least six months. Female 52% 48% Male
  • 9. THE PEOPLE:We tested two, distinct age groups. 18-28 years old 48% 52% 45-55 years old “Printnets”
  • 10. THE PEOPLE:We tested two, distinct age groups. “Digital Natives” “Printnets” 18-28 years old 48% 52% 45-55 years old
  • 11. THE PEOPLE:We tested two, distinct age groups. “Digital Natives” “Printnets” 18-28 years old 48% 52% 45-55 years old Among the first adults Referring to one foot in who don’t have strong the print world, one foot recollection of life in the “’Net” world. before digital.
  • 12. THE TESTING PROTOCOL:Testing was done over the summer of 2012.Recruited participants were told that they would be with us for 90 minutesfor a study about reading on tablets, but we did not tell them how long theyhad to read.
  • 13. THE TESTING PROTOCOL:The eyetracking glasses contained two smallcameras — one that recorded eye movementand another that recorded where the reader looked.
  • 14. THE TESTING PROTOCOL:We standardized experience to limit variables.We used one kind of tablet, an iPad presentedin landscape orientation on a wedge-like pillow.
  • 15. THE TESTING PROTOCOL:We asked them to read for first for five minutes.We wanted them to be comfortable in thetesting environment.
  • 16. THE TESTING PROTOCOL:Each person then read one of our prototypesfor approximately ten minutes.
  • 17. The Poynter prototypesOur home page designs were inspired bycommon navigation styles currentlyin the news market.
  • 18. THE PROTOTYPES:Traditional, INSPIRED BY THE BOSTON GLOBE AND THE NEW YORK TIMES
  • 19. THE PROTOTYPES:Carousel, INSPIRED BY NPR AND PULSE
  • 20. THE PROTOTYPES:Tile, INSPIRED BY FLIPBOARD
  • 21. We wanted to compare how people chose a story.Traditional Carousel Tile
  • 22. We wanted to compare how people chose a story.Traditional Carousel TileOnce they madea choice, weanalyzed howthey read.
  • 23. We wanted to compare how people chose a story.Traditional Carousel TileOnce they made There was one,a choice, we unified design foranalyzed how the stories.they read.
  • 24. Traditional Carousel Tile
  • 25. The storiesOur designs were rather simple—created as a baseline for research.
  • 26. THE STORIES: TEXT WITH A STILL PHOTO
  • 27. THE STORIES: TEXT WITH A STILL GRAPHIC A Lost Secret: The once and future way to run
  • 28. THE STORIES: SLIDESHOWS
  • 29. THE STORIES: SLIDESHOWS
  • 30. THE STORIES: TEXT WITH A VIDEO
  • 31. THE STORIES: VIDEO
  • 32. THE STORIES: POP-UP GRAPHICS
  • 33. THE STORIES: POP-UP GRAPHICS
  • 34. THE STORIES: POP-UP GRAPHICS
  • 35. POP-UP GRAPHICS
  • 36. POP-UP GRAPHICS
  • 37. POP-UP GRAPHICS
  • 38. POP-UP GRAPHICS
  • 39. POP-UP GRAPHICS
  • 40. THE STORIES: There were five still photos. NEWS BUSINESS SPORTS LIFE Extra Olympics “Higher Ed” is Leakey: Skepticism Suspect shoots pay for London the a big problem over evolution will Still photo himself after chase subway staff for the NCAA soon be history Belief in global Home prices rise The once and Recommendations Still graphic warming grows around the U.S. future way to run for summer reading A stray bullet, a Nurturing a baby Best sports photos Proud of service, aPhoto gallery world of adjustment and a start-up of the year vet battles PTSD for blind boy How population Graduating into Mariano Rivera’s Dancing cop takes Video grew to 7 billion debt: soaring costs one-of-a-kind, “Travolta Moves” signature pitch to the streets Japan tsunami Which cities have Kobe Bryant vs. Survey shows how Pop-up debris floats closer the competitive Michael Jordan the world surfs the edge? internet
  • 41. THE STORIES: There were five still graphics. NEWS BUSINESS SPORTS LIFE Extra Olympics “Higher Ed” is Leakey: Skepticism Suspect shoots pay for London the a big problem over evolution will Still photo himself after chase subway staff for the NCAA soon be history Belief in global Home prices rise The once and Recommendations Still graphic warming grows around the U.S. future way to run for summer reading A stray bullet, a Nurturing a baby Best sports photos Proud of service, aPhoto gallery world of adjustment and a start-up of the year vet battles PTSD for blind boy How population Graduating into Mariano Rivera’s Dancing cop takes Video grew to 7 billion debt: soaring costs one-of-a-kind, “Travolta Moves” signature pitch to the streets Japan tsunami Which cities have Kobe Bryant vs. Survey shows how Pop-up debris floats closer the competitive Michael Jordan the world surfs the edge? internet
  • 42. THE STORIES: There were five photo galleries. NEWS BUSINESS SPORTS LIFE Extra Olympics “Higher Ed” is Leakey: Skepticism Suspect shoots pay for London the a big problem over evolution will Still photo himself after chase subway staff for the NCAA soon be history Belief in global Home prices rise The once and Recommendations Still graphic warming grows around the U.S. future way to run for summer reading A stray bullet, a Nurturing a baby Best sports photos Proud of service, aPhoto gallery world of adjustment and a start-up of the year vet battles PTSD for blind boy How population Graduating into Mariano Rivera’s Dancing cop takes Video grew to 7 billion debt: soaring costs one-of-a-kind, “Travolta Moves” signature pitch to the streets Japan tsunami Which cities have Kobe Bryant vs. Survey shows how Pop-up debris floats closer the competitive Michael Jordan the world surfs the edge? internet
  • 43. THE STORIES: There were five videos. NEWS BUSINESS SPORTS LIFE Extra Olympics “Higher Ed” is Leakey: Skepticism Suspect shoots pay for London the a big problem over evolution will Still photo himself after chase subway staff for the NCAA soon be history Belief in global Home prices rise The once and Recommendations Still graphic warming grows around the U.S. future way to run for summer reading A stray bullet, a Nurturing a baby Best sports photos Proud of service, aPhoto gallery world of adjustment and a start-up of the year vet battles PTSD for blind boy How population Graduating into Mariano Rivera’s Dancing cop takes Video grew to 7 billion debt: soaring costs one-of-a-kind, “Travolta Moves” signature pitch to the streets Japan tsunami Which cities have Kobe Bryant vs. Survey shows how Pop-up debris floats closer the competitive Michael Jordan the world surfs the edge? internet
  • 44. THE STORIES: There were five pop-up graphics. NEWS BUSINESS SPORTS LIFE Extra Olympics “Higher Ed” is Leakey: Skepticism Suspect shoots pay for London the a big problem over evolution will Still photo himself after chase subway staff for the NCAA soon be history Belief in global Home prices rise The once and Recommendations Still graphic warming grows around the U.S. future way to run for summer reading A stray bullet, a Nurturing a baby Best sports photos Proud of service, aPhoto gallery world of adjustment and a start-up of the year vet battles PTSD for blind boy How population Graduating into Mariano Rivera’s Dancing cop takes Video grew to 7 billion debt: soaring costs one-of-a-kind, “Travolta Moves” signature pitch to the streets Japan tsunami Which cities have Kobe Bryant vs. Survey shows how Pop-up debris floats closer the competitive Michael Jordan the world surfs the edge? internet
  • 45. THE STORIES: POP-UP GRAPHICS
  • 46. FINDINGSThis is how they chosewhat to read.
  • 47. THE PEOPLE:More people expressed a preference for usinga tablet in a horizontal or landscape orientation. 70% Landscape 30% Portrait
  • 48. THE PEOPLE:More people expressed a preference for usinga tablet in a horizontal or landscape orientation. 70% Landscape 30% Portrait
  • 49. THE PROTOTYPES:83 percent said the traditional prototype wasmost similar to what they regularly use. Carousel Traditional 83% 13% 4% Tile
  • 50. THE PROTOTYPES:50 percent said they would choosethe carousel design. Carousel Traditional 50% 35% 15% Tile
  • 51. THE PROTOTYPES:Comments about the tile design:“It’s tidier. I can get through it to save time.”
  • 52. THE PROTOTYPES:Comments about the tile design:“It’s tidier. I can get through it to save time.”“(It) is more focused.”
  • 53. THE PROTOTYPES:Comments about the tile design:“It’s tidier. I can get through it to save time.”“(It) is more focused.”BUT OTHER PEOPLE SAID ...“Makes me work too hard.”
  • 54. THE PROTOTYPES:Comments about the tile design:“It’s tidier. I can get through it to save time.”“(It) is more focused.”BUT OTHER PEOPLE SAID ...“Makes me work too hard.”“Makes me do another click.”
  • 55. THE PROTOTYPES:Comments about the tile design:“It’s tidier. I can get through it to save time.”“(It) is more focused.”BUT OTHER PEOPLE SAID ...“Makes me work too hard.”“Makes me do another click.”“I definitely don’t like the ‘mystery meat’ of having to guess what’s behind an image.”
  • 56. THE PROTOTYPES:Comments about the traditional design:“I like hierarchy.”
  • 57. THE PROTOTYPES:Comments about the traditional design:“I like hierarchy.”“I am big on written context. That’s just me. The more description I can get, the more I like it.”
  • 58. THE PROTOTYPES:Comments about the traditional design:“I like hierarchy.”“I am big on written context. That’s just me. The more description I can get, the more I like it.”“I don’t want to see a democratized judgement. I like to see that some editor has made a judgement for me about what is important.”
  • 59. THE PROTOTYPES:The carousel was the favorite, but it also drew themost intense reactions, both pro and con. Carousel Traditional 50% 35% 15% Tile
  • 60. THE PROTOTYPES:People who liked the carousel design said:“It’s like a food buffet—you know what looks appetizing.”
  • 61. THE PROTOTYPES:People who liked the carousel design said:“It’s like a food buffet—you know what looks appetizing.”“The carousel gives me a quicker idea of what’s there to read.”
  • 62. THE PROTOTYPES:People who liked the carousel design said:“It’s like a food buffet—you know what looks appetizing.”“The carousel gives me a quicker idea of what’s there to read.”“I am always drawn to photos first. The carousel seems to give me more choices than the other designs.”
  • 63. THE PROTOTYPES:People who liked the carousel design said:“It’s like a food buffet—you know what looks appetizing.”“The carousel gives me a quicker idea of what’s there to read.”“I am always drawn to photos first. The carousel seems to give me more choices than the other designs.”“Pictures can say a lot.”
  • 64. THE PROTOTYPES:People who liked the carousel design said:“It’s like a food buffet—you know what looks appetizing.”“The carousel gives me a quicker idea of what’s there to read.”“I am always drawn to photos first. The carousel seems to give me more choices than the other designs.”“Pictures can say a lot.”“It helps me to make adecision quickly.”
  • 65. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming. Carousel
  • 66. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming.“The carousel is too busy. Carousel I don’t know which to look at first.”
  • 67. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming.“The carousel is too busy. Carousel I don’t know which to look at first.”“The carousel prevents me from focusing on the print.”
  • 68. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming.“The carousel is too busy. Carousel I don’t know which to look at first.”“The carousel prevents me from focusing on the print.”“I don’t like carousels. I (end up looking at) stupid stuff because I look at the photos, instead of the headlines. I would never want to read about the Broadway show, ‘Cats,’ but I am drawn to the photo!”
  • 69. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming.“The carousel is too busy. I don’t know which to look at first.”“The carousel prevents me from focusing on the print.”“I don’t like carousels. I (end up looking at) stupid stuff because I look at the photos, instead of the headlines. I would never want to read about the Broadway show, ‘Cats,’ but I am drawn to the photo!”
  • 70. THE PROTOTYPES:People who didn’t like the carousel design said:“The carousel might be overwhelming.“The carousel is too busy. I don’t know which to look at first.”“The carousel prevents me from focusing on the print.”“I don’t like carousels. I (end up looking at) stupid stuff because I look at the photos, instead of the headlines. I would never want to read about the Broadway show, ‘Cats,’ but I am drawn to the photo!”
  • 71. FINDINGSThe behaviors
  • 72. THE BEHAVIORS:People tended to enter through a dominant element.
  • 73. THE BEHAVIORS:This echoes earlier EyeTrack findings. X
  • 74. THE BEHAVIORS:In lieu of a clear dominant element,faces also drew a lot of attention.
  • 75. THE BEHAVIORS:In lieu of a clear dominant element,faces also drew a lot of attention.
  • 76. THE BEHAVIORS:People fixated 18 times before choosingtheir first story.
  • 77. THE BEHAVIORS:People fixated 18 times before choosingtheir first story. X X X X X X X X X X X X X X XX X X
  • 78. THE BEHAVIORS:But …
  • 79. THE BEHAVIORS:… People who did not finish reading their first storyfixated only nine times before choosing. X X X X X X X X X
  • 80. THE BEHAVIORS:An overall average of a minute and a half(98.3 seconds) was spent on the first storya person selected to read.
  • 81. THE BEHAVIORS:An overall average of a minute and a half(98.3 seconds) was spent on the first storya person selected to read.Of the people who did not finish reading a story,they read for an average of 78.3 secondsbefore leaving the story entirely.
  • 82. THE BEHAVIORS:An overall average of a minute and a half(98.3 seconds) was spent on the first storya person selected to read.Of the people who did not finish reading a story,they read for an average of 78.3 secondsbefore leaving the story entirely.We’ve been calling this the “bail out point.”
  • 83. THE BEHAVIORS:And it might be a good benchmark forestablishing a “gold coin” like a simplepullout quote or visual element thatkeeps the reader engaged abouthalfway through a long story.
  • 84. THE BEHAVIORS:67 percent used native controls, like the back buttonto get to their second story.
  • 85. THE BEHAVIORS:… even though nav tools were built in.
  • 86. THE BEHAVIORS:… even though nav tools were built in.People will default to what they know—if it’s available.
  • 87. THE BEHAVIORS:Very few people used thumbnails to progress throughthe gallery. The majority used advance buttons.
  • 88. FINDINGSThis is how they read.
  • 89. THE BEHAVIORS: About half of the people tested read methodically, while half read in a scanning manner.Methodical readers 48% 52% Scanning readers
  • 90. THE BEHAVIORS: About half of the people tested read methodically, while half read in a scanning manner.Methodical readers 48% 52% Scanning readersOften read in sequence.Tended to read story listsfrom top to bottom.Might have looked away from textto other elements, but went backto the same place.Tended to read captions.
  • 91. THE BEHAVIORS: About half of the people tested read methodically, while half read in a scanning manner.Methodical readers 48% 52% Scanning readersOften read in sequence. Looked at headlines, lists and other display elementsTended to read story lists without much text reading.from top to bottom. Read part of a story, jumpedMight have looked away from text to photos or other elementsto other elements, but went back without going back to the sameto the same place. place in the text.Tended to read captions.
  • 92. THE BEHAVIORS:About half of the people tested read methodically,while half read in a scanning manner. Printnets Digital Natives 45-55 years 18-28 years 76% Methodical 75% Scanning 24% 25% Methodical Scanning
  • 93. THE BEHAVIORS: 61 percent of readers touched the screen frequently. Others were more hands off.Detached readers 39% 61% Intimate readers
  • 94. THE BEHAVIORS: 61 percent of readers touched the screen frequently. Others were more hands off.Detached readers 39% 61% Intimate readersTouched the iPad screeninfrequently, makingdeliberate choices to touch.Looked thoroughly to decide beforethey tapped or swiped.Tended to touch carefully toarrange a full screen of text,then sat back to read.
  • 95. THE BEHAVIORS: 61 percent of readers touched the screen frequently. Others were more hands off.Detached readers 39% 61% Intimate readersTouched the iPad screen Touched the iPad screeninfrequently, making frequently, or kept constantdeliberate choices to touch. contact with it.Looked thoroughly to decide before Tended to read one or twothey tapped or swiped. lines of text, then made subtle, frequent swipes to move aTended to touch carefully to few more lines of text intoarrange a full screen of text, their field of vision.then sat back to read.
  • 96. THE BEHAVIORS:Detached reading behavior.
  • 97. THE BEHAVIORS:Intimate reading behavior.
  • 98. THE BEHAVIORS: INTIMATE READING BEHAVIORThese readers use their finger like a teleprompter.
  • 99. THE BEHAVIORS: INTIMATE READING BEHAVIORAn analog tool helped people keep their place, a digitalversion might have a place in tablet design, too.
  • 100. FINDINGSHere’s why this wasworth your time.
  • 101. WHAT THEY CHOSE TO READ:Tablet users have a high number offixations before making a selection.
  • 102. WHAT THEY CHOSE TO READ:Often, they fixate on the same storymultiple times before choosing it.
  • 103. WHAT THEY CHOSE TO READ:More fixations before a selectionsuggests the user is more likely toread to completion.
  • 104. HOW THEY READ:80-90 seconds was the critical‘bail out point.’
  • 105. HOW THEY READ:80-90 seconds was the critical‘bail out point.’Offer them somethinggood, to keep themreading.
  • 106. HOW THEY READ:Younger readers are morelikely to be scanners.
  • 107. HOW THEY READ:Younger readers are morelikely to be scanners.Older readers are morelikely to be methodical.
  • 108. HOW THEY READ:Younger readers are morelikely to be scanners.Older readers are morelikely to be methodical.Both read deeply, when theyfound what they wanted.
  • 109. And next?
  • 110. squinn@poynter.org@gotoplanbmario@garcia-media.com