Past, Present & Future Of Web Design
Web design has been critical in the forging of internet content. From basic HTML production to cascading style sheets and the more recent emphasis on user experience, web design has shaped how we consume view information.
Please include attribution to SEO Information Technology with this graphic.
Share this Image On Your Site
PAST
// HISTORY OF WEB DESIGN
Tim Berners-Lee published the first website in August 1991 – A simple, text based page with plain left-aligned black text and bright blue links on a white background.
Web design as we know it was born in 1993. When early browsers began to display images with text (as opposed to in a separate window)
Developing Web Design
The World Wide Web Consortium, formed in 1994, established Hyper Text Markup Language (HTML) as the standard.
By 1996, more websites focused on the following elements:
TABLE BASED LAYOUTS
Table Based layouts created additional design options by ind providing structure and multi-column layouts more complicated than HTML could produce at the time.
Table layouts allowed for navigational columns (or rows) to be incorporated with content.
Visually, images and text could be juxtaposed.
Adjusting column widths and quantity gave designers the chance to use principles of design, like the rule of thirds.
CASCADING STYLE SHEETS (CSS)
Cascading style sheets (CSS) created better web page structure.
CSS provides markup that determines the structure of multiple pages instead of creating new markup for each page.
CSS gave designers more creative control, allowing them to – design around the purpose of the site and finetune details.
FLASH BASED DESIGNS
Flash Based designs came to fruition in the late 1990s. It was designs more practical than Shockwave and presented more layout – and design options beyond HTML.
INSUFFICIENT BROWSER SUPPORT
Rudimentary CSS based animations were possible for years Insufficient but it wasn’t until the late 2000s, when sufficient browser browser support was available, that they were really used.
Design Details and Influences
The dot-com boom at the turn of the century demanded better web design among competitors: usability, accessibility, layout, color choice, typography etc. became important considerations when designing websites.
CSS-based design gained popularity due to its advantages, such as:
Reduced markup clutter and cleaner layouts with visual consistency
Separated design elements from content
Improved page response time
These influences caused a maturation of design principles:
Simple designs rely on good use of color palettes, typography, and contrast.
Contrast is kept minimal conveying information concisely.
Apple.com started a clean web design trend as early as 1999 and has inspired countless websites.
PRESENT
// RECENT TRENDS IN WEB DESIGN
Mobile Devices
With the growing number of mobile devices and the growing use of mobile access to the web, web design is no longer limited to desktop or browser compatibility.
The iPhone’s popularity, sleek design, lack of flash support, and focus on thumb navigation has impacted web design trends. Websites can be seen with overall layouts that look like an app as well as changing the way they use flash, utilizing large buttons instead of text links, using crisp quality images and video, and consistent branding, colors, layout, and typography between the website and official app.
In addition to designing with mobile in mind, designers also have to contend with multiple devices (tablets, e-readers, smartphones) and with more than one OS version for each type of device.
Responsive Web Design
A fluid grid is an adaptive grid layout in which every element is re-sized i proportional to the container within the CSS without further structure or back-end coding needed for each size.
Responsive web design takes fluid grids further by utilizing embedded media queries in the CSS that respond based on the media device the user is accessing the website with.
The iPad’s touchscreen, advanced retina display, and ability to flip between landscape and portrait pushed design to accommodate the users preferences, switching between devices, and natural hand movements in a way that had never been done before with traditional desktop layouts.
Full Screen Apps
Needed to either update, keep multiple sizes of, or only use externally hi res raster based images.
Use vector based images which can accommodate any resolution
FUTURE
// HOW NEW TECHNOLOGY WILL ALTER WEB DESIGN
Biometric Fingerprints
The iPhone has a Touch lD system that scans your fingerprint to act as a security measure, instead of a password, to prevent your phone from being unlocked should it be lost or stolen.
While there is some concern as to the overall safety of using an individual’s fingerprints as a mainstream security measure, many wonder if similar technology may soon change how users access secure websites.
Online Banking
The top 10 UK. banks offer their own app designed with features like bill pay, person to-person payments, and check deposits through mobile phone.
More banking sites are using responsive web design to accommodate mobile users who access the main site.
Siri, Google Glass and Leap Motion
Users have traditionally accessed the internet through a graphical-user interface (GUI).
Applications and devices like Siri (voice), Google Glass (voicevision, and Leap Motion (gesture) are changing the way we can access the web.
As a result, web design will need to accommodate:
Requests and searches for information outside of a traditional search engine:
Gathering specific information rather than visiting an entire website
Navigation using more natural language and movement rather than clicking a mouse
Advertising
Some sites are using fewer ads, leaving them out in key places to focus on consumer needs, and requiring ads to blend with the web design.
Traditionally web ads are sold in set sizes and exact positions, but recently ad sizes, placement, and how they are sold is changing with the adoption of responsive web design.
The complications created with responsive web design and advertising may be the catalyst that initiates an overhaul in the way web content generates revenue altogether.
Social Media
Social media’s popularity now requires designers to integrate social media into web design.
Beyond branding and marketing, social networking sites are excellent sources of successful design and layout that turn potential users into frequent, regular users.
“Conclusion”
With more than 20 years of history, web design has come a long way from the days of plain white pages and lists of bright blue links. Its already clear developing technology and changing web culture is altering the way web design is approached so only time will tell how future OF- technology will continue to shake up the design world.
Home › Infographics › Web Design: A History, Past, Present and Future
Searches related to PAST, PRESENT, AND FUTURE OF WEB DESIGN
seismic design past present and future
graphic design history past present and future
future of web design industry
future of web design and development
future of web design promo code
future of web design videos
future of web design jobs
future of web design 2015
+
Web Design Mumbai, Web Design Company, Award winning Digital Agency with 15+ Yrs Experience. Get Quote Now!, Website Design Company Mumbai India, Website Design Company Mumbai offering Web design, website development and search engine optimization services, Web Designing Companies in Mumbai, Website Designing Company in Mumbai, India, Web Designing Company in Mumbai, Here is a halt to your search for best website designing company in Mumbai, India's professional Website Designing Company in Mumbai, specializing in best creative custom and responsive web designing services, Web development defined broadly is a set of tasks involved in creating a website. The task ranges from creating a page in text to internet applications.Website Design & Development Company India, Mumbai, Corporate branding solution for company with logo, SEO, website design & development services like responsive & E-Commerce features in Mumbai, India,Professional Web Design Company in Mumbai, India. We Provide High Quality Website Designing Services at Navi Mumbai to corporate
web design company in chennai, web design company in kolkata, web design company bangalore, web design company in usa, web design company in india, web design company in mumbai, web design company in ahmedabad, web design company in coimbatore, web design company in pune, web design company in hyderabad, web design company ahmedabad, web design company australia, web design company about us, web design company about us page, web design company ahmedabad list, web design company advertisements, web design company agreement, web design company atlanta, web design company america, web design company awards, starting a web design company, choosing a web design company, marketing a web design company, creating a web design company, naming a web design company, find a web design company, promote a web design company, run a web design company, starting a website design company, marketing a website design company, web design company bhopal, web design company blog, web design company business model, web design company bhubaneswar, web design company brochure, web design company brochure pdf, web design company brochure template, web design company banner, web design company blogspot, web design company chandigarh, web design company cochin, web design company calicut, web design company canada, web design company california, web design company coimbatore, web design company contact us, web design company content writing, web design company cape town, web design company ct, web design company dubai, web design company description, web design company directory in australia, web design company dallas, web design company dublin, web design company dc, web design company directory, web design company durban, web design & development company, web design company design, web design company email template, web design company egypt, web design company england, web design company edmonton, web design company examples, web design company ecommerce, web design company ernakulam, web design company edinburgh, website design real estate company, e commerce web design company, web design company facebook page, web design company for sale, web design company faridabad, web design company features, web design company fresher job in kolkata, web design company franchise, web design company facebook, web design company for small business, web design company fort lauderdale, web design company florida, web design company gurgaon, web design company germany, web design company goals, web design company glasgow, web design companies ghana, web design graphic company, web design company names generator, web design company html template, web design company how to start, web design company hyderabad, web design company html templates free download, web design company houston, web design company history, web design company hong kong, web design company hawaii, web design company html5, web design company in bangalore, web design company jaipur, web design company jobs delhi, web design company jobs, web design company jakarta, web design company job titles, web design company japan, web design company joomla template, web design company jamshedpur, web design company jeddah, web design company joomla, web design company kolkata, web design company kerala, web design company kannur, web design company chennai, web design company list, web design company ludhiana, web design company london, web design company list in india, web design company logo, web design company list in kolkata, web design company layout, web design company logo inspiration, web design company lucknow, web design company los angeles, web design company mumbai, web design company malappuram, web design company muvattupuzha, web design company mangalore, web design company melbourne, web design company madurai, web design company malaysia, web design company miami, web design company manchester, web design company milwaukee, web design company name, web design company name ideas, web design company noida, web design company new york, web design company navi mumbai, web design company newsletter, web design company nagpur, web design company name list in kolkata, web design company names list, web design company name generator, web design company orlando, web design company overview, web design company outsourcing, web design company orange county, web design company our process, web design company our team, web design company objectives, web design company on facebook, web design company of bangladesh, web design company of usa, services of web design company, list of web design company, name of web design company, list of web design company in chennai, portfolio of web design company, list of web design company in pune, profile of web design company, business plan of web design company, website of graphic design company, reviews of website design companies, web design company profile, web design company profile pdf, web design company portfolio, web design company pune, web design company profile doc, web design company portfolio pdf, web design company profile ppt, web design company patna, web design company profile sample pdf, web design company pondicherry, by p web design company, web design company quotes, web design companies qatar, website design company qatar, web design company interview questions, web design and development quotation sample, web design and development quotation, web design and development questionnaire, web design and development quote, website design and development quote, website design and development questionnaire, web design company rajkot, web design company reviews, web design company ratings, web design company revenue, web design company raleigh nc, website design company reviews, website design development rfp, web design company responsive design, web design company singapore, web design company sites, web design company startup, web design company san francisco, web design company salem, web design company slogans, web design company sydney, web design company services page, web design company saudi arabia, web design company switzerland, web design company templates, web design company tagline, web design company texas, web design company terms and conditions, web design company thane, web design company theme, web design company tirupur, web design company team, web design company themeforest, web design company toronto, web design company usa, web design company uk, web design company us, web design company uae, web design company ukraine, web design company united states, web design company udaipur, website design company uk, website design company usa, web design companies usa list, university website design company, northumbria university web design development, web design company vadodara, web design company visiting cards, web design company vacancy, web design company vision, web design company values, web design company vancouver, web design company valuation, web design company vision and mission, web design company vision statement, web design company varanasi, web design company website, web design company wordpress theme, web design company website template, web design company website wordpress theme, web design company website inspiration, web design company why choose us, web design company wordpress template, web design company website content, web design company wordpress theme free, web design company website templates free download, web design company yorkshire, web design companies york, web design company in yamuna nagar, web design company zimbabwe, web design company zurich, website design company new zealand, free website design co.za, web design development 1, web design company top 10, web design and development 1 student version, web design and development 101, website design and development 100 questions to ask before, website design and development 100 questions, #1 web design company, no 1 web design company, best web design company 2012, best web design companies 2011, top website design companies 2011, web design company 352 media, web design company for sale in india, web design company for sale uk, web design company for musicians, web design company for ecommerce, web design company for restaurants, web design company for photographers, web design for company, web design for company profile, names for web design company, template for web design company, logo for web design company, slogan for web design company, tagline for web design company, brochure for web design company, testimonial for web design company, keywords for web design company, crm for web design company, content for web design company, web design company in kolkata sector 5, web design company salt lake sector 5, web design company in kolkata saltlake sector 5, fortune 500 web design company, top 5 web design company in india, top 5 web design companies, top 5 website design companies, salt lake sector 5 web design company, top 6 ugliest web design companywebsites, top 10 web design company, top 10 web design company in india, top 10 web design company in ahmedabad, top 10 web design company in kolkata, top 10 web design company in chennai, top 10 web design company in bangalore, top 10 web design company websites, top 10 web design company in uk, top 10 web design companies in india 2012