By Clinton R. Lanier<\/p>\n
There\u2019s a pretty tired clich\u00e9 used all the time that goes something like this:<\/p>\n
“The journey of a thousand miles begins with a single step.”<\/p>\n
Like all clich\u00e9s, it\u2019s true while at the same time a bit trivial. In the case of building websites, this particular clich\u00e9 can help teach one of the most important lessons to learn. Let me try to put it in terms of what we do: it\u2019s not how you end a project that gives you success as a web designer\/developer; it\u2019s how you begin it.<\/p>\n
My students often have trouble with this uncomfortable truth when designing and creating their web sites. They usually want to jump right into a project and start designing it before they do anything else. But before I let them begin to even sketch out their ideas for a single page, I make them answer two key questions about their projects:<\/p>\n
1. Who is my audience, and …<\/p>\n
2. What purposes do I need to consider?<\/p>\n
The answers to these questions, and not the design considerations, are what you need to focus on when you start a project. And, without carefully considering each question individually (and then together) I assure you that even the most dynamic of websites will ultimately fail.<\/p>\n
For this article I\u2019ll discuss each aspect in turn, and then combine the two to show you how attending more to these areas will give you a much easier design job in the end. I\u2019ll also spend a little time talking about the economic aspects of this strategy, and how you can use it to increase revenue and lower your chances of spending hours designing a site the customer doesn\u2019t even like.<\/p>\n
Question 1: Who is going to be using this site, and what are they like?<\/strong><\/p>\n The first and most basic consideration to make is about the audience or users of the site (I\u2019ll just use \u2018audience\u2019 from now on as a general term). And I don\u2019t mean your audience, but the audience of the website you\u2019re about to make. You must both identify that potential audience and then identify the characteristics it possesses, affecting how they engage your site.<\/p>\n Start with your client:<\/strong> ask him or her to tell you who the customers are. There\u2019s a good chance they\u2019ll already have a fairly good understanding of the customer\u2019s demographics\u2014from their ages to their ethnicities. You can also simply think about the product, service, or organization that the site is being designed for. Do some simple Internet research to help you figure out as much as you can. Record all you can about the potential audience.\u00a0<\/p>\n Factours to think about include:<\/strong><\/p>\n \u00a0<\/p>\n Next try to understand how these characteristics will affect the design of the site. For example, the age of the audience could determine what images you include or what references you make to popular culture. To highlight this point, look at www.Barbie.com, a site designed entirely for girls between the ages of 8-13. The site design would be completely inappropriate for an audience of older girls, an audience of boys, or an audience from a culture or country that knows nothing about Barbie (though, finding a locale knowing nothing about Barbie is sadly becoming difficult).<\/p>\n The next characteristic I list\u2014education level\u2014should seem pretty straightforward, but \u201ctechnological literacy\u201d may not. What I mean by this is the extent to which your audience is comfortable with and experienced at viewing websites and surfing the Internet. If your audience is \u201chighly technologically literate,\u201d you can be comfortable in assuming they\u2019re familiar with many of the features of Web 2.0, like user forums or article comments and feedback (user-generated content). However, and I run into this all the time, there are those users who have no idea what a forum may be for or how to use one\u2014and they\u2019re said to have low technological literacy.<\/p>\n For each of your user\u2019s characteristics there will be an associated effect on the design of your website. I always urge my students to first brainstorm about the characteristics of their audience, and then next to each characteristic, brainstorm the associated affect and how they can design for that affect.<\/p>\n In the case of technological literacy, the audiences\u2019 level could determine what type of features your site includes. Does it have a high degree of interaction, expected by young people or those who spend much of their time online, or should the pages be static, and \u201csafe\u201d to reassure those unfamiliar or uncomfortable online? For each characteristic there will be a number of associated compensations you must make in the design, and knowing this at the beginning is a whole lot better than finding out about it after the site\u2019s been deployed.<\/p>\n Question 2: What is the purpose of the site, and what are the users\u2019 purposes for going to the site?<\/strong><\/p>\n It doesn\u2019t make a lot of sense, but people will often design a site that doesn\u2019t necessarily reflect the site\u2019s true purpose. An e-commerce site, for example, should have as its focus not only the product, but also the e-commerce mechanisms needed to carry out a transaction. Even if a site is displaying the store\u2019s products in stunning galleries with comprehensive descriptions, detailed close-ups, and multiple views, all of these features will be for naught if a customer can\u2019t figure out how to check out and pay for the products. Even worse are the e-commerce sites that simply \u201chide\u201d the products from the customer to begin with.<\/p>\n The fault in such cases usually lies with the designer who spent too much time being creative and not enough time planning. Understanding the site\u2019s true purpose and planning a design around that purpose will resolve potential conflicts between creativity and function.<\/p>\n On the flip side of this discussion are the users themselves: what do they want to do on the site? Do they want to learn about something, like a product or service, or do they want to purchase something? While seemingly related, these are two entirely different purposes. If users are browsing your site to gain knowledge about something, they\u2019ll be turned off by pushy e-sales tactics, like incessant pop-ups and links leading them to purchase mechanisms. Instead, in this particular case, a more passive approach is called for.<\/p>\n Take for example a car company. While the company\u2019s website has the primary purpose of selling their cars, the company understands customers go to the website to learn about the products, not buy the products. So instead of treating the site strictly as an e-commerce site, which overtly \u201cpush\u201d their products, the car companies instead use their sites to disseminate information about their vehicles, and they do it in a way that makes customers more willing to buy it at the dealerships. To see what I\u2019m talking about, look at Ford.com and CarMax.com. While Ford wants you to learn about their cars, CarMax just want you to buy them. Look at how different the approaches are, and you\u2019ll instantly recognize the different purpose each site has, and the corresponding purpose the audiences for each site have.<\/p>\n To find out these purposes you again need to do research. Talk to your client first. Make sure that, not only do you understand what the client\u2019s purpose for the site it, but that the client himself understands the purpose (they commonly won\u2019t). If you can, the best way to understand the audience is to talk to potential members of that audience. Conduct surveys if possible to really make sure that you are designing this site to fulfill the goals\u2014that is to meet the purposes\u2014of both players: the client and the user.<\/p>\n Knowledge is Power<\/strong><\/p>\n Sorry to use yet another tired clich\u00e9, but, tired as it is, it rings true. From a design perspective, answering the above questions will naturally lead to an easier job of creating the website. From the answers about the customer you will have a better sense of what images, colors and fonts to use. You will also understand better how you can organize the site to provide the user with an experience they will already be familiar with (necessary for increased usability). Your tone will be appropriate as will the language you use (derived from understanding cultural characteristics and education level). In essence, the design will have been narrowed down immensely.<\/p>\n At the same time, by understanding your audience, you will better understand why they may go to the site in the first place. From their, you match that against the purpose of the site itself. Although I\u2019m sure Ford would love to sell cars online, as CarMax is capable of doing (though I\u2019m sure rarely does), they adjust their own goals and make them as much as possible coalesce with the goals of the audience.<\/p>\n Ultimately, following the guidelines here will save or make you more money, and will definitely pay off in time dividends (and will probably cause you less frustration). Organization is always a key to success, but for some reason I\u2019ve seen many a web designer throw organization out the window in favor of the instant gratification gained by the creative design process. And sometimes it works out, and the designer delivers a product that the client is happy with, that meets the audience\u2019s purpose and compensates for their characteristics.<\/p>\n However, this rarely happens. Instead, the scenario usually unfolds like this: after spending a short amount of time with the client, the designer thinks she understands what the client wants, gives little if any thought to the audience or user, and creates a site based on a cool design that meets the designers presumed purpose. This, of course, fails miserably, is nothing like the site the client actually pictured or wanted, and is not useful at all to the audience.<\/p>\n The designer then has to sacrifice more time starting from scratch, learning the things she should have learned to begin with, and ends up with a site the client is happy with. By this time, however, the billable hour average has dropped to somewhere around $10.00 per hour because of all of the extra time the project has cost.<\/p>\n In some instances, you can also charge for the time you spend in these discussions. I bid recently against another company to build an enterprise-level content management system (and won). During the process I inadvertently ended up with a copy of the competitor\u2019s cost sheet (a generic one, not for this specific project, so nothing unethical about it). The first phase of their design and development process is called the \u201cDiscovery\u201d phase.\u00a0<\/p>\n Let me quote what happens in this crucial “Discovery” phase:<\/p>\n \u00b7 Review current Web site and available documents. So, before they set mouse to PhotoShop, before they set CSS to Notepad, they try to understand what they need to create. They do so by conducting online research and visiting the organization to talk to the client (for one whole day). Their cost for this is\u2014and I swear I\u2019m not making this up\u2014$20,780.00!<\/p>\n Obviously things change with an enterprise-level project: <\/strong>the organization is bigger, the problems and solutions are more complex, the profile of the site is bigger, etc. I don\u2019t expect many individual designer\/developers to get that kind of money for the discovery phase of a small business\u2019 web site design. But know these two things:<\/p>\n 1. You\u2019d be justified to charge something, and …<\/p>\n 2. Even if you don\u2019t charge anything overtly, include it implicitly in your price because the process creates a better product. Guaranteed.<\/p>\n About the author:<\/strong><\/p>\n Clinton R. Lanier is an Assistant Professor of Technical Communication at New Mexico Tech, and the owner of Lanier Infomedia (http:\/\/www.lanier-infomedia.com), a web design\/development and technical communication consulting company located in Las Cruces, NM, USA.<\/p>\n","protected":false},"excerpt":{"rendered":" There\u2019s a pretty tired clich\u00e9 used all the time that goes something like this: <\/p>\n The journey of a thousand miles begins with one step. <\/p><\/blockquote>\n Like all clich\u00e9s it\u2019s true while at the same time a bit trivial. In the case of building websites, this particular clich\u00e9 can help teach one of the most important lessons to learn. Let me try to put it in terms of what we do: it\u2019s not how you end a project that gives you success as a web designer\/developer; it\u2019s how you begin it. <\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,16,1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/posts\/114"}],"collection":[{"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":0,"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.killersites.com\/magazine\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n\u00b7 Company consultant, writer, designer and interactive strategist visit the organization (one day)
\n\u00b7 Develop the discovery document with up to two rounds of revisions<\/p>\n