Archive for the ‘Information Architecture’ Category

Planning a New Website: The Creative Brief

Thursday, September 2nd, 2010

Starting a website can be overwhelming. There are so many variables, what-ifs, and strategic decisions to answer about the content. And then there are the questions about the technology. And then there are the questions about presentation, including design, organization, and ongoing development. All this, and by the way, you have to keep up with your regular responsibilities on top of all that planning. Why does this site look the way it does? It is because I need to do this process myself! This started out as a personal blog to experiment with WordPress, now it is dated and technically way below my standard.

I recommend working with someone who solves these problems every day, and letting them guide you through the process. (Disclaimer: I’m that guy. Hire me.) But if you want to get further before you start that conversation, start with the following questions (Surprise! None are about technology). Most of these are Marketing 101 questions. But most people in business either never took Marketing 101 or have forgotten it. But this is the information you need to relate to the web designer, so it’s time to polish your answers. The technical term for these questions and their answers is “The Creative Brief”. Start your Creative Brief now:

  • Who is your target audience?
    People who are selling something need to ask:
    a) Who currently buys my products?
    b) Who should, but doesn’t yet?
    c) Who might influence people who buy my products?
    Content providers need to ask:

    a) What content can I create, and what can I consolidate, and how can I frame it?
    b)  Who’s already trying to do what I’m trying to do?
    At least a dozen times I’ve been asked to advise someone on selling a product on the web, and in the course of the meeting I find they haven’t done a simple Google search to see what their competitors are doing. This is second only to the “I want to make something like eBay, and my budget is $700″ in causing a web developer to develop sudden breathing problems.
  • Who are your closest competitors?
    a) Go to their websites and ask “what are they up to?” and “what are they missing”
    b) Make a list, with their urls, and features of their sites you like and don’t like.
  • What type of product or service do you offer?
    a) Compile your existing marketing materials, and make sure they’re up to date.
    b) Make sure you’re framing your presentation to the buyer, not to yourself.
    c) If your current offerings are not already compiled in other marketing materials, plan to use the website creation process to get graphics and content for print materials: i.e. Get the designers/photographers to make high-res versions of everything, and use colors that work in print as well as on the web.
  • What is your unique selling proposition?
    Make sure you know how your competitors are getting their clients, and up the ante:
    a) Consider price positioning (discount, competitive, premium)
    b) Don’t just copy others, exceed expectations for your industry and region
    c) Don’t promise what you can’t or won’t deliver. Reputations are increasingly transparent with the web. Online review sites can make it clear to everyone if you don’t deliver value.
    d) Having trouble thinking up an answer to this one? Try writing down all the selling phrases you and your staff use to move your product… Just write them all down, then organize them by priority… What words make people focus, What makes them go dreamy? What makes them empathize? What words create trust or counter distrust? What are the objections?
  • What is your budget?
    a) A website can run from “free” (Do it yourself isn’t really free) to annual budgets in the millions. The limiting factor is always the budget. Don’t skimp, this is your brand on the Internet! But don’t say you can spend more than you have: Your site can often be shut down by the developer, if you can’t pay for it. And even if not, it’s expensive to change developers.
    b) Consider what it will require to get to “Live” and then consider what it will take to keep it fresh, after that. A website doesn’t stop needing attention immediately after it is made public. What are you going to do for the long haul?
    c) The most powerful way to build a brand on the Internet inexpensively is the WordPress blog, with SEO and Social Network features embedded, and ongoing posting (twice per week is good).
  • What is your deadline?
    a) Consider a phased rollout. Sometimes it makes sense to get something done for, say, holiday season, or back-to-school, that’s quick and cheap, then do the big redesign after that.
    b) Really? Just one deadline? Are you thinking about ‘Keeping it Fresh’?
    c) Sometimes it makes sense to start small and grow the site in front of your customers. Blogging is a great way to do that.
  • Is your branding worked out yet? Is this an opportunity to do that?
    a) As a designer, I like well designed sites that have beautiful spacing and graphic qualities but sometimes you don’t want to look too slick… If you’re a discount shop or a funky coffeehouse, maybe it’s ok to be a little ragged and homegrown looking.
    b) Big companies pay millions for logos, but little companies often sketch something themselves or get a stock logo from a business card company. Really, a couple hundred bucks for a small business that isn’t too picky might be enough. But being unique matters on the web, because you’re not just local any more.
    c) Being local, you can often have a company name that exists in other towns in other regions. But on the web, you might get a cease and desist from a lawyer. Search your name in several ways online. If someone has a competitive product or service and the same name, you have an issue.
  • Does your logo present well on the web?
    a) Logos with fine details need to be displayed large, because websites have low resolution
    b) Is your logo limited to black and white? Is it going to look bad on a colorful site?
    c) Has it been copied and recopied, and looks ragged along the edges? Fixing it up may be critical to your presentation.
  • What is your company’s slogan or tagline?
    a) If it’s descriptive, it should show up in any Google search, and not just be invisible in a graphic (the contents of graphic elements of your website won’t show up in a search).
    b) Can it be improved and made into a selling point or competitive differentiator?
  • Describe at least 5 websites you like, including what you like about them. Include URLs.
  • Do you have a typographic preference? (Heavy, light, modern, classic, etc…)
    A good site designer will look at examples of your existing marketing materials, and the sites that you like, and create a composite impression that they will use to guide their design. Then they will exceed your expectations.
  • Are there any specific images you’d like to incorporate?
    a) Do you own the rights?
    b) Are they of high quality, or should they be recreated?
    c) Let your designer or web developer prepare the images… just give them the very best and largest version you have. Good graphics define the website user’s perception of quality of your whole company.
  • Are there any specific colors you may want to use?
    As mentioned above, a good designer will take your existing materials, and sites you like, as well as the images you’ve given them to guide them on colors. Generally a good designer will pick better colors than you can, because they’ve studied how color effects people and also what colors go well together. But if you have specific branding materials that you need to stick to, make sure you can provide specific color information.
  • Are there any specific concepts or colors or imagery you’d like to avoid?
    I remember a client that used an early Terabyte storage system; It was a huge selling point. The design company worked very hard on branding strategy around the image of a fearsome Tyrannosaurus Rex taking a huge bite out of… something. (I can’t remember.) Turned out, the CEO was a fundamentalist, and didn’t believe in dinosaurs… And two weeks of work went down the drain. Tell your designer of any taboos your company might have.
  • Finally, ask yourself: How is this website going to stay fresh? Can I write content or do I have staff that can write? Do I need an editor? Do I have authorization from the Big Boss or do we need a content brief.
