Web Design Key principles

Topics: Graphic design, World Wide Web, Web design Pages: 25 (1589 words) Published: June 22, 2015
Objectives











Understand what people want from the web
Get the big picture
Appreciate web design as a collaborative effort
List key steps in the website design development process
Understand design concept and visualization as applied to
web design
Realize the need for engaging content
Learn to maximize the potential of available technology
Grasp the basics of motion
Understand visual basics for screen-based media
Design for interactive media

Definitions








Websites are a collection of “pages” or files linked together and made available on the World Wide Web and are
authored and owned by companies, organizations, and
individuals.
Content is the body of information that is available to
visitors. It is the subject and substance of the text and
graphics.
Information architecture is the careful organization of
website content into hierarchical (or sequential) order.
The visual design of information architecture is the
navigation system.
Motion aesthetics refers to the process and consideration
of how form creates impact over time in a design.

Web Design: The Big Picture


Technology evolves daily and we can predict that digital
media presentations, applications, and uses for visual
communication will significantly evolve over the next decade. Since the 1990s, the Internet has played an important part in advancing technological changes, and its impact on daily life will continue be felt in innumerable ways.



Along with technology, environmental issues make regular
headlines. As we find opportunities to go green, more
information that was formerly available in print can go digital.

ELF YOURSELF (OFFICE MAX): WEBSITE
EVB, SAN FRANCISCO

Purposes of Websites


Compared with print, interactive media is in its infancy;
however, younger generations have grown up with the web
and many spend most of their leisure time with interactive
media. Website purposes include:
– Public service
nonprofit groups
– Organizations
– Government
– Commercial
– Educational
– Editorial
– Reference
– Institutional promotion
– Transactional
– Self-promotion












Hybrid/experimental
Gaming
Entertainment
Video sharing
Photo sharing
Blogs
Communities
Social networking
Professional networking
Intranet

Successful Design


A successful design includes:
– An online experience that is entertaining, educational, exciting, intriguing, or rich
– Make website visitor become an active participant (user) by making choices:
• enter information/comments
• visit a site
• move through a site • generally interact with content

THE STUNTMAN (UNILEVER, REXONA): WEBSITE
GRUPO W, MEXICO

Successful Design
– A visitor can search for and download
• information or programs
• purchase products
• play games
• enter contests
• watch movies or TV programs
• comment on message boards
• IM
• blog
• view animations and videos
• read information and fiction
• obtain news
• take academic courses

Collaboration


Web design is a collaborative process that takes a team of
experts usually including:
– Lead creative team
– IT (information technology) professionals
– Producers
– Writers
– Animators
– Programmers
– Testers
– Client
– Psychologist or social anthropologist (perhaps)

Website Development


Besides the usual stages of creating proposals and
creative briefs, the web design application process
requires thorough prototyping, where the site is created
and tested for usability.



There are ten key steps in this part of the website
development process:
1. Project plan
2. Creative brief
3. Site structure
4. Content outline
5. Conceptual design
6. Visual design development
7. Technical specs
8. Prototype
9. Technology
10. Implementation

Conceptual Development
and Visualization


NATIONAL ARCHIVES: WEBSITE AND VISUAL EXPLORATIONS
SECOND STORY INTERACTIVE...
Continue Reading

Please join StudyMode to read the full document

You May Also Find These Documents Helpful

  • Key Elements of Web Design Essay
  • Essay on Key Principles on User Design
  • Web Design vs Graphic Design Essay
  • Web Design Essay
  • Web Design Essay
  • Essay on Web Design
  • Future of Web Design Essay
  • Web Design and Advanced Web Development Essay

Become a StudyMode Member

Sign Up - It's Free