web design html css creating web sites design principles

10
Web Design HTML CSS Creating Web Sites Design Principles

Upload: brianna-warren

Post on 23-Dec-2015

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Design HTML CSS Creating Web Sites Design Principles

Web DesignHTMLCSS

Creating Web SitesDesign Principles

Page 2: Web Design HTML CSS Creating Web Sites Design Principles

Planning your Website

The Goals of Website Design

Consider rapidly evolving mobile devices

Differences between print and web

Call to action on users part

Web demands user interaction

Page 3: Web Design HTML CSS Creating Web Sites Design Principles

Defining Goals and Strategy

Why does website exist?

Will the site be free?

What kind of information is contained?

What user interactions might be on the site?

User centered design research on what users might be expecting

Can users submit information to the site?

Page 4: Web Design HTML CSS Creating Web Sites Design Principles

Scenarios and Characters

Web analytics

Popular analytics tools

Google Analytics

Omniture

Haveamint.com

Chartbeat.com

Page 5: Web Design HTML CSS Creating Web Sites Design Principles

Information Architecture

Page 6: Web Design HTML CSS Creating Web Sites Design Principles

Business of Design

AIGA aiga.org

Graphics Artists Guild

A list apart

Page 7: Web Design HTML CSS Creating Web Sites Design Principles

Goals of Web Design

Rethinking Site Navigation

Usability Testing

First impressions of layout

Where does your eye go first

Is that the most important element

Color Associations

Navigation choices

Where would you click and why?

Page 8: Web Design HTML CSS Creating Web Sites Design Principles

Colors of the Web

Page 9: Web Design HTML CSS Creating Web Sites Design Principles

Wireframes prototypes & mockups

Wireframes

Mock ups – can be the next step

Prototypes build for demonstration purposes

Interactive Prototyping resources

Microsoft Sketchflow

Adobe Fireworks

Eightshapes Unify

Page 10: Web Design HTML CSS Creating Web Sites Design Principles

Creative during the Planning Process

Quick early sketches

Failure is an option

Accept criticism