Successfully reported this slideshow.

Relieving Frustration: The UX of Porn

15

Share

1 of 44
1 of 44

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Relieving Frustration: The UX of Porn

  1. 1. RELIEVING FRUSTRATION The UX of Porn Steve Johnson | User Experience Designer SXSW | 3.10.14 | #uxxx
  2. 2. TECHNOLOGY FACILITATES EXPERIENCES AWARENESS OF TECHNOLOGY DIMINISHES EXPERIENCES INCREASINGLY IMMERSIVE EXPERIENCES
  3. 3. NOBODY DOES IT BETTER THAN PORN
  4. 4. PORN INDUSTRY Highly Trafficked Stigmatized & Regulated Industry Wide Array of Content Types & Categories Changing Business Pressures
  5. 5. CREATING THE PERCEPTUAL ILLUSION OF NON-MEDIATION
  6. 6. DIMENSIONS OF IMMERSION RICHNESS Number of Engaged Senses REALISM Sensory Fidelity PARTICIPATION Self or Shared
  7. 7. STREAMLINE NAVIGATION
  8. 8. CONTENT AS NAVIGATION Low Barrier Between User and Content Highly Tagged, Crowd Sourced Interconnected Content, Organic Discovery
  9. 9. MULTI-SITE PREDICTIVE SEARCH Minimal Input Produces Results Searches the PornHub Network Facilitates Cross-Site Browsing
  10. 10. WIZARD DRIVEN SEARCH Leverages PornMD Search Capabilities Three Simple Questions Limits the Possible Answers
  11. 11. PLAYLIST RESULTS Presents Three Playlists Content Sourced from PornHub Network Navigation Bar Keeps Focus on Content
  12. 12. STREAMLINE NAVIGATION Create Multiple Paths Limit Required Input Keep Focused on Content
  13. 13. NEW YORK TIMES
  14. 14. EMBRACE GREATER FIDELITY
  15. 15. 4K ULTRA HD CONTENT 4K Ultra HD TV’s in Market Increased Definition, Increased File Size No Streaming
  16. 16. 3D CONTENT Shot Using 3D Cameras Red/Cyan or 3D TV Compatible Available for Download
  17. 17. GOOGLE GLASS Video from Eyelevel of Performer Creates a Situational Illusion Consumers Feel More Involved
  18. 18. EMBRACE GREATER FIDELITY Capture More Detail Add a New Dimension Change the Point of View
  19. 19. GOPRO
  20. 20. FACILITATE COMMUNICATION
  21. 21. MOBILE-FIRST LAYOUT Condense Functionality Across Devices Focus on Content Provide a Consistent Experience
  22. 22. AUTOMATED PREVIEWS Attract with Action Preview While Browsing Make the Connection
  23. 23. QUICK CHAT STATEMENTS Prime the Conversation Use Frequently Typed Statements Diminish Keyboard Disruption
  24. 24. CHAT TRANSLATION User Chats in Their Language Performer Response is Translated Connect People Globally, 24-7
  25. 25. FACILITATE COMMUNICATION Mobile Conversations Embrace Transparency Keep the Conversation Flowing
  26. 26. KINDLE FIRE
  27. 27. EXPAND THE EXPERIENCE
  28. 28. REAL TOUCH PRODUCTS Adding Haptic Capabilities Female & Male Devices Devices Connected Via Internet
  29. 29. REAL TOUCH VIDEO CONTENT Existing Video Content New Sensory Channel Added to Experience Old Content, New Experience
  30. 30. INTERACTIVE VIDEO CHAT Video Chat with Haptic Stimulation Two-way Interaction Three Senses Engaged & Social
  31. 31. EXPAND THE EXPERIENCE Cause Change at a Distance Enhance Existing Content Create Two Way Interactions
  32. 32. COKE
  33. 33. STREAMLINE NAVIGATION EXPLORE GREATER FIDELITY FACILITATE COMMUNICATION EXPAND THE EXPERIENCE
  34. 34. STEVE JOHNSON User Experience Designer, Blast Radius Chicago steve.johnson@blastradius.com | @leisuresteve | #uxxx

