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.

The Future of Web Design

327 views

Published on

I was asked to present at the Design Network North Web Interest Group. I chose the topic of 'The Future of Web Design'. A nostalgic look back at early functional web designs, the progress made to modern day and a glimpse into the future.

Published in: Internet
  • Be the first to like this

The Future of Web Design

  1. 1. THE FUTURE OF WEB DESIGN VINCE MORAN VINCE@DAYKINANDSTOREY.CO.UK WWW.DAYKINANDSTOREY.CO.UK (0191) 3009444
  2. 2. DIGITAL MARKETING’S THREE PARTS Acquisition: Conversion:Engagement: Content/Search, PPC, Email, Social Conversion Rate Optimisation (CRO)
  3. 3. Start at the beginning
  4. 4. 1991 - THE FIRST PUBLIC WEB PAGE ● 1991 - August - The first public web page is launched ● Text base website ● Created by Tim Berners- Lee
  5. 5. 1995 - THE FIRST YAHOO WEB PAGE ● 1992: The term “surfing the internet” is coined and popularised ● 1993: Text and images on the same page ● 1994: Summer: First eCommerce transaction ● Table based websites with images
  6. 6. 1996 - SPACEJAM ● Tables, frames, animated gifs ● The Year of 'Under Construction' ● Flash released ● CSS released ● ASP released
  7. 7. LATE ‘90s - FLASH WEBSITES ● Full Flash websites ● Tables and Flash animation ● Websites with Flash navigation
  8. 8. 2000 - CSS ● Start using CSS ● Separate Content from Design
  9. 9. MID TO LATE 2000s - SEMANTIC WEB, CSS, WEB 2.0 ● Semantic Web - Machines understanding web pages as well as humans ● WEB 2.0 - User-generated content and usability. Dynamic websites, web applications ● Interactive ● Social Websites ● HTML 5 ● One Page Layouts
  10. 10. Web design is roughly here 2010 to 2015
  11. 11. SKEUOMORPHIC
  12. 12. PARALLAX
  13. 13. RESPONSIVE
  14. 14. FLAT
  15. 15. CARD
  16. 16. It’s difficult to predict the future
  17. 17. ● Minimalism and Flat Design 2.0 ● Simplified Websites built for Speed ● Subtle Animations ● Rich Animations ● Web Components ● Age-Responsive Design ● Microinteractions ● More Card-Style Interfaces ● App inspired web design ● Infinite scrolling ● Modules and modular text ● Visual Storytelling ● Cool Typography ● Rich colours ● Illustrations and Sketches ● Videos replacing images LOTS OF WEB DESIGN TRENDS
  18. 18. 1. THE RISE OF MATERIAL DESIGN
  19. 19. THE RISE OF MATERIAL DESIGN ● Developed by Google ● Use of grid-based layouts ● Responsive animations and transitions ● Padding ● Depth effects such as lighting and shadows
  20. 20. 2. DEATH OF THE (CHEESY) COMMERCIAL STOCK PHOTO
  21. 21. DEATH OF THE (CHEESY) COMMERCIAL STOCK PHOTO ● Create Authentic Images ● Cameras on smartphones offer a nice balance between quality and convenience ● Work with photographers ● Work with your team ● Plan your visual story Panorama photo of Toronto features unbelievably vivid colors taken with an iPhone 6
  22. 22. 3. ARTIFICIAL INTELLIGENCE
  23. 23. The Grid The power of artificial intelligence to take everything you throw at it - videos, images, text, urls and more - and automatically shape them into a custom website unique to you https://thegrid.io/ ARTIFICIAL INTELLIGENCE
  24. 24. COLLABORATION
  25. 25. THANK YOU VINCE MORAN BUSINESS DEVELOPMENT MANAGER VINCE@DAYKINANDSTOREY.CO.UK WWW.DAYKINANDSTOREY.CO.UK (0191) 3009444

×