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.

Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by EDIT. | UX & Responsive Design

1,231 views

Published on

O Responsive ganhou cada vez mais destaque com o boom dos "devices"... afinal o que cada um de nós traz consigo nos bolsos determina a expectativa que temos do que será a "Experiência" que vamos encontrar quando acedemos a uma app ou site. Perceber o drive das pessoas, é fundamental para perceber como e o que devemos "morfar" para melhor corresponder a cada um dos formatos.

Published in: Engineering

Mobile First vs. Responsive, opção ou alternativa? - #7 Industry Sessions by EDIT. | UX & Responsive Design

  1. 1. www.outsystems.com Mobile First vs. Responsive Opção ou Alternativa?
  2. 2. www.outsystems.com2 © OutSystems. All Rights Reserved2 Ricardo Luiz Mobile & UX Services ricardo.luiz@outsystems.com
  3. 3. www.outsystems.com3 © OutSystems. All Rights Reserved3 2007 2011 2014
  4. 4. The OutSystems® Platform Deliver enterprise web and mobile applications. Fast. Fast Development of APPs Develop once for all devices Rapid and continuous iteration See it at www.OutSystems.com
  5. 5. www.outsystems.com5 © OutSystems. All Rights Reserved5 About OutSystems
  6. 6. www.outsystems.com6 © OutSystems. All Rights Reserved6 Some of our Customers Different Industries, Similar IT Challenges
  7. 7. www.outsystems.com7 © OutSystems. All Rights Reserved7 1. Mobile is now part of everyone’s lives
  8. 8. www.outsystems.com8 © OutSystems. All Rights Reserved8 What’s the first thing you do when you wake up?
  9. 9. www.outsystems.com9 © OutSystems. All Rights Reserved9 25% go to bathroom 75% check smartphone
  10. 10. www.outsystems.com10 © OutSystems. All Rights Reserved10
  11. 11. www.outsystems.com11 © OutSystems. All Rights Reserved11 Times Change People Change New Needs Arise
  12. 12. www.outsystems.com12 © OutSystems. All Rights Reserved12 http://static.lukew.com/onedesign_04092013.pdf
  13. 13. www.outsystems.com13 © OutSystems. All Rights Reserved13 Sapiens is going Mobile Geek…
  14. 14. www.outsystems.com14 © OutSystems. All Rights Reserved14
  15. 15. www.outsystems.com15 © OutSystems. All Rights Reserved15 2. Creating a good overall experience is challenging
  16. 16. www.outsystems.com16 © OutSystems. All Rights Reserved16 Graceful Degradation
  17. 17. www.outsystems.com17 © OutSystems. All Rights Reserved17 Graceful Degradation = Responsive Design
  18. 18. www.outsystems.com18 © OutSystems. All Rights Reserved18 Progressive Enhancement
  19. 19. www.outsystems.com19 © OutSystems. All Rights Reserved19 Progressive Enhancement = Mobile First
  20. 20. www.outsystems.com20 © OutSystems. All Rights Reserved20 33% Based on experiments at Microsoft, both intuition and expert opinion are extremely poor gauges of the value our ideas deliver to users. Lean Enterprise (2014) Positive Negative Neutral
  21. 21. www.outsystems.com21 © OutSystems. All Rights Reserved21 Law of Unintended Consequences
  22. 22. www.outsystems.com22 © OutSystems. All Rights Reserved22 3. Where to find the game changing spark?
  23. 23. www.outsystems.com23 © OutSystems. All Rights Reserved23 How to create a winning approach? Know how Users think & behave!
  24. 24. www.outsystems.com24 © OutSystems. All Rights Reserved24 usabilitylayers Ubiquitous Pro-active use of various mediums Task-Focus Fit to user and its specific tasks Cognitive Leverage conventions and learning Physiological Respond to how the brain works
  25. 25. www.outsystems.com25 © OutSystems. All Rights Reserved25 usabilitylayers Ubiquitous Pro-active use of various mediums Task-Focus Fit to user and its specific tasks Cognitive Leverage of conventions and learning Physiological Respond to how the brain works
  26. 26. www.outsystems.com26 © OutSystems. All Rights Reserved26 usabilitylayers Ubiquitous Pro-active use of various mediums Task-Focus Fit to user and its specific tasks Cognitive Leverage conventions and learning Physiological Respond to how the brain works
  27. 27. www.outsystems.com27 © OutSystems. All Rights Reserved27 usabilitylayers business and user context independent
  28. 28. www.outsystems.com28 © OutSystems. All Rights Reserved28
  29. 29. www.outsystems.com29 © OutSystems. All Rights Reserved29 usabilitylayers Ubiquitous Pro-active use of various mediums Task-Focus Fit to user and its specific tasks Cognitive Leverage of conventions and learning Physiological Respond to how the brain works
  30. 30. www.outsystems.com30 © OutSystems. All Rights Reserved30 usabilitylayers Ubiquitous Pro-active use of various mediums Task-Focus Fit to user and its specific tasks Cognitive Leverage of conventions and learning Physiological Respond to how the brain works
  31. 31. www.outsystems.com31 © OutSystems. All Rights Reserved31 usabilitylayers highly dependent on business and user context UX design
  32. 32. www.outsystems.com32 © OutSystems. All Rights Reserved32 User Xperiencee
  33. 33. www.outsystems.com33 © OutSystems. All Rights Reserved33 What is the best? Mobile First or Responsive?
  34. 34. www.outsystems.com34 © OutSystems. All Rights Reserved34 Business Goals Technology
  35. 35. www.outsystems.com35 © OutSystems. All Rights Reserved35 Business Goals Technology Users
  36. 36. www.outsystems.com36 © OutSystems. All Rights Reserved36 Business Goals User Needs Technology
  37. 37. www.outsystems.com37 © OutSystems. All Rights Reserved37 U F ser irst
  38. 38. www.outsystems.com38 © OutSystems. All Rights Reserved38
  39. 39. Ricardo Luiz Mobile & UX Services Ricardo.luiz@outsystems.com Thanks

×