Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

The Future of Web Design

337 vues

Publié le

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.

Publié dans : Internet
  • Soyez le premier à aimer ceci

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

×