Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress...
-
Upload
anniesmidt -
Category
Technology
-
view
1.535 -
download
1
description
Transcript of Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress...
![Page 1: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/1.jpg)
Holistic strategizing for better
Wordpress sitesor,
Sunday, March 25, 12
![Page 2: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/2.jpg)
wordpress
sitting in a tree, k-i-s-s-i-n-g.
seo
content strategy
uxdesign
Sunday, March 25, 12
![Page 3: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/3.jpg)
great big kettles of fish, in which there are very clever experts» Design
» User Experience (aka UX)
» Content Strategy
» Search Engine Optimization (aka SEO)
Sunday, March 25, 12
![Page 4: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/4.jpg)
my favorite ideas which are important to all these disciplines» Hierarchy
» Clarity
» Brand (or, on-brand-ness)
» Your audiences (aka “users”)
Hierarchy Clarity Brand Audience
Design
UX
Content
SEO
Sunday, March 25, 12
![Page 5: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/5.jpg)
definitions
Sunday, March 25, 12
![Page 6: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/6.jpg)
design (what is it?)
» you know it when you see it
» visual organization which aids comprehension
» aesthetic appeal (or lack thereof )
Sunday, March 25, 12
![Page 7: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/7.jpg)
loosely…
good
bigger and brighter =
more important
prominent but not overpowering branding / “you are here”
follows web paradigm for logo in top left corner, horizontal navigation below it
orientation
lots of white spaceso things that ARE there stand out
mid-size, type = medium
importance,small, grey, italic
type = small details pops of color
enliven otherwise brand-colored page
Sunday, March 25, 12
![Page 8: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/8.jpg)
loosely…
bad
all text same font and of similar size and weight regardless of meaning or importance
breaks expected
page design
paradigms without a
reason
relatively unimportant items
with prominent placement
colors used
arbitrarily
menus and content hard to tell apart
important items repeated rather than made to stand out
Sunday, March 25, 12
![Page 9: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/9.jpg)
ux (what is it?)
» how audiences interact with your site (human-computer interaction)
» how they move through the site (information architecture, page structures)
» the feeling that these interactions evoke
Sunday, March 25, 12
![Page 10: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/10.jpg)
content strategy (what is it?)
» what content you need (to accomplish the site goals)
» wordsmithing the macrocopy and the microcopy (optimizing to accomplish the site goals)
» who’s in charge of the content now and later
Want to know more?Read this, or search for “content strategy” on A List Apart
Sunday, March 25, 12
![Page 11: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/11.jpg)
seo (what is it?)
» showing up higher on the page in search engine results (“We gotta be top of Google!”)
» having how you show up in search engines be compelling enough for searchers to click and go to your site
» organic, unpaid rankings
Sunday, March 25, 12
![Page 12: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/12.jpg)
hierarchy
Sunday, March 25, 12
![Page 13: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/13.jpg)
hierarchy » design
» Probably the most important thing to take away from this whole talk
» What’s most important = most prominent stuff in the design hierarchy
» Like things = equivalent in the design hierarchy
Sunday, March 25, 12
![Page 14: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/14.jpg)
hierarchy » design
» proportion
» position
» proximity
» symmetry
» similarity
» alignment
» contrast
» color
» space (aka, pause)
Sunday, March 25, 12
![Page 15: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/15.jpg)
evaluating wordpress themes for good design hierarchy» Preview themes with your real content and/or
sample content which contains all content types
» wpcandy.com/made/the-sample-post-collection
1 2
Sunday, March 25, 12
![Page 16: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/16.jpg)
when you’re writing in wordpress…
» use Wordpress styles consistently = automatic hierarchies!
Sunday, March 25, 12
![Page 17: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/17.jpg)
hierarchy » ux
» What’s the question?
» How will you make the answer obvious?
Sunday, March 25, 12
![Page 18: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/18.jpg)
hierarchy » ux
» Where am I? What’s this place like? What can I get? What should I do?
Sunday, March 25, 12
![Page 19: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/19.jpg)
hierarchy » content
» {It’s not about you.}
» What’s in it for me?
» Am I interested in this?
» What is it?
» When’s it from OR How much does it cost OR How do I get it OR who wrote it OR…
Sunday, March 25, 12
![Page 20: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/20.jpg)
hierarchy » seo
» Think about what’s at the top level of your site
» Use your H’s
Sunday, March 25, 12
![Page 21: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/21.jpg)
clarity
Sunday, March 25, 12
![Page 22: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/22.jpg)
clarity » design
» No clutter (white space is your friend).
» Keep design hierarchy principals handy.
Sunday, March 25, 12
![Page 23: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/23.jpg)
clarity » ux
» Make it really obvious what users should do, and in what order (if that’s important).
Sunday, March 25, 12
![Page 24: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/24.jpg)
clarity » content
» Use language at the simplest appropriate level.
» Chunk it for scanners.
» Call it what it is.
» Test different wording or read existing studies about microcopy when in doubt.
Sunday, March 25, 12
![Page 25: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/25.jpg)
clarity » seo
» Choose the keywords to focus on and focus on them.
» Deep and consistent is better than broad.
» Keep the metaphors in check.
» Change your permalink structure.
Sunday, March 25, 12
![Page 26: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/26.jpg)
wordpress plugins for code-free seo happiness» Google Analyticator
» WordPress SEO (by Joost de Valk/Yoast)
Sunday, March 25, 12
![Page 27: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/27.jpg)
yoast wordpress seo plugin for per-page tweaks
Sunday, March 25, 12
![Page 28: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/28.jpg)
changing permalink structure for better seo
/%postname%/
Sunday, March 25, 12
![Page 29: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/29.jpg)
brand
Sunday, March 25, 12
![Page 30: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/30.jpg)
brand » design
» Colors
» Typefaces
» How are photos treated? What kind of other graphic elements do you use?
» What emotion do the aesthetics evoke?
Your brand is NOT your logo, or even your product. It’s how your organization is perceived by its audiences. It’s the feeling people have about you. You can influence this but not control it. Presenting yourself consistently, how you’d like to be perceived, is a crucial practice, if you care about your brand.
Sunday, March 25, 12
![Page 31: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/31.jpg)
brand » ux
» Does the way the audience interacts with the site reflect the kind of company/organization/blog/whatever you are?
Sunday, March 25, 12
![Page 32: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/32.jpg)
brand » seo
» Don’t try to game the system — authentic keywords will find you appropriate users who care.
» And you don’t want to look like a jerk.
Sunday, March 25, 12
![Page 33: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/33.jpg)
audience
Sunday, March 25, 12
![Page 34: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/34.jpg)
audience » design
» Think about who the audiences are and what kind of design would be compelling for them.
» Make the visuals appropriate to the demographics.
» Design for special circumstances and regulations like ADA (Americans with Disabilities Act) or COPA (Child Online Protection Act)
» Test your design with members of your target audiences and tweak based on their reactions.
Sunday, March 25, 12
![Page 35: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/35.jpg)
audience » ux
» Make the experience compelling and appropriate to the demographics.
» Test usability with representative audience members. Even informal testing works wonders to point out problem areas.
Want to know more about informal usability testing? Read this.
Sunday, March 25, 12
![Page 36: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/36.jpg)
audience » content
» Like design and UX, keep it appropriate to the peeps.
Sunday, March 25, 12
![Page 37: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/37.jpg)
audience » seo
» Use your Google Analytics to find out what people are searching on to find you (and what they’re not searching on that you might have thought was important).
» Use Google’s keyword research tool at www.adwords.google.com
» Put yourself in your audiences’ shoes when you’re tweaking your SEO settings. Think about your personas.
Sunday, March 25, 12
![Page 38: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/38.jpg)
summarily
Sunday, March 25, 12
![Page 39: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/39.jpg)
when shopping for wordpress themes (and plugins), remember:» Simple and appropriate is way better than complex
and whiz-bang.
» Both up-front planning and consistency over time will make your sites look more professional and sophisticated.
» Design, user experience, content strategy and SEO all benefit from keeping things hierarchical, clear, on brand and user focused.
Sunday, March 25, 12
![Page 40: Holistic strategizing for better Wordpress Sites, or, Design, UX, Content Strategy, SEO & WordPress sittin' in a tree](https://reader033.fdocuments.us/reader033/viewer/2022060109/55579763d8b42aa3378b4f11/html5/thumbnails/40.jpg)
find me & this presentation
Annie Smidt
email: [email protected]
web: www.durablecreative.com
twit: @anniesmidt
slides: http://www.slideshare.net/anniesmidt/
Sunday, March 25, 12