mobile brand & user experience for nonprofits
TRANSCRIPT
Alignment of:[INTERNAL]
Business Goals Technology
[USER RELATIONSHIP]
Your Goals User Objectives
[CAPACITY]
Budget/Staff/Etc User Expectations
@mjsante
@mjsante
User Experiencethe overall experience of a
person using a product such as
a website or application,
especially in terms of how easy
or pleasing it is to use.- Google
Mobile vs Desktop
•Screen Size
•Portable
•Always On
•Interrupted Engagement
•Single Window
•Refresh Pages
•Download speeds & variable connectivity
@mjsante
@mjsante
Easy Updates to Enhance UX:
Homepage & Navigation
Prioritize content based on user needs
Evaluate against user needs & adjust
Highlight functional elements (give, help, search)
Include important elements in the footer *
Test navigation menus **
@mjsante
Easy Updates to Enhance UX:
Content & Links
Use lists, bullets, bolding and links to make pages scannable
Make links easily clickable (48px says Google, 55px is better)
Make buttons large with clear text
Leave spacing between links
Fonts should be 16px for standard text
Use whitespace to guide the eye
@mjsante
Easy Updates to Enhance UX:
Forms & Graphics
Forms: Simplify & shorten your forms
Forms : Test spacing and form entry
Use text in place of any graphics that communicate information
(i.e. phone numbers)
Speed: Optimize images, CSS, etc
@mjsante
Plan for Mobile EVERYWHERE• Website• Newsletters• Calls to Action• Advocacy Information• Facebook• LinkedIn• Twitter• Print materials• Etc
@mjsante
Mobile User Experience
It isn’t just your website.
It’s also your
-emails
-newsletters
-tweets
-posts on Facebook
Anything that might be opened on mobile.
@mjsante
Mobile UX
Anything that might be opened on
mobile and has a link to your website or a digital property.
Whether you sent it or not.
@mjsante
Integrated Brand Tips
Newsletters•High contrast colors (within your brand identity)• Include your tagline or short mission in the header• Include additional brand identity in the footer• Make images clickable• Subject Lines & From addresses are crucial
@mjsante
Integrated Brand Tips
Twitter, Facebook, Etc• Include brand identity when possible
• logo in images & video• URL
• Consistent fonts and colors• Consist language• Consistent link naming & usage
Memorable:worth remembering or
easily remembered,
especially because of being
special or unusual
@mjsante
@mjsante
Jasmine Sante
Sante [email protected]@mjsante
Web Content Mavenswww.meetup.com/[email protected]@wcmdc