2015 Webtrends
•Download as PPTX, PDF•
0 likes•189 views
Presentation to the Web Association Group from Jan 2015. High Level presentation on current web UI & dev trends.
Recommended
More Related Content
Viewers also liked
Viewers also liked (19)
Similar to 2015 Webtrends
Similar to 2015 Webtrends (20)
Recently uploaded
Recently uploaded (20)
2015 Webtrends
- 1. 2015 Web Trends Michael J Wisniewski @mikejwis
- 2. Agenda • Emerging Web UI Design & Development • Security Battles • Singularity of Data
- 3. Emerging Web UI Design & Development
- 4. Flat Design • Not just icons anymore • Smooth, minimal pages
- 5. Mobile First Design • Responsive Web Design with Mobile First for real this year! • Mobile traffic should overtake Desktop/Laptop volume this year • 25% of US web users are considered “mobile only” • Graceful degradation vs Progressive Enhancement
- 7. Single Page Design • Less click, more scroll • Transitions not page redirects • Forms & additional content in a lightbox • Toast for messaging (Toastr JS) • “Infinite Scrolling” • Angular JS, Wordpress, etc.
- 9. Custom Fonts & Typography • Differentiating your brand • Site Readability & Artistic Expression • Technology has made it easier, better performing
- 10. Illustrations & Web Graphics • “A picture is worth a thousand words” • Compact large amounts of information • Giving Visual Instructions
- 11. Background Images & Video
- 12. Another Example
- 14. Implications • Web experience mostly indistinguishable from Native – Customer expectations – Standard technologies & tools make it possible – Exploiting ways in which web can be superior to native
- 15. Security
- 16. SSL/TLS Under • April 2014: Heartbleed vulnerability exposed – OpenSSL library (common imp of SSL/TLS) – 17% or half a million of the Internet’s web servers vulnerable – Gmail & other common Google services use • May 2014: Google, IBM, Redhat, etc. pledge funds and developers to OpenSSL • June 2014: Google “forks” OpenSSL to create its own version • Oct 2014: Google discovers & exposes POODLE vulnerability in SSLv3 protocol • Oct/Nov 2014: Safari, Chrome, Firefox, IE scramble to disable SSLv3 downgrading in browsers – Old versions of IE & Safari have no secure version of SSL/TLS built into them
- 17. SSL Implications • 2015 – People are running away from old browsers – More browsers (& software) building auto updating feature – Old software versions can be a security risk
- 18. API Management • 3rd Party Software • Security, Versioning, Volume, & Performance • Token and/or Role Based • Internal & External Traffic
- 19. “Cloud” Security
- 20. Data Sanitization • Pre-2015 – Transmission with sensitive data encrypted in transit (between systems) in addition to SSL • 2015 – Corporations cleaning and encrypting data at rest
- 21. Data
- 22. Singularity of Data • Pre-2015 – Emergence of “Big Data” and its use to make business decisions – Multi-Variant Testing – Usability Testing • 2015 – Corporate automation of decision making – Corporations begin connecting big data into single global warehouses – Automation of product offerings & customized UI per customer based on user characteristics
- 23. Examples
- 24. Conclusion
- 25. Conclusion • In the year 2015, we should be… – Building native-like websites that exploit the capabilities of a web browser – Providing customized & responsive content – Responsible in keeping our customers data secure – Most importantly, fulfilling the desires of our end users while meeting the goals of our company
- 26. Thank You
Editor's Notes
- No more textures, patterns, shadows, bubbles, and gradients Flat UI and not just for images – we saw this with images over the last few years This year you will see more and more sites moving to a completely flat UI. Flat design lends itself to minimalist principles, which in turn results in sites that are lean, clutter-free, fast, and content focused.
- Also, its more than just phone, table, desktop --- now have smart watches & TV screen as software and browser on TVs now, Xbox’s & etc… Oh- get this! I saw at this year’s CES (Consumer Electronics Show) – someone had computer built into their refrigerator and was browsing the web… why I have no idea -
- Why? Mobile & Tablet (scrolling is easier via touch)
- Research has shown the people retain information better through images and pictures You guys are already attuned to illustrations…. You know how when you install an app it sometimes gives you an overlay pointing to & explain what’s new?
- How powerful is this? You are a tavern and you are trying to portray to you customer what their experience is going to like.
- http://searchsecurity.techtarget.com/definition/Secure-Sockets-Layer-SSL http://heartbleed.com/ http://en.wikipedia.org/wiki/Transport_Layer_Security http://arstechnica.com/security/2014/06/google-unveils-independent-fork-of-openssl-called-boringssl/ http://arstechnica.com/information-technology/2014/04/tech-giants-chastened-by-heartbleed-finally-agree-to-fund-openssl/ Funding for Open SSL and this battle is less than a 1mill, 1 FT and 10 volunteers
- Pre-2015: Writing your own OAuth or using Single Sign On or the “EDI”…. Think about if you were working for Key Bank or Progressive Insurance. You want to allow customers or other financial or insurance institutions having to use a facebook or twitter account to communicate with you?
- This is singularity of data, and technology has evolved to let us do this. Hadoop… PDW by Microsoft. Automation of offerings customized UI is a form of AI Note, you should still be doing MVT & Usability.
- In 2015, we should be building native-like websites, that have customized & responsive content, are responsible in keeping our customers data secure, and mostly importantly fulfill the desires of our end users.