Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JS Fest 2019. Vitaly Friedman. Bringing Personality Back To The Web


Published on

Generic web layouts have become somewhat of a misnomer in conversations circling around web design these days. As creatives, we're bored and slightly annoyed by how predictable and uninspired most web experiences have become. How do we break out of predictable and boring designs without breaking the usability and functionality of our experiences?
In this talk, Vitaly Friedman will shed some light into a strategy of how to bring personality back to web design, and how we can make our experiences more humane while also having a higher ROI. Beware: you might not be able to unlearn what you'll learn in this session. Bonus: you'll see some slightly dirty examples of things being done out there, so bring along some pragmatism to this talk.

Published in: Education
  • Login to see the comments

  • Be the first to like this

JS Fest 2019. Vitaly Friedman. Bringing Personality Back To The Web

  2. 2. Bringing Personality Back To The Web Kyiv, Ukraine @ JS Fest 2019
 April 5, 2019
  3. 3. Vitaly Friedman, co-founder of SmashingMag
 (I really don’t know what to put in here...)
  4. 4. Personality Breaking Out Of The Box 01
  5. 5. “ The design process is weird and complicated because it involves people and systems, which often are weird and complicated. 
 — à la Mark Boulton
  6. 6. Junior Designers vs. Senior Designers,
  7. 7. Junior Designers vs. Senior Designers,
  8. 8. Photo credit: Jen Simmons
  9. 9. Photo credit: Jen Simmons
  10. 10. “ If we want to stand out — to outperform our competitors — we need to delight customers with a remarkable design and a unique, charming personality. Be slow and mindful. With an unprecedented attention to detail… 
 — à la Mogens Møller
  11. 11. “ If we want to stand out — to outperform our competitors — we need to delight customers with a remarkable design and a unique, charming personality. Be slow and mindful. With an unprecedented attention to detail… 
 — à la Mogens Møller
  12. 12. Friction02 Breaking Out Of The Box
  13. 13. Make Boring
 Interesting 03 Breaking Out Of The Box
  14. 14. Rogie King, https://twitter.,com/rogie/status/1091944746358956032
  15. 15. Signature04 Breaking Out Of The Box
  16. 16. Focus05 Breaking Out Of The Box
  17. 17. ↬ Atlassian Relaunch,Techcrunch,
  18. 18. Collapse groups
  19. 19. Weights for each selected attribute
  20. 20. “Show differences”/similarities/
  21. 21. Respect06 Breaking Out Of The Box
  22. 22. User Behavior In 2019 Privacy UX Pop-ups and modals. 
 Push notifications.
 Chat window pop-ups.
 Prompt to get an app.
 Importing contacts.
 Video auto-play.
 Permission requests.
 Tracking. Block! Block! Block! Block! Block! Block! Block! Accept! Advertising. 
 Onboarding tutorials.
 Access to camera/photos.
 Access to location.
 Email verification.
 Social sign-in.
 Software updates.
 GDPR cookie consent. Block! Block! Block! Block! ⌘+C/V! Maybe. Accept! Maybe.
  23. 23. T s f d m
  24. 24. T s f d m
  25. 25. T s f d m
  26. 26. T s f d m
  27. 27. T s f d m
  28. 28. T s f d m
  29. 29. T s f d m
  30. 30. F-Secure’s Wi-Fi Privacy (2014) Privacy UX ...and you agree to assign your first born child to us for the duration of eternity.“ F-Secure has confirmed that it won’t be
 enforcing the clause.
  31. 31. Gamestation’s Privacy Notice Privacy UX …to grant Us a non-transferable option to claim, for now and for ever more, your immortal soul. Should We wish to exercise this option, you agree to surrender your immortal soul, and any claim you may have on it, within 5 (five) working days of receiving written notification from Us or one of Our duly authorized minions. “
  32. 32. AWS Service Terms (57.10) Privacy UX ...this restriction will not apply in the event of the occurrence (certified by the US Centers for Disease Control or successor body) of a widespread viral infection transmitted via bites or contact with bodily fluids that causes human corpses to reanimate and seek to consume living human flesh, blood, brain or nerve tissue and is likely to result in the fall of organized civilization. “
  33. 33. Tumblr’s Privacy Notice Privacy UX Reblogs, Likes, and Replies are a matter of public record, so if you’re truly ashamed of your desires it’s best to keep them to yourself. But why? Be proud of who you are. You’re beautiful. We’re looking you in the eyes and telling you how beautiful you are. “
  34. 34. Google Chrome’s Terms (2012) Privacy UX …you give Google a perpetual, irrevocable, worldwide, royalty-free, and non-exclusive license to reproduce, adapt, modify, translate, publish, publicly perform, publicly display and distribute any Content which you submit, post or display on or through, the Services. “
  35. 35. Instagram’s Terms (2019) Privacy UX …you hereby grant to us a non-exclusive, royalty-free, transferable, sub-licensable, worldwide license to host, use, distribute, modify, run, copy, publicly perform or display, translate, and create derivative works of your content  (consistent with your privacy and application settings). “
  36. 36. Twitter’s Terms (2019) Privacy UX …By submitting, posting or displaying Content on or through the Services, you grant us a worldwide, non-exclusive, royalty-free license (with the right to sublicense) to use, copy, reproduce, process, adapt, modify, publish, transmit, display and distribute Content in all media or distribution methods (now known or later developed).
  37. 37. Twitter’s Terms (2019) Privacy UX …Such additional uses by Twitter, or other companies, organizations or individuals, may be made with no compensation paid to you with respect to the Content that you submit, post, transmit or otherwise make available through the Services. “
  38. 38. Tinder’s Terms (2019) Privacy UX …We collect information on your wireless and mobile network connection, like your service provider and signal strength, as well as information on device sensors such as accelerometers, gyroscopes and compasses. “
  39. 39. State Of Privacy 2019 Privacy UX 01 — Your location is tracked, even if you don’t allow it.
 02 — You own copyright, but you transfer full rights for use.
 03 — Services can use data in any way they’d prefer.
 04 — Services pass your data to affiliates (and government).
 05 — Affiliates can use your data in any way they want, too.
 06 — Usually services keep your deleted searches.
 07 — You are tracked even if you don’t use the apps.
 08 — Private messages are rarely private, so is your data.
 09 — Searches are most valuable for targeted ads.
 10 — Services know more about you than your friends or family.
  40. 40. T s f d m
  41. 41. T s f d m
  42. 42. ↬ zenbusiness, Corie Johnson,
  43. 43. Wrapping Up Breaking Out Of The Box
  44. 44. Breaking Out Of The Box Wrapping Up
  45. 45. Breaking Out Of The Box 01 — Embedding a story can boost engagement a lot.
 02 — We can make users think a little to capture attention.
 03 — Usability + accessibility first, add friction later.
 04 — Pick a boring element, make it interesting.
 05 — Design concepts with tough constraints first.
 06 — Seek pain points — focus on tackling them first.
 07 — Your style maters; design needs experimentation.
 08 — Respect first; make privacy your competitive advantage.
 09 — A/B tests help reach local max; A/Z global maxima.
 10 — No design is bad or good; the context decides it. Summary
  46. 46. Meow!