Technology Training

1

http://www.belladesoto.us/http://www.thomasedison.org/http://www.laeyeworks.com/ http://www.billyconnolly.com/

2

Is more than “looking good”Satisfies at least one of four user

needs: They want/need information They want/need to make a

purchase/donation. They want/need to be entertained. They want/need to be part of a

community.

From site structure to front-end design

4

Who? What? Where? Why? And How?

5

Why a website? Share information (photo

albums, profiles, calendars)

Gather data, materials, or money (surveys, forms, shopping carts, etc)

Facilitate collaboration, discussion, and creation of ideas (wikis, blogs, forums)

Who are they and why would they use your site? They want/need

information They want/need to make

a purchase/donation They want/need to be

entertained They want/need to be

part of a community

What is your content? “Heroin Content” Web writing basics▪ Shorter is better▪ Use search keywords▪ Drive user action▪ Proofread

Get a second opinion

How will you deliver your content? Dictated mostly by

Purpose and Content Happens mostly in Plan

and Organize phase Blogs, surveys, Google

Calendar, YouTube, social networking (Facebook, Twitter, etc.)

Site maps show site architectureGroup pages » Categories » Primary

NavigationOrganize material based on users’

needsNo dead-end pages

All navigation must answer: Where am I? Where have I been? Where can I go next? Where's the Home Page? Where's the Home Home Page?

PRINT WEB

How will users learn about your site?How does website tie into marketing

plans?Social networking?

Mockups, Layout, and Accessibility

(Mis)Using visual elements instead of text Limits accessibility of screen readers Not search-engine friendly Increases page size and load time Harder to edit

27

WEB CONTENT ACCESSIBILITY GUIDELINES

Text Alternatives Alternatives for Time-

based Media Well-timed Adaptable Distinguishable Keyboard Accessible

Avoid Seizures Navigable Readable Predictable Input Assistance Compatible

28

Validators, Simulators, and Guinea Pigs

QUANTITATIVE

Validators Check for broken links Compare to web standards

Simulators Mobile device simulators Search Engine

Optimization Tools (SEOs) Cross-platform check

Firefox, Safari, IE, Opera, Chrome, etc.

Mac OS X, Vista, XP, Linux, etc.

QUALITATIVE

Friends Colleagues Designers/Developers User testing

Focus groups Surveys

Create/find new content regularlyReplace imagesVerify external links are activeLook for broken linksSolicit user inputCheck marketing outlets

Technology Trainingscu.edu/training

32