Скачать презентацию Connie Hancock University of Nebraska — Lincoln Extension Скачать презентацию Connie Hancock University of Nebraska — Lincoln Extension

b7d9c68ba5b39c0912beafbe533b2fa3.ppt

  • Количество слайдов: 54

Connie Hancock University of Nebraska - Lincoln Extension Educator chancock 1@unl. edu 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! 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 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 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 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. 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 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 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. Information Design i. Message i. Audience i. Purpose i. Background i. Structure

i. Activity 2 ihttp: //www. senate. gov/ i. Activity 2 ihttp: //www. senate. gov/

ASK YOURSELF i. What is the primary message of the Web page? i. Whom 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” Hints for “Old Sites”

Content rich sites i. More likely to remain on site i. More likely to 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 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 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 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. 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 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 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 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 Interaction Design i. Organization i. Navigation i. Interactivity

Activity 3 ihttp: //go. com/ Activity 3 ihttp: //go. com/

ASK YOURSELF i Which web site’s organization did you like best? i. What navigation 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” Hints for “Old Sites”

Organization = Uniform Context i. Now where do you go? i. Where are you 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 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. 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 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? 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 “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 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 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 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 Activity 4 ihttp: //disney. go. com

ASK YOURSELF i. What colors, written text, hyperlinks were chosen? i. Is the font 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” Hints for “Old Sites”

i. Must inspire confidence i. Must appear you understand i. Must show your share 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? 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 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, 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 Organizing space i. Unity i. Balance i. Proportion

Misusing Graphics and Flash i. Tools to explain your message i. Example – Flash 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 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 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 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 Text only default

www. cast. org/bobby Check out a website http: //bobby. watchfire. com/bobby/html/en/index. jsp 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 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 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 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 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: 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 Connie Hancock University of Nebraska - Lincoln Extension Educator chancock 1@unl. edu