This is just the beginning of the journey… but it’s a great way to get your head into the project. There have been numerous times I’ve participated in projects that effectively redefine an existing company, because the company finally sat down and said “This is who we are” with the Creative Brief. Older companies often experience this, because over years, they drift without redefinition or reviewing the original business plan. Sometimes the world changes under their feet, and the Creative Brief wakes them up. Sometimes the discussions of what should be in the web site lead to enormous efficiency improvements in customer service, or whole new products, delivered digitally. By the way, I just switched credit unions because of a lousy website. It does matter.

A beautiful job explaining biodiversity: infographic

Wednesday, August 25th, 2010

This animated short film was made by students of the Vancouver Film School. It does a beautiful job explaining biodiversity, and does it with awesome infographics.

Biodiversity – Vancouver Film School from Vancouver Film School on Vimeo.

WordPress, Twitter, Facebook, LinkedIn Integration for SEO

Saturday, July 17th, 2010

The best SEO (Search Engine Optimization) tricks out there are the ones that don’t require a lot of work. We all have other things to do than to go to a bunch of different sites all day long, composing messages. The benefits of doing all the posting are large: Each post increase your visibility enormously, so many people are going to all the trouble to do exactly that.

One of the beautiful solutions is the circular posting capability involving WordPress, Twitter, Facebook and LinkedIn. It’s like hiring a sign-shaker to dance on every corner.

In WordPress, it’s relatively easy to add a plugin that allows people, with a single click, create a link to an article in your blog, or one of your pages from FaceBook, LinkedIn, Twitter and more. Sociable is a good WordPress plugin for this. In addition, you can add a Twitter ‘Follow’ button, and links to your profiles on LinkedIn, Facebook, etc. All that is important (in fact, why haven’t I finished doing it on my blog..? oh yeah, it’s awaiting the re-design I never get around to doing)… but it’s just the start.

