• Save
Content Usability
Upcoming SlideShare
Loading in...5
×
 

Content Usability

on

  • 510 views

Content Usability web seminar by Experience Dynamics

Content Usability web seminar by Experience Dynamics
http://www.experiencedynamics.com

Statistics

Views

Total Views
510
Views on SlideShare
500
Embed Views
10

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 10

http://new.experiencedynamics.com 7
http://d7.experiencedynamics.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Content Usability  Content Usability Presentation Transcript

    • Content UsabilityAll contents © Copyright 2013 Experience Dynamics1Content UsabilityAn Experience Dynamics trainingWEB SEMINARWith Frank Spillers, MS
    • About Your SpeakerFrank SpillersMasters Cognitive Science15 years User Centered Design experienceFounder, Experience Dynamics- leading User Experience consultingWorks with Logitech, Nike, Microsoft, Intel, IBM, HP and more.All contents © Copyright 2013 Experience Dynamics2Works with Logitech, Nike, Microsoft, Intel, IBM, HP and more.
    • AgendaOn the web, content is the "killer app". Content influences the direction of a users path, where they go, whatthey see and what they decide to do with the experience. Content usability looks at what elements youshould be aware of when designing content for different web contexts: web sites, intranets, portals, webapplications and even mobile devices. We will explore the users path from findability to content usability andlearn how to write content that is friendly to both users and search bots.1. Principles of content and usability on the Web2. The Psychology of DesignAll contents © Copyright 2013 Experience Dynamics2. The Psychology of Design3. New data: The role of community and reputation building: Usercontributed content4. Five Golden Keys to Writing for the Web5. The anonymous user: SEO (Search Engine Optimization) friendly-copy6. Q & A
    • Purpose of Content• Educate• Inform• EntertainAll contents © Copyright 2013 Experience Dynamics• Generate a Response
    • 1. Principles of content andusability on the WebAll contents © Copyright 2013 Experience Dynamicsusability on the Web
    • Please Don’t EverCLICK HEREAll contents © Copyright 2013 Experience Dynamics6
    • Copy Basics• Skim ability• Scan ability• Read abilityAll contents © Copyright 2013 Experience Dynamics• Read abilityHighlight keywords; use bulleted lists; start with the conclusion.
    • Quiz• What 3 things increase scan-ability?• Large font• BulletsAll contents © Copyright 2013 Experience Dynamics• Bullets• Headers• Main point at top• Less scrolling8
    • All contents © Copyright 2013 Experience Dynamics9
    • Writing for the web is different…• 79% of users scan the page instead ofreading word-for-word• Reading from computer screens is 25%slower than from paper (iPad 6%/KindleAll contents © Copyright 2013 Experience Dynamicsslower than from paper (iPad 6%/Kindle11% slower)• Web content should have 50% of the wordcount of its paper equivalent
    • All contents © Copyright 2013 Experience Dynamics11Users read ~20% of copy per page.
    • Print ≠ Electronic• Font– Sans Serif (Verdana, Arial)– 9 pt lowest (12-14 for 60+)• ContrastAll contents © Copyright 2013 Experience Dynamics• Contrast– White on Black– Light on Dark• Clutter– Group meaningfully– Reduce visual occlusion
    • Conduct a Content Usability AuditAll contents © Copyright 2013 Experience Dynamics
    • 2. The Psychology of DesignAll contents © Copyright 2013 Experience Dynamics
    • The Psychology of Design• Visual System– Perceptive– ReactiveDon’t Mis-Match Me!All contents © Copyright 2013 Experience Dynamics• Cognitive System– Interactive– ReflectiveDon’t Mis-Match Me!Don’t Make Me Think!
    • All contents © Copyright 2013 Experience Dynamics16
    • All contents © Copyright 2013 Experience Dynamics17
    • iPad, iPhone influencing Web copyAll contents © Copyright 2013 Experience Dynamics18
    • All contents © Copyright 2013 Experience Dynamics19
    • Common problems with Content• Badly written copy• Segmenting visitors• Padding it with fluff (“marketese”)All contents © Copyright 2013 Experience Dynamics• Padding it with fluff (“marketese”)• Jargon• Using offline tactics online (sales letters, adcopy, brochure-ware)
    • Quiz- what are characteristics ofbadly written?• Grammar mistakes• Not connecting with audience• NounsAll contents © Copyright 2013 Experience Dynamics• Nouns• Tone• Appropriateness to task21
    • BAD EXAMPLEAll contents © Copyright 2013 Experience Dynamics22
    • GOOD EXAMPLEAll contents © Copyright 2013 Experience Dynamics23
    • And Specifically…LayoutProximity of Content to ActionsSemanticsMeaningful, Compelling, EmotionalAll contents © Copyright 2013 Experience DynamicsScan-abilityKeyword RelevancyClarityPlain-English and User-centric
    • All contents © Copyright 2013 Experience Dynamics25
    • All contents © Copyright 2013 Experience Dynamics26
    • BeforeAll contents © Copyright 2013 Experience Dynamics
    • AfterAll contents © Copyright 2013 Experience Dynamics
    • 3. New data: The role of communityand reputation building: UserAll contents © Copyright 2013 Experience Dynamicsand reputation building: Usercontributed content
    • UGC is gainingAll contents © Copyright 2013 Experience Dynamics30
    • UGC is gainingAll contents © Copyright 2013 Experience Dynamics31By 2013, almost 52% of U.S. Internet users will be content creators as well(eMarketer 2008).
    • Consumers will not pay for ContentAll contents © Copyright 2013 Experience Dynamics32
    • 4. Five Golden Keys to Writing forthe WebAll contents © Copyright 2013 Experience Dynamicsthe Web
    • 5 Golden Keys to Writing for the Web1. Be powerfully explicit2. Create emotional impact3. Write good SEO friendly meta-contentAll contents © Copyright 2013 Experience Dynamics3. Write good SEO friendly meta-content4. Use Manners for Privacy, Trust, Credibility5. Align copy with tasks
    • 1. Be powerfully explicit• Sell with Content• Clarify value propositions• PersuadeAll contents © Copyright 2013 Experience Dynamics• Persuade• Call to action
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics36
    • BADEXAMPLEAll contents © Copyright 2013 Experience Dynamics37
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics38
    • 2. Create emotional impact• Meet and Exceed expectations• Make tone reliable (partner)All contents © Copyright 2013 Experience Dynamics• Generate excitement• Deliver on the promises
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics40
    • 2.1 Create emotional impactAll contents © Copyright 2013 Experience Dynamics
    • 2.2 Create emotional impactAll contents © Copyright 2013 Experience Dynamics
    • 2.3 Create emotional impactAll contents © Copyright 2013 Experience Dynamics
    • 2.4 Create emotional impactAll contents © Copyright 2013 Experience Dynamics
    • • Title Tag (65 char with spaces) with30%-70% density• Meta Description Tag (not Meta3. Write good SEO friendlymeta-contentAll contents © Copyright 2013 Experience Dynamics• Meta Description Tag (not MetaKeywords)• Headings (H1,H2,H3)• Italics and Strong Tags• Keyword phrase laden copy
    • SEO friendly copy• 1 inter-page link with keywordphrase (for link juice)• Use live HTML for importanttext, phrases and keywordsAll contents © Copyright 2013 Experience Dynamicstext, phrases and keywords(CSS images/hovers)• Descriptive ALT tags• Duplicate navigation links atbottom of page (if usingimages)
    • • Claim errors (fatal error)• State privacy policy• Shorten legal roller coasters4. Use good manners forprivacy, trust, credibilityAll contents © Copyright 2013 Experience Dynamics• Shorten legal roller coasters• Open disclosure (shipping)
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics48
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics
    • • Allow tasks to structure content• Support user decision making• Offer related information5. Align copy with tasksAll contents © Copyright 2013 Experience Dynamics• Offer related information• Make call to action (s) clear
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics51
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics
    • GOODEXAMPLEAll contents © Copyright 2013 Experience Dynamics
    • BADEXAMPLEAll contents © Copyright 2013 Experience Dynamics54
    • 5. The anonymous user: SEO(Search Engine Optimization)All contents © Copyright 2013 Experience Dynamics(Search Engine Optimization)friendly-copy
    • Writing for Google bot• Focus a page on 1 keywordphrase• Use phrase in Title tag• Keep the entire focus onthe keyword phraseAll contents © Copyright 2013 Experience Dynamicsthe keyword phrase• Use the phrase throughoutbody text• Name pages after keywordphrases (URL)
    • Think Like a Machine• Reads Title Text• Use H1, H2, H3• Use Comment Tags• Reads Top to BottomAll contents © Copyright 2013 Experience Dynamics• Reads Left to Right• Reads Images• Relevancy to UX (Googlebot agenda)
    • ALT tags• Semantically tuned• No machine descript• Stuff ‘em within reasonAll contents © Copyright 2013 Experience Dynamics
    • Keyword Research• Competitor keywords-what do they use• Keyword phrases- stick toa theme• Keyword Density- 1%-3%All contents © Copyright 2013 Experience Dynamics• Keyword Density- 1%-3%• Keyword Prominence- topof page; start of sentence
    • Content StrategiesFinish sentences with keyword phrases.All contents © Copyright 2013 Experience DynamicsSource: Karen Thackston
    • Content Strategies• Quality Content• Blogs/ Social (photos/video)for search ranking• Keep it fresh (amtAll contents © Copyright 2013 Experience Dynamics• Keep it fresh (amtchange/often/newpage/importance…) *• 400+ words min per page =gets rankedHow Google ranks freshness:http://moz.com/blog/google-fresh-factor
    • Use Fat Footers• Internallinking• Long tail SEO• UXAll contents © Copyright 2013 Experience Dynamics62• UX
    • thank you!All contents © Copyright 2013 Experience Dynamics63thank you!1-800-978-9183www.experiencedynamics.comFrank Spillers, MSFrank.Spillers@experiencedynamics.com