web design guidelines by scott grissom1 a quick introduction to web design scott grissom associate...
TRANSCRIPT
Web Design Guidelines by Scott Grissom
1
A Quick Introduction to Web Design
Scott Grissom
Associate Professor
Computer Science & Info Systems
www.csis.gvsu.edu/~grissom
Web Design Guidelines by Scott Grissom 2
Introduction
Web site designWeb usability
Web Design Guidelines by Scott Grissom 3
Your Goal
Create a web site that is:– useful– compelling– attractive– easy to use– satisfying
Web Design Guidelines by Scott Grissom 4
Web Development Team
Content providerInformation architectGraphic designerWriter / editorProgrammerProject ManagerUsability Expert
Web Design Guidelines by Scott Grissom 5
Mission Statement
What are you creating and why?Who will use it?What will they want to do?What are your short and long term goals for the
site?How will you know if your site is successful?
Web Design Guidelines by Scott Grissom 6
Identify the Audience
Prospective studentsCurrent studentsFaculty / staffAlumniGeneral public
Web Design Guidelines by Scott Grissom 7
Identify the Content
What do your visitors want?What information do you want to provide?What do similar organizations provide?What do you already have?What do you need to create?
Web Design Guidelines by Scott Grissom 8
Activity #1
Develop a mission statement– only one sentence
Include– purpose– audience– content
Develop an initial inventory of content
Web Design Guidelines by Scott Grissom 9
Web Usability
What is it?Why is it important?
Web Design Guidelines by Scott Grissom 10
Home Page
What can I do at this site?No scrolling should be necessary!AttractiveThis is your first impression
Web Design Guidelines by Scott Grissom 11
Navigation System
How do I get home?Where am I?Where else can I go?
Web Design Guidelines by Scott Grissom 12
Usability Evaluation
ChecklistUser testingUsability inspection
– bring in a usability expert
Web Design Guidelines by Scott Grissom 13
Usability Checklist
Are all links correct?Is there a link to home on every page?Is navigation consistent on every page?Does each page have an appropriate title?Did I proofread all content?Create user profiles
– can they do what they will likely want to do?
Web Design Guidelines by Scott Grissom 14
Activity #2
Go to other university sitesKick the tires and look for usability problemsWhat do you like?What do you think will cause problems?What do you hate?
Web Design Guidelines by Scott Grissom 15
Other University Sites
Hope College
www.hope.edu
U of M
www.umich.edu
Michigan State
www.msu.edu
Wayne State
www.wayne.edu
Hillsdale
www.hillsdale.edu
Web Design Guidelines by Scott Grissom 16
Conclusion
Web site design– start with a mission statement– plan and organize the content
Web usability– you are NOT the typical visitor– find out what problems the typical visitor has with your
site