The next step is a bit more involved. Twitter Tools is a multi-part WordPress plugin that allows you to do round-trip posting. It can show your tweets automatically in a sidebar, or as a post, it can turn your posts into tweets automatically (using the post title, and a link back to the post), and it can do things like bit.ly url shortening, and more. One key feature is the hash (#) handling part of Twitter Tools. By adding #li or #ln to this plugins settings, each post also goes to LinkedIn.

In addition, a WordPress plugin called “WordBook” allows cross-posting between Facebook and WordPress. At the moment I was writing this, however, there was some conflict keeping it from working. The author was trying to solve it, so by the time you read this, it may be resolved. However, if you’ve installed a Facebook ‘share’ button using Sociable (mentioned above) you can just click this, when your post is complete, and quickly share the WordPress post to Facebook.

If all this seems a bit confusing, it is. But once you get it set up, it’s magic for getting your site out to the search engines, and to get people seeing it through Twitter and Facebook. Every blog post you do is multiplied with a single click to the Publish button. None of these benefits are available if you have a static website, or a cheap ‘build it in a day’ site.

As a web developer, I’ve seen a lot of site-building tools come and go. This is the most powerful combination I’ve seen for businesses to compete for the best search engine results. If you’re ready to rebuild your site to take advantage of all this, or already have a WordPress site but don’t know how to implement all these cool tricks, contact me.

The joy of technical writing and web design

Tuesday, April 27th, 2010

The joy of technical writing, and of web design, is discovery, exploration, and mastery.

There are few businesses where one is always learning, not just how to do the basic work, but also about how the client’s businesses and their products actually work.

From nitty-gritty technical details (how does video get converted to an image on an array of LEDs?) but also, how does the client reach their customers? How do they brand their product? How do they get it out the door?

Technical writing is about translating the engineering details to the reader’s learning style, and delivering the critical ‘how-to’ information in a way that anchors to their pre-existing basis of understanding.

That’s relatively easy compared to modern website design, which is about translating the business details to the reader’s learning style and delivering the critical ‘why buy’ information in a way that anchors to their pre-existing basis of understanding, as well as their desires — All while executing the high-wire act of making it look good across a half-dozen browsers, and making it interact and flow in a predictable and pleasing manner… and considering how search engines will interpret the code, how the programming code works at a technical level, how the server works, and finally, how it should interact with several social networking sites, email systems, and lately, smart phones.

Regardless of whether the end result is a user manual, created in InDesign, delivered as a PDF, which will be printed and bound a thousand miles away and delivered with the product… or a web site, where the domain is pointed and suddenly the world can see your work… there’s that joy of creation.

Of finally pulling it all together into a coherent message. Mastering complexity.

It’s fun.

But, I’ll hire someone to do my taxes. You’ve got to draw the line somewhere.

Top 10 ways to get traffic on the web, and the best video I’ve seen on that subject…

Monday, July 13th, 2009
  1. Get WordPress. These techniques require blogging… yes, it is a good thing to blog!
  2. Install Google XML sitemap plugin… this insures rapid inclusion in Google search.
  3. Install Twitter Tools & get a Twitter account.
  4. Get a custom design. Templates may look good, and may be a good starting point, but they don’t represent you as a unique entity. It’s all about branding!
  5. Hire a company or individual who can do a quality design AND a quality WordPress template. The template code matters when it comes to Search Engine Optimization (SEO). I can help with this (*SSP).
  6. Post at least twice a week.
  7. Post 2-3 times on your subject-matter, then throw in something humorous or personal.
  8. Use an image on most posts. Make them large. They don’t have to be literal, they can be symbolic or conceptual… but they must be LEGAL. If copyright isn’t EXPLICITLY granted to your type of usage, it isn’t yours to use. It is theft.
  9. Use video. Upload to YouTube, and/or Vimeo, then embed in your site. This’ll get you more traffic than just putting video on your blog, and it’s easier, too.
  10. Keep at it, the payoff starts 3-9 months after you begin!

There are many other great things you can do. Costs vary. The amount of effort required will also vary. Generally there is a trade-off between cost and time commitment. Less time = more money and vice-versa.  But if you do just these 10 things, you should build traffic. What level of traffic is partly chance, partly subject-matter, and partly your talent at writing and targeting your content.

By the way of *Shameless Self Promotion (SSP), I can help with design and implementation for a reasonable fee. I used to get unreasonable fees, for great websites that weren’t so darn easy or cheap, but, in the end, this stuff works for a cost that is relatively low.

Below is a video by Tim Ferris. It’s the most useful single video I’ve found, but it may not entirely make sense to people who haven’t lived this for awhile. Still, worth a watch. Check it out:

Awesome Women at Ted Talks (all sharing the same body)

Friday, May 1st, 2009

This blog post, created on iPhone

Sunday, March 22nd, 2009

…using a free WordPress iPhone app called, simply, WordPress. Not the easiest way to post, but handy to have around.

I can easily add a photo, and then, voilà.

Is your site iPhone ready? 3 Questions to ask yourself.

Sunday, March 22nd, 2009

Apple did an amazing job of making the iPhone Safari web browser work with existing sites. But there are many sites it won’t work with. If you have a site that’s useless, or even hard to use on the iPhone, you should ask yourself the following questions:

a) What are the odds someone with an iPhone will view my site?
b) What will I lose if I don’t accommodate that user?
c) What is the cost/benefit of making my site work with the iPhone?

