M4 WEB USABILITY_ EPORTFOLIO

M4 WEB USABILITY_ EPORTFOLIO - CREATING A WEBSITE...

Info iconThis preview shows page 1. Sign up to view the full content.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: 8/17/08 CREATING A WEBSITE WEB
USABIITY
 E
PORTFOLIOS
 WEB PAGE DESIGN USABILITY
 OBJECTIVE   Evaluate
design
and
usability
of
websites
   Criteria
         Navigation
 Ease
of
use
 CRAP
principles
 Audience
appeal
and
suitability
 3 1 8/17/08 NAVIGATION   Clearly
marked
options
   Self‐explanatory
   Relevant
links
   Functional
links
 EASE OF USE   Navigate
easily
   Avoid
scrolling
 Well‐organized
structure
   Find
information
easily
     Help
features
available
   Acceptable
download
speed
 5 CRAP   Contrast
         Set
off
important
items
 Consistent
format
on
all
pages
 Elements
line
up
 Items
are
close
together
   Repetition
   Alignment
   Proximity
 6 2 8/17/08 APPEAL   Readable
       AND SUITABILITY   Invites
users
to
explore
 Clear
information
 Good
grammar
 No
spelling
errors
   Media
elements
enhance
   Advertising
does
not
interfere
 7 ASSIGNMENT   Evaluate
two
websites
of
your
choice
   Complete
Web
Design
Evaluation
Checklist
 Web_Design_Evaluation_Activity.doc 8 CREATING A WEBSITE E‐PORTFOLIO
PROJECT
 3 8/17/08   Assessment
Integrated‐
   link
to
teacher
portfolio
 rubrics,
grades,
comments
 best
work,
subject,
skill
 different
versions,
personal
and
professional

   Includes
several
assessment
measures
     Showcases
     Cross‐
reference
work
   OBJECTIVE   Create
a
personal
web
site
       Text
 Pictures
and
Graphics
 Hyperlinks
       Project
Assignments
 Other
pages
in
personal
web
site
 Other
web
sites

   Posted
to
AFS
www
space
 11 CREATING A WEBSITE   Plan
   Design
   Develop

   Load
and
test
(publish)
   Update
(maintain)
 Text: Using Technology in the Classroom Pages 223-235 12 4 8/17/08 PLAN   Purpose
   Types
of
information
included
   Types
of
links
created
   Organization
chart
 13 WEB SITE ORGANIZATION CHART Home Page Assignment TOC Word Productivity Web Evaluation Scavenger Hunt Budget Project Data Analysis Project Baseball Project PowerPoint Project Etc. Photos Interests Optional Pages Student Choice 14 REQUIRED PAGE NAMES index.html
 Home Page 
assignment.html
 Assignment WORD Project EXCEL Project PowerPoint Project Etc. LP1, PHOT GALLERY pics.html
or
 photos.html
 fun.html
or
 interest.html
 ILP2, Interests Optional Pages Student Choice 5 8/17/08 WEB SITE ORGANIZATION CHART index.html .html My EDT321 assignments My friends in pictures My favorite things to do Assignments Welcome to my Web Site Visit: pictures.ht Pml hotos fun.html Interests 16 WEB SITE ORGANIZATION CHART pics.html My Friends in Pictures Mary.jpg Mary dancing all4.jpg Juan, Tashy, Sergei and me! Visit: Our trip to Rocky Point My home page My EDT321 assignments My favorite things to do 17 trip.html index.ht ml a.html fun.html DESIGN   Clear
information
     Grammar
 spelling
   Well‐organized
structure
   Effective
navigation
   Avoid
scrolling
 18 6 8/17/08 DEVELOP   Create
website

   Create
hyperlinks
   Preview

   Tasks
view
   Test
online
 19 LOAD AND TEST   Follow
instructions
for
loading
to
AFS
space
   Check
from
one
or
two
computers
   Visit
all
links
on
all
pages
   Make
any
revisions
or
changes
 20 UPDATE   Update
web
site
as
desired
     For
each
project
 Final
submission
for
grade
   Keep
ASU
space
while
a
student
 21 7 ...
View Full Document

This note was uploaded on 03/06/2011 for the course EDT 321 taught by Professor Johnson during the Fall '08 term at ASU.

Ask a homework question - tutors are online