The History of Web Design

AmeriCommerce THE HISTORY OF WEB DESIGN. BESIGH/> 1990-1994 These exciting but primitive early days of the web see a focus on plain text websites, with images and text only appearing alongside each other for the first time in 1993. Design Trends Yahoo (1993) Web Safe Colors Initially only 16 colors are supported by monitors. Yahool - NCSA Monaic Ele Lo HetayMgnege yew vgre Jos Ho eb Text Heavy Websites Early browsers only support text - it's 1993 before images are supported YAHOO! O-0 Yahoal Aurtions Pokeon, Reles N Win Free Flowers free email@ yahoo.com FTD.COM Search udvced serch Shopping - Auctioas - Yelow Pages - People Search - Maps - Travel - Classifieds - Personals Cuner Chat- Cluhu Mail - Calendar - Messenger Cempanien - My Yahoel - News - Soerts - Weather - TV. BROWSERS 1990 WorldWideWeb (Nexus) – the first web browser Common Monitor Resolution: 640 x 480 Mosaic х 16 сolor 1993 the first browser to display text and images together, and the first to adopt the layout still favored by today's browsers. 1994 Netscape Navigator supports on-the-fly page loading. A browser so powerful that many websites carried the 1990 motif 'Best if viewed in Netscape!" HTML is born! HTML is a coded language which can be read by web browsers, and composed into web pages. 1991 World Wide Web 1994 Consortium (W3C) established. Aims to implement a set of core principles and components so the Web can be accessed First website goes live consistently by all. 1994-1998 This era sees an explosion of innovation which brings new, exciting possibilities to web designers. These new design 'toys' are used perhaps a little too liberally, which results in some design work that looks pretty ugly to the modern viewer! Design Trends BBC (1996) Web Safe Colours Grows to 256 colors. Bright, ugly colors difficult to EBE ONLINE NETWORK Tso amo anowo BBC NEWS UT Neyn H N INEN $ look at! Eront Page min Peee te Wardd Front Page Garish ads as the internet grows in popularity, businesses and individuals look to it as uS UK Poltiks Buainesa Tax splits EU Pars to harmanise ta policies across the European Union are piacing its memeece ministers on a colelon course One Hundred Tears of BUY printer ink armarhn L an advertising tool. Many seek to visually catch the reader's attention with Ecterdainment Taking Peint Top of the class Tables showing how English secondary schoels did in their exam resuts have been published, but Wor Ad Da garish, flashing ads. Web safe fonts proliferation of simple serif fonts like Times Common Monitor New Roman and Resolution: Courier New 800 x 600 Colorful Buttons x 256 colors - 3D feel. BROWSERS 1994 Opera Browser 1.0 released as a 1995 1996 research project Internet Explorer 3 IE3 supports multimedia, Java applets, ActiveX controls and add-ons like Internet Mail. Netscape Navigator 3 At one point, nearly 90% of internet users are Internet Explorer 1 and 2 It eats away at Netscape's market dominance to become the web's most browsing via Netscape Navigator. popular browser for many years. 1995 New programming language 'Ruby' is released. PHP (Personal Home Page) released. Makes new, simple, dynamic web applications such as guestbooks and web forms possible. Macromedia Shockwave is created and adds animation and interactivity to the web. It's later acquired by Adobe. Javascript released as part of Netscape Navigator 2.0B3 1996 CSS (Cascading Style Sheets) released. Brings exciting new layout and design possibilities. 1% of the world's Multimedia and software platform Flash is launched. It will be used to create vector graphics, animation games and applications. population now online. Active Server Pages (ASP) released via Windows NT 4.0 Option Pack 1997 Introduction of HTML 4.0 internationalizes the web, defining a Universal Character Set to support use worldwide. 100 million internet users now online. 1998-2002 As websites continue to expand their content offering, there's a renewed focus on how to catalogue and access this. We see a growing emphasis on menus and navigation. Design is generally becoming a little more subtle but there's still an over-reliance on blocky primary colors. Design Trends People.com (1999) Growing emphasis on menus TheDaily People and navigation Weddines for ER"s Wyle. Singer Anthony Ghani Senaration Berry Gets Probhation. Eine Women Dr. Laura vs. Canadian Censers Content being slowly scaled back – less text on one .com Search PEOPLE Today Profile The Daily screen, more Weekly Features People Profiles Specials Hes No.l Roger Waters Pink Floyd's chief songeiter will tous mini-page Dark and block-color Fun & Games in 12 yeara Boards & Chot NilITITJ It was a fight to the finish, but Polle--...----------*-* "NSYNC Justin Timberlake won Poll** PEOPLE.com's Most Beautiful pol. Look at a photo gallery of Timberlake and the rest of the top 10 backgrounds popular Archive Subscriber Services Is PEOPLE.com's most beautiful poll winner: Not hot O Brand New Bruce Page Curl Vote See the ResuD his kids and Common Monitor Resolution: GRADIENTS 800 x 600 is still the dominant resolution for most users (56%) but 25% of users are viewing on 1024 x 768. (year 2000) 1999 2001 BROWSERS Internet Explorer 5.0 Internet Explorer 6 1998 Google launches. Over coming years it redefines search and branches into countless other CSS2 released industries. 2002 - 2006 Further innovation gives designers unprecedented power to integrate animated con- tent into their websites. Splash pages and Flash intro pages are in fashion, but there's also an increasing emphasis on readability and functionality. Rapidly increasing connection speeds improve design options and bring video content to the fore - culminating in the creation of YouTube in 2005. Design Trends Facebook (2004) Flash Animation Intro Pages [thefacebook] Increasing emphasis on readability and functionality Pasord Welcome to Thefacebook ] Thefacebook is an oniline directory that connects people through social networks at coleges. We have cpened ue Thefacebook for poeular censumotion at Harvard University Animated content You can use Thetacebook to • Search for people at your school • Find out who are in your dlasses • Look up your triends fiends • See a visualzation of vour social network subtly integrating into websites To get started, cick below to register. If you have aireaty regiered, you can log in Raguter Login Splash pages Between 2002 and 2006, millions of users upscale from 800x600 to 1024x768 or higher. 1024x768 is now the dominant display resolution. 640x480 is phased out altogether in 2005. 2004 Firefox 1.0 In 2003, for the first time, over an open-source challenger to the ubiquitous Internet Explorer which is still incredibly popular half the internet's users view BROWSERS websites using 4 or 32 bit hardware, displaying 16,777,216 different colors. 2003 2005 WordPress, an open-source blogging and content management system, is launched. Video streaming Facebook site YouTube launches. Launched Social platform Myspace is launched. It's bought by Google in 2006. 2006 - 2010 Skeumorphic design – that is, the art of making things appear like their real-world counterparts online medium. - is in vogue for much of this period. Video continues it's rise as an YouTube (2006) Design Trends You Tube Long scrolling designs Stock photography Drop Shadow and Skeumorphism BROWSERS By January 2010, more than three-quarters of users are browsing on a resolution higher than 1024 x 768. 2007 2008 Google Chrome launches and becomes Mobile Safari the first mobile an instant success story - it's now the most widely used browser on the planet. Minimalist, fast and fashionable! browser 2007 2008 First iPhone launches, redefining our relationships with our phones. Responsive design becomes more relevant. First working draft of HTML5 2010 - 2014 The biggest changes in this period revolve around a shift towards flat design – a mini- malist approach with simple elements, typography and flat colors. An astronomical rise in mobile use means responsive design is now a business imperative. Designers have more design options than ever. Flipp.ca (2014) Design Trends Flat Design Responsive Design WHERE AMAZING IDEAS ARE BORN Javascript Animations Animated GIFS Parallax 1152 X 864 BROWSERS is now the most-used resolution. 2010 The browser market CSS3 released is now pretty much cornered by the major players - Chrome, Internet Explorer, Safari, Firefox and Opera. 2011 Between 2010 and 2014, Google release over 30 different Chrome updates, Firefox over 20, while IE, Opera and Safari release less frequent updates. 1 billion websites now online Unprecedented freedom of design 2013 2014 51% of U.S. adults now bank online The internet is 25 years old The last 24 years have seen some pretty earth-shattering changes in the web design world - we've seen some hits and misses, but we think you'll probably agree that most of these changes have been for the better! Things sure look a lot dif- ferent now compared to back in 1990. We predict that things will continue to evolve just as quickly in the years to come. For this reason, it's essential that site owners keep in touch with with changing trends and fashions, so they can always deliver an experience that wows their visitors, functionally and aesthetically. Here at AmeriCommerce, we give you all the pro-grade tools you need to manage one or multiple online stores, and sell stuff like a pro - including the power to design your store with ease using the world's most customizable theme engine! Find out more at AmeriCommerce.com SELL STUFF! Made by C) wyzowl Sources: www.internetlivestats.com/internet-users/ www.internetlivestats.com/total-number-of-websites/ www.w3schools.com/browsers/browsers_stats.asp ewinternet.org/2013/08/07/51-of-u-s-adults www.w3schools.com/browsers/browsers_display.asp www.nethistory.info/History%20of%20the%201nternet/browserwars.html AmeriCommerce http ww.americommerce.com/blog ww. ank-online/