Technology Training 1.
-
Upload
gerald-may -
Category
Documents
-
view
231 -
download
0
Transcript of Technology Training 1.
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