User Experience 3: Project Dev – Sample Assignment

Week 8: Week 08 – Lab – SEO Page Testing

In this Lab, you will test the draft prototype page which describes one of your complete Ux projects.

Testing is for understanding, legibility, readibility, and findability.

User Priming

  • Their Persona is a “creative director” or “employer” looking to hire you
  • Their task is to understand your skills and abilities
  • Their goal is to evaluate you as a good/bad hire
  • Additionally they are evaluating your page for completeness
  • They carry out the task by scrolling through your page
  • They are looking for things you left out
  • They are looking for typos, bad images, and other errors

BEFORE THE TEST

  1. Do Google searches for Ux portfolios. Write down the keywords that tend to bring up Ux portfolio sites
  2. Use Google Adwords, Bing Webmaster Tools, or other keyword search tools to find terms related to your portfolio site
  3. Look at the results, and compile a list of keyword and key phrases your Employer site Persona would be likely to type in to find your site
  4. Adjust your page content, title and headers to match common keywords from your compiled list

Add Keywords SEO to your Site

  1. Add meta tags <meta name=”keywords”…> to your page with the keywords
  2. Add meta tag <meta name=”description”…> to your page which use the keywords and phrases to describe your site
  3. Add Facebook OGP tags to your page
  4. Add Twitter Card tags to your page


Sample Meta Tags


< meta name=”keywords” content=”user experience, ux, experience design”>
< meta name=”description” content=”I am a Ux designer with user experience portfolio work and interaction design experience as well”>

@link https://searchenginewatch.com/sew/how-to/2067564/how-to-use-html-meta-tags

Facebook OGP Tags

<meta property=”og:title” content=”Facebook Open Graph META Tags”/>
< meta property=”og:image” content=”https://davidwalsh.name/wp-content/themes/klass/img/facebooklogo.png”/>
< meta property=”og:site_name” content=”David Walsh Blog”/> <meta property=”og:description” content=”Facebook’s Open Graph protocol allows for web developers to turn their websites into Facebook “graph” objects”/>

Tutorials for Adding Facebook OGP
@link https://davidwalsh.name/facebook-meta-tags

Facebook OGP Debugger
@link https://developers.facebook.com/tools/debug/

Twitter Card Tags

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">

Twitter Card Tutorials
@link https://dev.twitter.com/cards/overview

Twitter Card Validator
@link https://cards-dev.twitter.com/validator

TEST 1: Run the Google Search Test (SEO)

  • Have your testers try to find your website in Google
  • Have your testers try to find your website in Bing
  • What keywords did they use?
  • How do their keywords compare to your list?

TEST 2: Run the Main Page Test (non-SEO)

  • Have your “Final Project” Ux Page onscreen (or the home page of your portfolio) with keywords and phrases optimized from above
  • Use at least 3 Testers
  • Use a Note-taking test strategy:
    • User explore the page, making comments as they go
    • You write down their comments
    • After they have scrolled around for a while, you can ask them specific questions to see if they understood what you were trying to say
    • At the end, ask them if they would hire you(!)


TEST 3: Social Network Testing (SEO)

  • Have your testers log into their Facebook and/or Linkedin account
  • Have your testers type in the address to your website
  • Ask them what they learn by what appears
  • Ask them if they would visit your site, based on what they saw in the social network