The Future of Web Design
25
-
Upload
vince-moran -
Category
Internet
-
view
212 -
download
3
Transcript of The Future of Web Design
DIGITAL MARKETING’S THREE PARTS
Acquisition: Conversion:Engagement:
Content/Search, PPC, Email, Social
Conversion Rate Optimisation (CRO)
Start at the beginning
1991 - THE FIRST PUBLIC WEB PAGE
● 1991 - August - The first public web page is launched
● Text base website● Created by Tim Berners-
Lee
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
1996 - SPACEJAM
● Tables, frames, animated gifs
● The Year of 'Under Construction'
● Flash released● CSS released● ASP released
LATE ‘90s - FLASH WEBSITES
● Full Flash websites● Tables and Flash
animation● Websites with Flash
navigation
2000 - CSS
● Start using CSS● Separate Content from
Design
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
Web design is roughly here2010 to 2015
SKEUOMORPHIC
PARALLAX
RESPONSIVE
FLAT
CARD
It’s difficult to predict the future
● 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
1. THE RISE OF MATERIAL DESIGN
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
2. DEATH OF THE (CHEESY) COMMERCIAL STOCK PHOTO
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
3. ARTIFICIAL INTELLIGENCE
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
COLLABORATION