What kind of content do iPhone users access on their li’l web browsers? I, for one, mainly wait to look up sites until I have a nice big screen, unless there is an immediate need. I think it’s safe to assume this is typical. I’ve looked up restaurants and lodging. I’ve looked for particular retail stores (where can I buy a bottle of Advil at 11pm), and I’ve looked up attractions like parks, museums, trails… But you know better than I do, if you fit that list. If you do, it might be worth an investment.

What will you lose? If the transactions you handle are small, and the odds of finding customers this way are small, the cost/benefit may not be high, but don’t stop reading…

The other half of cost/benefit: What will it cost?
It might take a good developer all of 2-5 hours to make your site better, if not ideal, for iPhones. What should change?

Alternative home page: Got flash? You need alternative content for iPhone users. Even if the iPhone adopts Flash soon (we all hope it does) likely your Flash presentation will need rethinking given the scaling issues, and readability.

You don’t need to redo your whole site… Likely the user is just trying to find your contact information. IF you need to work on the cheap, just put your logo, what you offer (sales and/or services), contact info, and a link to Google Maps. You might also welcome them as iPhone users, so they know they’re looking at a special site, just for them. Why Google Maps, and not Mapquest, et al? Simple: the iPhone has a specially-developed Google Maps interface. It’s easy to use and navigate on the iPhone. When the user clicks the link, it’ll go to that map browser, automatically.

What else can you do?
If you have a modern XHTML site without Flash, it might work just fine. But there are little tweaks that might be worthwhile. Consider how the iPhone does web pages:
A double tap zooms into chunks of content on a page, and rotating the phone makes the browser wide, instead of tall. Links and buttons work pretty normally, but forms do some unusual things.

a) Put some line spacing in, so text is easy to read. This is called “leading” in the print world. I usually use 1.2em for small body text.
b) Put some padding between your buttons and links, so its easy to click the right link, not the one next to it.
c) Don’t make people click tiny icons.
d) Use <div>  tags with zooming in mind.
e) In forms, drop-down menus become scroll wheels. They might be a good choice over “Radio Buttons”.
f) Make frequently-used form fields (like login areas) widely spaced and easy to zoom. Try to limit typing, whenever possible. If someone types their information once, keep it in a cookie to automatically fill later fields (like the e-commerce fields).

These suggestions are just a start. Please comment below if you have other ideas! And if you have other questions, contact me.

The iPhone doesn’t do Flash (yet) and it also has a rather small screen.

Now my twitters show up in my blog sidebar, and my blog titles go out on twitter…

Saturday, March 21st, 2009

Is this perpetual motion 2.0?

NevadaCounty.com Redux

Saturday, March 21st, 2009

Back in early 2007, I did a site for John O’Dell called NevadaCounty.com. This was a good project, and it got me started doing fairly elaborate content-managed websites. It was done with a subcontractor who assembled it with Django, which is not a CMS out of the box, but a Python framework.

We recently rebuilt it, at the same domain, using WordPress.

In recent years, WordPress has developed a huge following of users and developers. One of the best things about it is the semi-automatic Search Engine Optimization features (SEO). It even integrates with Twitter.

In the last few months I’ve done sites in Concrete5, Drupal and WordPress. WordPress is ideal for people who need to GET FOUND. Drupal is great for large newsy sites. It has lots of plugins, but it isn’t as tightly conceived as WordPress. It predates Web2.0 so has not accommodated that thinking, throughout. But it might be better if you’re managing a site like a Newspaper or Magazine.

Concrete5 is very new, with all the Web2.0 buzzwords: Model View Controller architecture (MVC) being the key one. It also is the nearest thing to a wysywig (What You See is What You Get) editor. In some ways, it feels like a throwback to old-fashioned site design, but in a good way. In the template or Theme the developer (like me) whips up a nice page design, with several editable areas (called “Blocks”). Editors can insert a variety of different content types into the blocks: Navigation, images, video, forms… etc. The number of types of blocks will grow over time, if the developer community embraces C5. To add more to a page, you can simply edit an existing block of content, or add another above or below (or between) — No painting yourself into a corner with sort order… in other words, it basically breaks the pattern of “content management by database query” although that’s still what is going on, in the background. It’s very refreshing… but still a bit limited. You won’t find SEO features here, yet.

But the state of the art of WordPress is actually quite remarkably good and useful. The hard part, it turns out, is getting the client to understand how it works. John O’Dell, a bright fella by any standard, took two years of experiencing his blog, rebuilding it (largely on his own, with my coaching and coding) and exposure to several outside “experts” declaring the magic of blogs, to get it. Now he does, and his traffic is climbing steadily.