Editor's Notes

  • 1. Intro self Thank yous…
    2. Brief discussion of what I’m talking about – Q&A
    3. Adult images shown – get out while you can
  • We love our technology. It facilitates our deeply needs communication and connection, it opens us up to experiences we may not be able or willing to have.

    But
  • We are going to look at porn and draw
  • Quickly adopted and drove adoption of:
    Painting/Art – Fresco from Pompei
    Print – erotica in Europe Fanny Hill “Memoirs of a Women of Pleasure” 1748 – John Cleland
    Film – “After the Ball” 1897 Georges Melies 1896…first movie
    Photography
    VCR –
    Internet – ASCII Images
  • 25% of total search traffic
    Set up why porn is important to look at. Its an interesting mash up of industries.
    Stigmatized – Socially and Legally…need to develop work arounds
    Wide Array of Content Types and Categories
    Changing Business Pressures – Commodification
  • “This refers to a phenomenon in which an individual perceives a mediated experience as an authentic first-hand experience to which they may respond as physiologically, cognitively, and emotionally as they would in the nonmediated setting.”

    Lombard & Jones, “Telepresence and Sexuality: A review and a call to scholars.” 2013


  • To create the illusion of presence you need:

    Richness – Number of senses engaged
    Realism – Sensory fidelity
    Participation - Self or shared

    Lombard & Jones, “Telepresence and Sexuality: A review and a call to scholars.” 2013
  • I choose to evaluate porn sites based on two major axis’ the first is:
    Engagement. This axis charts the level of interaction the content has with the user while it is being consumed.
    Passive content like photos or video do not engage with the user they are merely there to be viewed.
    Active content on the other hand provides the user with some means by which to interact or direct the content itself.
  • The second axis is Fidelity. How realistic is the content from a sensory level? Does it look real, sound real…feel real?
  • These sites do not sit perfectly in each one of these quadrants, but for the sake of comparison to the others this is where they dominate.

    Different levels of telepresense emersion.
    Not all consumers desire interaction at the same level. Some need a little distance…others need more connection.
    All use Telepresence to engage with consumers though…
  • These are all best practices for content heavy tube sites, but pornhub is also keeping their users constraints in mind when navigating content.
  • The beginnings of the receding interface.

    Again another best practice, but you would be surprised how many sites get it wrong. Predictive search helps foster one handed navigation by anticipating the search terms, but also by returning content from across the PornHub network of sites. This eliminates the need to go to each site and reenter the search term. Users can go to one site to search them all.

    But is there an even easier way to search? What if I am looking for a more general experience or want to get right to the action?
  • The beginnings of the receding interface.

    Again another best practice, but you would be surprised how many sites get it wrong. Predictive search helps foster one handed navigation by anticipating the search terms, but also by returning content from across the PornHub network of sites. This eliminates the need to go to each site and reenter the search term. Users can go to one site to search them all.

    But is there an even easier way to search? What if I am looking for a more general experience or want to get right to the action?
  • The beginnings of the receding interface.

    Again another best practice, but you would be surprised how many sites get it wrong. Predictive search helps foster one handed navigation by anticipating the search terms, but also by returning content from across the PornHub network of sites. This eliminates the need to go to each site and reenter the search term. Users can go to one site to search them all.

    But is there an even easier way to search? What if I am looking for a more general experience or want to get right to the action?
  • This play list allows users to move quickly through content jumping from one video to another

    Drives traffic to individual sites rather then keeping them on PornIQ, good for network SEO
    Sticky navigation attaches to browser to navigate playlist
  • Get out of the way of users. Help them focus on content not navigating.
    Creating Multiple Paths = Connects content and allows users to approach your content in a way that best works for them.
    Limit Required Input = Ask for as little as possible to provide users with their desired content.
    Keep Focused on Content = Maintain the attention on the content. Once users get to the page level where they are actually consuming content, help them at stay that level.
  • Capture More Detail = Higher definition is available but will consumers adopt it? What are the trade offs, download times/lack of streaming vs fidelity.
    Add a New Dimension = 3D is interesting and we need to consider it like we consider 4K HD, but what about other devices? Oculus Rift is nearing commercial release? How will brands tie this new technology to their content and brand story? Dominic Ford may be helpful there.
    Changing the POV = Putting users in the story by shooting it from their perspective. GoPro does this. Creates a sense of being there and that emotion is tied to the brand.
  • The experience is streamlined at the outset. Livejasmin builds on the principles we saw on PornHub’s PornIQ, stripping away all the unnecessary information and focusing on the content. But LiveJasmin has taken it a bit further. They appear to have adopted a mobile first mindset where they started the site design from the most constrained viewing experience, the mobile device. In doing this they were able to not only optimize the experience on mobile and tablet platforms, but also the desktop site as well. In fact, rather then create an expanded navigation experience for the desktop, they maintain the minimalist mobile navigation style. This allows them to focus on presenting the performers (content) in the best way possible…large images.

    The adoption of mobile navigation patterns for desktop sites is a relatively new development. Most

    When did this change take place?
  • Making the introduction…first impression

    So pictures are worth a 1000 words, but sometimes those pictures lie. Without additional copy how do you provide users with additional information about the performers without forcing the user to actually click through to the actual cam experience. Livejasmin uses rotating previews to entice consumers with real time views of the live cam feeds within the context of the gallery. Users can even hover over the image on desktop to activate the preview manually. This gives the user the ability to evaluate multiple performers before actually beginning the chat.

    This kind of preview is also used effectively on sites like Pornhub. There users can hover over a video to preview the content prior to actually clicking through to the content itself.

    Not available on mobile.
  • So how do you chat effectively when you are constrained with one hand and possibly sitting in a bathroom stall at work. Mobile 1 hand typing ok, but takes time and errors. Tablet…one hand typing is a hunt and peck experience. Well live jasmine provides users with quick statements in the mobile and tablet experiences. Users can send a full statement with the touch of a single button. This keeps the show going without having to pause to type. Great way to facilitate communication wherever it happens.
  • Mobile Conversations: Provide a consistent experience across devices…and focus on presenting the information users are here to see.
    Embrace Transparency: Reinforce the realness of the interaction. Show your face even if the user doesn’t want to show theirs.
    Conversation Flowing: Provide user support by using technologies that allow the user to focus on the interaction. Make communication easier for them so they are thinking less about themselves and more about the experience
  • Incorporating new haptic technology into existing content.
  • Developing the Hardware =
    Enhance Existing Content = The ability to add an additional channel of sensory information to existing content.
  • Coke Small World Machines
  • We are seeing the adoption of some of these approaches now, but adoption is low.

    Comcast quick chat my customer service with frequently asked questions

    Touching and feeling product…ecommerce
    Running next to your favorite runner…via Occulus Rift
    Your heat goes out and your HVAC guy just needs a quick look at the problem.

    New experiences
  • ADD TO THANKS SLIDE
  • ×