
b7d9c68ba5b39c0912beafbe533b2fa3.ppt
- Количество слайдов: 54
Connie Hancock University of Nebraska - Lincoln Extension Educator chancock 1@unl. edu
The only reason your Web site exists is to solve your customers’ problems!
Why people come to your site? • They want/need information • They want/need to make a purchase/donate • They want/need to be entertained http: //webpagesthatsuck. com
HOME RUN High-quality content Often updated Minimal download time Ease of Use Relevant to users’ needs Unique to the online medium Net-centric corporate culture Designing Web Usability – Jakob Nielsen
i. Activity 1 ihttp: //abc. go. com/ ihttp: //www. amctv. com
ASK YOURSELF i. What do you like and dislike about this web page? i. What information does this page share? i. Does it appear to be easy to find important or pertinent information? i. Is the information well presented?
Three Parts of a Web Site i. Information i. Interaction i. Presentation Web Page Design – Stubbs, Barksdale, Crispen
Information Message Audience Purpose Background Structure Interaction Organization Navigation Interactivity www. webguild. org Presentation Color scheme Font Selection Graphics selection Multimedia effects Arrangement
i. Information Design i. Message i. Audience i. Purpose i. Background i. Structure
i. Activity 2 ihttp: //www. senate. gov/
ASK YOURSELF i. What is the primary message of the Web page? i. Whom do you think message is directed to? i. Why do you think they want to share this information? i. Did you already know about them before you visited this Web site? i. Is the message easy to read and follow?
Hints for “Old Sites”
Content rich sites i. More likely to remain on site i. More likely to return Content is the focus i. Reason why people go online i. First thing they look for i. Must provide fast answers
i. Web Site Content i. Beginning – grabs attention i. Middle – value added portion i. Ending – payoff or call to action
Do you have “Heroin” Content ? The best content is content people want to see over and over again! http: //websitesthatsuck. com
i. Does it solve problems? i. Does it match target market expectations? i. Do you know the purpose of your site? i. Do you know target customer? i. Would it cause people to re-visit? i. Is it technically correct? i. Is the content current and updated? i. Can people find what they are looking for?
Page Content i. Keep Text Short i. Bullets i. Structure articles with headings i. Use highlighting i. Plain Language i. One idea per paragraph i. Start each page with a conclusion - Most important first i. Page Chunking i. Copy Editing
Message i. Think about what you want to tell i. Whom you’re going to tell it to i. What do they already know i. How will information be put together Example – http: //www. irs. gov
4 Seconds i. To download Home page i. To figure out your message
What about your Web site i. What is your Web site’s message? i. Who is your audience? i. What is the purpose and scope of your Web site? i. How is the message structured?
Interaction Design i. Organization i. Navigation i. Interactivity
Activity 3 ihttp: //go. com/
ASK YOURSELF i Which web site’s organization did you like best? i. What navigation tools did they use? What do they have in common? i. Which of these two sites has you participating or making the most decisions? What kinds of decisions or interactions are expected?
Hints for “Old Sites”
Organization = Uniform Context i. Now where do you go? i. Where are you going? i. Knowing where you are
Organizing the message i. Random i. Linear i. Hierarchical i. Mixed
Navigation i. Home Page – Welcome Page i. Site identity/mission i. Site hierarchy i. Search i. Teases i. Timely content i. Deals i. Short-cuts i. Registration Don’t Make Me Think – Steve Krug
It also has to i. Show me what I’m looking for i…. . and what I’m not looking for i. Show me where to start i. Establish credibility and trust Don’t Make Me Think – Steve Krug
All web navigation must answer: i. Where am I? i. Where have I been? i. Where can I go next? i. Where’s the Home Page? Example: http: //sethgodin. typepad. com/
“Mystery Meat” Navigation i. Mouse-over “buttons” to know where to go i. Graphics that are usually blank Example - http: //slashdot. org/
What about your site? i. How is your site organized? i. Does your home page do it’s job? i. Can people find their way around your site easily? i. Are you asking them to take action?
Presentation Design i. Color scheme i. Font selection i. Graphics selection i. Multimedia effects i. Arrangement
Looks of the House are important i. People don’t care what “tools” were used to build it i. Don’t want design elements that get in the way
Activity 4 ihttp: //disney. go. com
ASK YOURSELF i. What colors, written text, hyperlinks were chosen? i. Is the font easy to read? i. Describe the graphics. i. Are there any special effects? i. Are all the elements arranged on the page in such a way that each element adds to the page?
Hints for “Old Sites”
i. Must inspire confidence i. Must appear you understand i. Must show your share their values i. Must show your product/service will solve THEIR problem
Don’t confuse web design with a magic trick! Which one is the real dentist? http: //websitesthatsuck. com
Human Factors i. Brain is built for recognition i. Brain likes 7 i. Brain thrives on contrast i. Brain likes to find patterns Marketing on the Internet – Jan Zimmerman
Design Elements i. Background – colors/images i. Foreground – content/links i. Other – buttons, hyperlinks, search, navigation bar, table of content, etc…. .
Organizing space i. Unity i. Balance i. Proportion
Misusing Graphics and Flash i. Tools to explain your message i. Example – Flash i. Example – Graphics http: //websitesthatsuck. com
What about your Web site? i. Are your colors inviting? i. Is the text/font easy to read? i. Do the graphics add to the message? i. Are the elements arranged to add to the page?
Krug’s Laws of Usability i. Don’t make me think!! i. It doesn’t matter how many times I have to click i. Get rid of half of the words on each page, then get rid of half of what’s left Don’t Make Me Think –Steve Krug
i. Accessibility i. Visually impaired use special readers for text. i. Blinking text can trigger seizures. i. Poor color choices may render text unreadable to color blind visitors. i. Mouse-dependent site navigation can be difficult for visitors with physical limitations. i. Information contained in sound clips is inaccessible to hearing-impaired visitors.
Text only default
www. cast. org/bobby Check out a website http: //bobby. watchfire. com/bobby/html/en/index. jsp
i. CERN Usability Guidelines – http: //www. w 3. org/WAI i. Microsoft Usability Guidelines – http: //msdn. microsoft. com i. Philip Greenspun – http: //www. arsdigita. com/books/panda
i. Everybody test i. Ask visitors what they think of the content and imagery of your page. i. Let them express their opinions i. Then show them you value their opinions and comments and make the positive changes they suggest
Web site is NOT your Marketing Strategy IT IS PART OF IT
i. Resources i. Don’t Make Me Think – Steve Krug i. Designing Web Usability – Jacob Nielsen i. Web Page Design – Stubbs, Barksdale, Crispen i. Marketing on the Internet – Jan Zimmerman ihttp: //www. webpagesthatsuck. com ihttp: //www. useit. com ihttp: //www. cast. org/bobby
i. Additional Resources ihttp: //www. htmldog. com/ ihttp: //webopt. com ihttp: //webmonkey. com ihttp: //www. htmlhelp. com/ ihttp: //www. wikipedia. org/ ihttp: //www. webopedia. com ihttp: //www. fixingyourwebsite. com/drhtml ihttp: //www. browsercam. com/ ihttp: //www. webpagesthatsuck. com/cheaptools. html
Connie Hancock University of Nebraska - Lincoln Extension Educator chancock 1@unl. edu
b7d9c68ba5b39c0912beafbe533b2fa3.ppt