Top Banner
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2
9

CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Apr 01, 2015

Download

Documents

Kyla Hamell
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

CSE2MA Multimedia Authoring

Semester 2, 2011

Web Page Design

Week 2

Page 2: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

These days many web sites are full-on multimedia applications.

The first aspect of the multimedia application that a client sees is the web site.

The web site needs to be well-designed to capture a client’s attention.

Page 3: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Web page components

When designing a web site we need to consider the components of web pages

Background – plain color or imageText – content, color, font, sizeGraphics – size, position, color, animatedLinks – text, graphics, buttons, color, size, position

Page 4: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

What can we learn from bad web sites?

Smith and Goldsmith

DPGraph

Gates N Fences

Xerox

Page 5: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

What can we learn from good web sites?

Peter's Body Shop

Stuart Row Landscapes

RMJM

ToysRus

Page 6: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Good web site design suggestions

TextNot interrupted by backgroundBig enough to read but not too bigColumns of text are narrower than in a book

NavigationButtons and bars are easy to useConsistent throughout web siteUser always knows where they are in the site

Page 7: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Good web site design suggestions

LinksColors coordinate with page colorsUnderlined so instantly clear to user

GraphicsButtons not too big and dorkyEvery graphic link has matching text

GeneralPages download quicklyWidth less than 1024 pixelsGraphics used to break up large areas of textConsistency between pages in a web site

Page 8: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Poor web site design

BackgroundsColor combinations that make text hard to readDistracting backgrounds

TextToo small to readStretches all the way across the pageAll in capsAll in italicsUnderlined text that is not a link

LinksDon’t workNot underlinedIn the middle of textNot clear where they goToo many

Page 9: CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.

Poor web site design

GraphicsTake ages to loadDon’t fit on screenToo small to discernMissing

TablesDorky borders

GeneralA need to scroll sidewaysNo focal point on pageToo many focal points on the pageLack of contrast