
In order to create a good website (or any product for that matter) you need two things; an audience and a vision. Your your audience determines who you are aiming at, and your vision determines where you are going with them. Put these two together and you can define both a visual and interaction approach.
We have useful tools in defining who the audience could be (market research, focus groups, persona creation) and what they do (ethnographic studies, web metrics) but without knowing where you’re trying to go with your audience these outputs aren’t much use.
Businesses are often pretty good at setting company-wide visions; “a personal computer in every home running Microsoft software” is Microsoft’s. But these company-wide visions are often too high-level when it comes to specific product development.
6 Steps to a Good Vision
A vision must be measurable
“To Reach, Educate, Inspire, Grow, and Nurture today’s Generation” is a fantastic example of a crap vision. How can you measure ‘inspire’? Who are ‘today’s generation’? Any vision littered with fluffy buzz-words is a waste of time (I once had a site vision which included the gem “to super-serve our customers”…). You can set whatever metric is important to you or your business (sales, clicks, views, complaint emails, phone calls, whatever) the important part is that it must be measurable.
A vision must be achievable
“Shoot for the moon, because if you miss you end in the stars” is retarded. You don’t end in the stars, you burn up on re-entry. By setting a vision which is ludicrously high you’ll inevitably fail and team morale will fall through the floor. If you aren’t sure what is and isn’t achievable, set a short-term vision and evaluate progress along the way. You’ll get better at defining vision statements the more you do them.
A vision must include the audience
By putting the audience into the vision you are able to focus both your visual treatment and interaction design on a specific usergroup. Patterns are easy to develop in isolation (as are excellent visual designs) but a pattern could be appropriate to a particular audience or a specific situation. A audience focussed vision (in conjunction with persona work) is a good sanity check of visual work. Double check how a proposed treatment relates to the audience and vision before development. If you’re designing website in isolation of your audience, then you’re designing websites for yourself. Good luck with that.
A vision must have time-frame
By setting a time-frame you’ve immediately introduced the scope of the work. A vision we had for Eurosport was “To be in the top 10 Google searches for any Premiership football team name on the first day of the season”. This vision defined the audience (Google users), the content focus (premiership football), the time frame (start of the season) and the measure of success (be in the top 10). We were able to sit down on a specific date and test whether we succeeded or failed.
A vision must have team buy-in
The vision must come from people across the business, everyone from advertising teams, PR people to engineers and designers should be involved in the discussion and definition process. If the vision came out of nowhere they won’t feel part of it. However, although everyone must buy into the vision process, it is important to realise that not everyone needs to agree on the vision.
If your vision is to “display 30,000 more viagra adverts to our email base by the end of June” doesn’t mean it’s a bad vision, it just means that you might not want to continue working for your company. It’s better to know that sooner rather than later.
A vision isn’t the end
Once a time frame has been set, the team can evaluate their progress but once the end is reached and the champagne has flowed, they must set a new vision. Resting on your laurels is stagnation. If your vision will take a year to come to fruition then break it into smaller measurable visions which make up the path to the bigger goal. I’ll put money down that after a few releases you’ll probably re-factor your bigger picture anyway. By setting smaller visions you’re able to plan and refocus.
In Conclusion
Having a vision is a prerequisite to development. Visions music be measurable, achievable, include an audience, a time-frame be created by the team. Without a vision you’re either shooting wildly in the dark or your making a website for an audience of one: yourself.