Powerpoint project for school

1. EVOLUTION OF WEB
DESIGN
1991 - 2015
Leslie Smith

2. INTRODUCTION OF THE WEB
1991 – The first website was published by Tim Berners – Lee, who
is also the inventor of the world wide web

3. FIRST WEB DESIGN

4. EARLY WEB DESIGN
 First web designs in the 90’s were single column text based
 Written in HTML

5. TABLE BASED GRAPHIC
WEBSITES
 Websites were judged for how modern they looked when
compared to competitors’ websites.
 They often featured hit counters at the bottom of the website

6. Example of Table website
There was always a hit counter on
the bottom of these pages to record
views

7. INTRODUCTION OF FLASH
WEBSITES
 1996- Future Splash animator introduced
 Color Changing navigations
 3D buttons
 Tiled backgrounds
 Splash pages

8. INTRODUCTION OF CSS
 Cascading style sheets introduced in 2000’s
 Easier to maintain (less code and complexity)
 Increase of white space
 Reduction of garish colors
 Links attached to icons, not just text

9. Early CSS Website
Check out the Icons with links

10. RISE OF JAVA SCRIPT
 The introduction of JavaScript marked the death of website table
layouts
 Top navigation menus
 Drop down menus
 Web forms
 User created content (like profiles, journals, and photos)

11. Example of JavaScript
Website
The Original version of Myspace

12. THEN AND NOW
Modern Website 1990’s website

13. INTRODUCTION OF WEB 2.0
 HTML5 gains exposure as a alternative to Flash or advanced
graphics
 Socially geared website attempt to engaged user and share
content
 Interactive content without having to hit refresh button

14. UX DESIGN WEBSITES
 User experience design ( UX)- is popular, such design features
as infinite scrolling and single-page design.
 Minimalistic
 Flat graphics
 Blended Typography
 Large background Images

15. UX website design
Minimalistic

16. THE MOBILE WEB
 Mobile access has exceeded desktop desktop access the first
time in history
 More websites are being designed for mobile versions
 Websites are formatted tall and skinny in mobile versions
opposed to wide for desktop versions

17. TOP TRENDS FOR 2015
 Simple Color Schemes - some websites are using very little color or forgoing color
all together
 Long scrolling sites - websites are using more design techniques such as
increased white space and responsive Web design, long scrolling sites are starting
to appear again.
 Dropping on side bar - more blogs or magazine-type sites, but many are dropping
the side bar all together and allowing for more visual content.
 Hero Images - Large hero areas (the “intro” area, often an image with a little
amount of text, at the top of a website – a borrowed term from print design) on
website home pages are running rampant. Hero images are the # 1 trend in web
design
 Video's instead of text - Why read about it when you can watch it? Something else
you will start seeing all over the Web (especially in hero areas) are videos.

18. MORE ON HERO IMAGES

19. KEY NOTES
 1996-1999: Ignored user
experience
 2000-2005: Multiple options
of navigation
 2006-2012: Popularization of
login screens, mobile usage
in 2012 at 14.5%
 Present: Highly curated and
mobile usage rises

20. MORE INFORMATION
 http://www.evolutionoftheweb.com/