Upload
jen-kramer
View
1.219
Download
1
Embed Size (px)
DESCRIPTION
Updated for Joomla and mobile considerations, this talk examines the 5 planes of user experience from Jesse James Garrett. How should you think about your website? What questions should you ask? How will you measure success?
Citation preview
Jen Kramer • Joomla Day San Francisco • September 2013
www.jenkramer.org • [email protected] ‹#›
“I need a house, and I’d like blue paint and beige carpet. How much will that cost?”
www.jenkramer.org • [email protected] ‹#›
“I need a website and I want responsive design. How much will that cost?”
www.jenkramer.org • [email protected] ‹#›
What do you need? How many pages? What is your budget? Timeline? Do you want to edit your own site? What features do you want to include? Does it have to work for mobile? Do you want Joomla or WordPress?
www.jenkramer.org • [email protected] ‹#›
Oops. Now you’re in trouble. Especially if you bid a fixed-rate contract.
www.jenkramer.org • [email protected] ‹#›
And does Joomla really make this process different?
www.jenkramer.org • [email protected] ‹#›
The basic questions are always the same and in the same order.
You can make the questions more specific or more general as needed.
Follow the plan and your site will turn out great with less bumps.
www.jenkramer.org • [email protected] ‹#›
Developed by Jesse James Garrett, www.jjg.net
www.jenkramer.org • [email protected] ‹#›
That’s planning your interior decorating without developing the floor plans first.
www.jenkramer.org • [email protected] ‹#›
You’re not. You’re actually saving them time and a bundle of money. But that’s often hard to understand.
www.jenkramer.org • [email protected] ‹#›
Questions: What do we want to get out of the site? Who are our users? What do our users want? What experience are we trying to provide? How will we measure success?
www.jenkramer.org • [email protected] ‹#›
An x% increase in the number of visitors Reduce tech support costs by y% Convey the mission and vision of our project and enlist sponsors Sell our top 20 products to a wider market Increase our visibility in the marketplace by establishing our
expertise Reduce phone calls for store hours and location
www.jenkramer.org • [email protected] ‹#›
Get as specific as possible o Good: 18-24 year old
males in urban areas of the US with shoe sizes 12 and up
o Not as good: Young people with fashion sense
“Anyone who might be
interested” is never the right answer.
www.jenkramer.org • [email protected] ‹#›
What are their specific limitations? o Specific website needs:
arthritis, wear glasses, colorblind
o Type of internet connection: dialup still reigns supreme in rural areas
o Old computers? New computers? Most recent browser(s)? Netscape 4?
www.jenkramer.org • [email protected] ‹#›
Be entertained; share photos, stories; reconnect with old friends and colleagues
Get that @#$%^ printer driver installed and working Find out how to sponsor your project Purchase a widget at 11 PM in their PJs Find the widget thought leader and see what they think about X When does the store open and where are they exactly? Tell me more about that thing I read about in the paper this morning Do you offer X service? X product? How much?
www.jenkramer.org • [email protected] ‹#›
Efficient Simple and straightforward Meandering, wandering Cheerful and peppy
… and does that intro movie
really support that experience?
www.jenkramer.org • [email protected] ‹#›
Deep thought: No one ever says they want to make a
frustrating, difficult website. But frequently, under the banner of
“branding”, organizations do exactly this.
Remember that an excellent CMS
graphic design supports content, by working with it, rather than constrains content to arbitrary branding rules.
www.jenkramer.org • [email protected] ‹#›
It’s not all about Google Analytics… o (train your clients to use
and interpret their GA results)
Reduce phone calls about
store location and hours by 10% over the next 3 months. o Associates will track
number of calls over next 3 months.
www.jenkramer.org • [email protected] ‹#›
Make “store location” more obvious on the home page o And how will you do
that? o And how will you
measure the results?
www.jenkramer.org • [email protected] ‹#›
www.jenkramer.org • [email protected] ‹#›
Questions:
What features will the site need to include? What kind of detail will those features have? What tools, skills and personnel will we need to build the
site? What is the timeline for building the site?
www.jenkramer.org • [email protected] ‹#›
Client edits content Blogging/comments Discussion board Random quote Countdown clock Banner ads Google ads Recommended links Calendar
E-commerce Online chat Contact form Newsletter signup Polls Survey Social bookmarking User profiles Zip code locator
www.jenkramer.org • [email protected] ‹#›
Client edits content Blogging/comments
www.jenkramer.org • [email protected] ‹#›
It Depends. You’ll need to evaluate
them on: o Desired features from
client o Joomla version o Pre-alpha/alpha/beta/full
version? o Subscription? Support?
Upgrade path?
www.jenkramer.org • [email protected] ‹#›
Is Joomla right for this job? o The reason there are
thousands of open source CMSs is because not every CMS is right for every job.
o Do you even need a CMS at all?
www.jenkramer.org • [email protected] ‹#›
Do I need some help? o Graphic designer to create a
custom design vs. canned template
o Joomla extension vs. custom engineered extension
o Client-provided content, or am I writing the content, or do I need a pro?
o SEO assistance? o HTML/CSS assistance?
Custom template construction?
o Something else?
www.jenkramer.org • [email protected] ‹#›
There are entire courses and certifications devoted to project management.
Figure out the launch date, and work backwards to the present to establish milestones for completion.
Make sure the client knows what they need to deliver when.
And make it a week earlier than that.
www.jenkramer.org • [email protected] ‹#›
www.jenkramer.org • [email protected] ‹#›
Questions:
How should the content be organized? What are the navigation button names? What about mobile considerations?
www.jenkramer.org • [email protected] ‹#›
In Joomla, there are two considerations: o What does the site map
look like? o What functionality needs
to be considered: ACL, blogs, other content organization
www.jenkramer.org • [email protected] ‹#›
Think of this as an org chart. This is the hierarchy of your pages in your website. It can be displayed as an org chart, or as a bulleted list.
www.jenkramer.org • [email protected] ‹#›
Home
About
Location & Directions
Photos
Physician Directory
Physician Profiles
Testimonials
Primary Care
Surgery
Area Resources
Cultural Attractions
Schools
Recreation
Real Estate
Newspapers
Links
C of C
Visitors Bureau
FAQ Career Opportunities
www.jenkramer.org • [email protected] ‹#›
Home FAQ About
o Location & Directions o Photos
Area Resources o Recreation o Links
• Chamber of Commerce • Visitor’s Bureau
www.jenkramer.org • [email protected] ‹#›
Card sorting
www.jenkramer.org • [email protected] ‹#›
Everyone has their own theory and philosophy.
www.jenkramer.org • [email protected] ‹#›
Positives Set all articles to
“uncategorized” – no thought required
Client doesn’t need to worry about assigning correct category
Negatives Can the client find an article to edit
in the article manager? Can’t use category blogs/lists ACL may be hard to configure
without categories
www.jenkramer.org • [email protected] ‹#›
Positives Easier to find content in the
manager Savvy clients find categories
more intuitive
Negatives Client may get confused with
too many categories Potentially too much slicing
and dicing
www.jenkramer.org • [email protected] ‹#›
Organize them so you can find what you need, and so can your client. Thoughtfully make use of category blogs and other category based
organization.
www.jenkramer.org • [email protected] ‹#›
You will need a mobile-compatible version of this site. Will you need separate information for a mobile device?
o If so, how is that information structured? o Separate mobile site, a mobile app, or responsive design – and base your choice
on your content, not on the technology.
www.jenkramer.org • [email protected] ‹#›
www.jenkramer.org • [email protected] ‹#›
Questions How should forms and other interactive screens look? Where should important information be located?
www.jenkramer.org • [email protected] ‹#›
Questions: What will the finished product look like? What colors, fonts, and logo will we use? Sanity checks on layout, user understanding of the site, etc. Mobile testing
www.jenkramer.org • [email protected] ‹#›
Two choices with Joomla: o Canned template (RocketTheme, others) o Build your own template based on a graphic design
www.jenkramer.org • [email protected] ‹#›
www.jenkramer.org • [email protected] ‹#›
Positives Cheap to develop with a free or
low-cost canned template Template almost always works
correctly. Generally reasonable graphic
designs. May come with built-in mobile
compatibility via responsive design or separate mobile template.
Negatives
Not a unique look Limited in regions for adding
modules (even if there are 30 regions)
Helps to know HTML and CSS for modifying the template
Can be tricky to understand what the template designer did and why
www.jenkramer.org • [email protected] ‹#›
Positives
Unique, perfect look for the client
Changeable and moldable to the content
No extra code – does only what it needs to do
Exactly the mobile approach you want
You can charge more
Negatives
Expen$$$ive How good are your graphic
design skills? (Or do you know a graphic designer who can design for Joomla?)
Can you convert the design to Joomla templates? (Or know someone who can?)
www.jenkramer.org • [email protected] ‹#›
Yale University School of Art Shop in Paradise Zinc Bistro OXO
Evaluate the site you chose: o What does the owner want to
get out of the site? o Who are their users and
what do they want? o What experience is provided? o What would you keep? What
is the site doing well? o What, if anything, would
improve the site?
www.jenkramer.org • [email protected] ‹#›
Jen Kramer Waltham, MA Phone: 802-257-2657 [email protected] www.jenkramer.org Twitter: @jen4web Facebook: facebook.com/webdesignjen
www.jenkramer.org • [email protected]
Slides available at www.slideshare.net/jen4web