the intimacy of user experience

28
The Intimacy of User Experience simple techniques to create a meaningful and lasting relationship with your web audience 09 July 2013 #UNHCS13 Neil Larson, Technical Lead, New & Emerging Media

Upload: university-of-new-hampshire

Post on 12-May-2015

662 views

Category:

Education


5 download

DESCRIPTION

simple techniques to create a meaningful and lasting relationship with your web audience

TRANSCRIPT

Page 1: The Intimacy of User Experience

The Intimacy of User Experience

simple techniques to create a meaningful and lasting relationship with your web audience

09 July 2013 • #UNHCS13Neil Larson, Technical Lead, New & Emerging Media

Page 2: The Intimacy of User Experience

Forming a Connection

Establishing Your Presence

First Impressions

Building the Relationship

Lasting Impressions

Page 3: The Intimacy of User Experience

This correlates to…

Page 4: The Intimacy of User Experience

Key Concepts

Psychology• Who your users are, how will they find you, and what are

they looking to learn?

Design• How your design & layout choices affect your audience

Content• How your content is perceived by your audience

Usability• Level of ease in navigating and exploring your site

Page 5: The Intimacy of User Experience
Page 6: The Intimacy of User Experience

How will they find you?

Hyperlinks

Other siteSocial mediaEmail or IMQR codes, texts

Typing in a URL

• Short• No extraneous characters• Real words with meaning• Character clarity

Web Search

Google or Bing

SERP snippet is your calling card…

Page 7: The Intimacy of User Experience

Typing in a URL

This is bad

How will they find you?

Page 8: The Intimacy of User Experience

This is better!

Typing in a URL

How will they find you?

Page 9: The Intimacy of User Experience

it will probably be:

Web Search

How will they find you?

Page 10: The Intimacy of User Experience

…but don’t bank on it!

Page 11: The Intimacy of User Experience

SERP: Search Engine Results Page

Paid advertising via Google AdWords

Organic (natural)search results

Page 12: The Intimacy of User Experience

SERP Snippet

Page Title (meta)URL

Description (meta)

Page 13: The Intimacy of User Experience

SERP SnippetPage Title (Meta Tag)

• Include the name of your site, not just the specific topic.

• Use Vertical Bar to separate entities• Approximately 65 characters

Page 14: The Intimacy of User Experience

SERP SnippetPage Title (Meta Tag)

Drupal users take note if changing your title…

Your URL alias may change as well. If you have already shared the link through social media or otherwise, uncheck the ‘automatic alias’ box so that your URL can remain the same.

Page 15: The Intimacy of User Experience

Webpage URL

• Concise but relevant• Consider using keywords or phrases• Separate words with hyphens• Use real or recognizeable words, keep

abbreviations to a minimum• Tildes (~) denote amateur websites

SERP Snippet

Page 16: The Intimacy of User Experience

Bad URLsSince spaces can’t exist in URLs, this may cause some confusion. Most people are used to deciphering strings of text

Avoid tilde characters and try to get around using “weighty” words like ‘adult’ in your URL.

Link shortener services like bit.ly are great, but especially for print situations, be sure to customize them with real words. In this case the last two characters are unclear. After two failed attempts to type in a URL, most users will give up & move on…

Page 17: The Intimacy of User Experience

Bad URLs

come on, really…?

Page 18: The Intimacy of User Experience

Description

SERP Snippet

• 150 – 160 characters; think of this with a Tweet-composing mentality.• In other words, be compelling.• If description field is non-existent, search engines will grab either the first

text that appears on your site, or possibly some arbitrary text instead, which might not have a lot of relevance to your site!

• Drupal users: check in with Web Solutions for a way to optimize your meta descriptions

Page 19: The Intimacy of User Experience

Preview your SERP snippets!

Page 20: The Intimacy of User Experience

First Impressions

• Headers• Layout / Design• Body Text

Page 21: The Intimacy of User Experience
Page 22: The Intimacy of User Experience
Page 23: The Intimacy of User Experience

First Impressions

• Headers• Layout / Design• Body Text• Images & Multimedia

Page 24: The Intimacy of User Experience

THESE ARE BAD!!!

Page 25: The Intimacy of User Experience

First Impressions

• Headers• Layout / Design• Body Text• Images & Multimedia• Video

Page 26: The Intimacy of User Experience

Next Steps: Building a Strong Relationship

Site Content

Usability

Page 27: The Intimacy of User Experience

Lasting Impressions

MemorabilityTrustCore StrengthEmotion