Designing the Priority, Performance ist User Experience
•
0 likes•899 views
Talk @ code.talks commerce special
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (17)
Similar to Designing the Priority, Performance ist User Experience
Similar to Designing the Priority, Performance ist User Experience (20)
More from Peter Rozek
More from Peter Rozek (20)
Recently uploaded
Recently uploaded (20)
Designing the Priority, Performance ist User Experience
- 1. @webinterface DESIGNING THE PRIORITY PERFORMANCE IST USER EXPERIENCE code.talks commerce special 2016 @webinterface
- 4. WORK @ ecx.io (DIGITAL AGENCY) @webinterface
- 5. ECX.IO AN IBM COMPANY
- 7. @webinterface Video: Bugatti Veyron Top Speed Test - Top Gear - BBC
- 8. @webinterface MOBILE WE HAVE SLOW CONNECTION SPEEDS !
- 10. @webinterface DO YOU KNOW YOUR WHY ? DOES YOUR CLIENT KNOW ITS WHY ?
- 12. @webinterface Video: Helping VIPs Care About Performance
- 13. @webinterface GOOD PERFORMANCE IS ABOUT ACCESS. PEOPLE CAN GET THE RIGHT THINK, SOONER, WITH LESS STRESS.
- 14. @webinterface WHY BUILD AN FAST EXPERIENCE ?
- 15. @webinterface 49% USE THERE MOBILEPHONE EVERYDAY AND EVERYTIME.
- 16. @webinterface „The device we choose to use is often driven by our context: where we are, what we want to accomplish and the amount of time needed.“ GOOGLE 2012
- 18. @webinterface FAST PAGE LOAD TIME BUILDS TRUST IN YOUR SITE.
- 20. @webinterface FACTS FROM THE USER ! @webinterface
- 21. @webinterface Website was too slow to load. 73%
- 22. @webinterface Website that crashed, froze, or received an error. 51%
- 24. @webinterface Consumers expect a web page to load in 2 seconds or less. 47%
- 25. @webinterface People abandon a website that takes more than 3 seconds to load. 40%
- 26. @webinterface 1 SECOND DELAY in page response can result in a 7% REDUCTION IN CONVERSION. Source: Mobilism: High Performance Mobile
- 27. @webinterface An e-commerce site is making $100,000 PER DAY 1 SECOND DELAY could potentially cost you $2.5 million in lost sales every year. Source: Data Monday: E-commerce Performance
- 29. @webinterface SPEED IS A KILLER ! Source: http://www.shmee.me
- 30. WHAT IS AN FAST EXPERIENCE ? @webinterface Video: Bugatti Veyron Top Speed Test - Top Gear - BBC
- 31. @webinterface OBJECTIVE TIME OR CLOCK TIME Source: http://www.fon.hum.uva.nl
- 33. @webinterface TIME TO INTERACT AND LOAD TIME USER´S PERCEPTION OF TIME vs.
- 34. @webinterface JACOB NIELSEN: WEBSITE RESPONSE TIMES Source: https://www.nngroup.com/articles/website-response-times/ 0,1 - 0,2s 0,5 - 1s 2 - 5s 5 - 10s INSTANT IMMEDIATE USER FLOW KEEPING THE USER´S ATTENTION
- 37. @webinterface TIME TO INTERACT (INCREASE PERCEPTION) LOAD TIME
- 39. CHUCK NORRIS DOESN´T WEAR A WATCH. HE DECIDES WHAT TIME IS IT. Image: http://www.mrctv.org/@webinterface
- 40. @webinterface TURNING THE SHIP HOW TO BUILD AN FLEXIBLE, LIGHTNING-FAST EXPERIENCE ? @webinterface
- 42. Bild: http://jasonrenshaw.typepad.com/ „HOUSTON WE HAVE A PROBLEM.“ @webinterface
- 43. @webinterface PERFORMANCE ARE NOT SIMPLY A DEVELOPMENT ISSUE.
- 44. @webinterface PERFORMANCE IS DESIGN´S BEST FRIEND NOT ITS ENEMY.
- 45. @webinterface PERFORMANCE IS A ESSENTIAL DESIGN FEATURE.
- 47. WORK AS A TEAM. @webinterface
- 51. @webinterface Client understands the benefits. BUILDSALES CONCEPT/DESIGN ROLL-OUTSTRATEGY
- 52. @webinterface Advocate performance as a priority. BUILDSALES CONCEPT/DESIGN ROLL-OUTSTRATEGY
- 53. @webinterface Concept and Design is committed within a performance budget. BUILDSALES CONCEPT/DESIGN ROLL-OUTSTRATEGY
- 54. @webinterface Development is prepared to successfully integrate performance as a priority. BUILDSALES CONCEPT/DESIGN ROLL-OUTSTRATEGY
- 55. @webinterface SETTING A PERFORMANCE BUDGET. Source: https://timkadlec.com/2013/01/setting-a-performance-budget/
- 56. @webinterface 150 KB 220 KB EDGE SOMEWHERE BETWEEN AND 1 SECONDS ON EDGE
- 57. @webinterface 350 KB 400 KB 3G SOMEWHERE BETWEEN AND 1 SECONDS ON 3G
- 58. @webinterface 400 KB 100 kb fonts 50 kb css 200 kb images 50 kb javascript PERFORMANCE BUDGET
- 59. @webinterface CORE EXPERIENCE HAS THE PRIORITY: CORE CONTENT SHOULD BE DELIVERED FIRST CORE CONTENT SHOULD RENDER WITH 1000ms EVERY FEATURE MUST FAIL GRACEFULLY
- 60. @webinterface PROTOTYPE EARLY: MOCKUP DESIGNS IN CODE RUN PERFORMANCE TESTS EARLY QUICK ITERATIONS ENHANCE WORK AS A TEAM
- 62. @webinterface GROUPING THE CORE AND ADDITIONAL EXPERIENCE.
- 63. @webinterface RED FLAGS CAROUSEL VIDEO VIDEO WHAT HAS PRIORITY ALTERNATE SOLUTIONS
- 64. @webinterface 20/80 80 PERCENT OF THE FEATURES ARE NOT USED.
- 65. @webinterface RESPONSIVE WILL CONTENT THAT FITS, NOT DESKTOP HAND-ME- DOWNS.
- 66. @webinterface CONTENT FIRST AND MOBILE FIRST: BUILD AN EXPERIENCE MAP.
- 71. @webinterface STAGE OBJECTIVE BEHAVIOURS POSITIVE FEELINGS NEGATIVE FEELINGS BUSINNESS VIEW (GOOD AND BAD ATTRIBUTES)
- 77. Brad Frost https://www.youtube.com/watch?v=nE0CRMm59BY@webinterface „Great minds discus principles. Average minds discus technologies. Small minds discus tools.“