The importance of brand presence and perception has always been an integral part of a company’s marketing strategy. However, as the internet has emerged as a viable marketing and communications outlet, brand perception has now encompassed, brand experience. And it is through this brand and user experience, that brand integrity needs to be maintained.
How a user might experience and interact with a company’s website, now reflects directly on the company itself. The web site is as much responsible for the success or failure of a company’s message, as any TV commercial or brochure might be. While web sites might in some cases serve as supplemental platforms for advertising campaigns, they can also exist as the message and content of an entire company’s brand.
While the internet can be seen as a medium, it is really a platform that supports multiple mediums. It is a digital stage setup to accommodate almost any message in any format, whether it be visual, audio or textual (or any combination thereof). And it is because of these infinite communication possibilities, that there are so many important user experience considerations which ultimately affect brand perception and brand experience.
So, how does one maintain brand integrity within the online user experience? By being meticulous and by planning during the development of the website! The following steps are a summary of how to approach building a website that maintains brand integrity.
Step 1 - Analyze the company’s brand.
What is the current message of the company and what emotional and/or psychological associations do the public possess? Is the company offering a product or a service and what approaches do they use to advertise this?
Step 2 - Explore existing marketing guidelines and materials
Ensure that the website stays within the boundaries of an existing marketing strategy. This strategy should include key guidelines that outline concept, message, writing style, and even visual assets. Remember, the website is a voice and face of a high-level marketing strategy. The website should communicate in the same style, approach and message as print materials, TV commercials, etc. Leverage these assets to maintain branding consistency, and acknowledge the concept of synergy.
Step 3 - Establish website Strategy, Scope and Business Requirements.
What is the current business strategy and will the website follow this strategy? Make sure that a scope is outlined, including goals and business requirements the website needs to fulfill. The budget should be finalized, based on the scope agreed upon and a calculated “level of effort” should have also been outlined by the various teams within the project. Careful attention is to be paid to timing and release dates. If the web site’s launch is to coincide with product releases or announcements, there is an obvious sensitivity to timing.
Step 4 - Study the target audience, and assess their unique needs and expectations.
Consider accessibility, demographics, language, culture and other factors that could affect how you build your website to accommodate for your user’s needs. There might also be processes in place, particularly regarding customer service, that already accommodate for established user behavior and patterns. Know your audience(s) - their wants and expectations, and how they currently interact with the brand. Keep in mind, that your website may have multiple audiences, which affects how the user experience is created for each type of audience.
Step 5 - Assess your competition’s web presence and offerings.
While this may not be a step directly affecting brand integrity, is still important to analyze and assess your online competition. Know what they’re doing well and know what they’re doing poorly. This step could include stringent usability testing in order to quantify website tasks, behavior and opinion. Do not overlook this step, a lot can be learned from user’s opinions, and this may assist in creating a positive brand experience.
Step 6 - Information Architecture: Develop User Flows
This is a critical step in illustrating how a user is presented with choices, decisions and options, and how those actions affect their user experience and brand interaction. By graphically portraying a user’s interaction with a website in the form of a flow chart, the process of surfacing issues and identifying problem areas can be a very productive one. This also acts as a high-level blue-print when engaging with business stakeholders as well as project team members.
Step 7 - Information Architecture: Develop Wireframes
The development of wireframes is a low-cost and time efficient way of illustrating and prototyping web site pages on a tactical level. This deliverable takes on the appearance of a skeletal view, including only functionality and content organization, along with vital elements such as navigation, calls-to-action, and maybe some basic content. By stripping out visual design, teams can focus on functionality and organization, and assess how approaches will affect user experience. The inclusion of annotations are extremely helpful when further elaboration on purpose and reasoning are required. These documents might be seen by various audiences: client, developers, creative, QA, etc. Keep this in mind, to ensure that they are relevant to whom ever will be reading it.
Step 8 - Design Creative and Visuals
This step draws on the Information Architecture documentation as a tactical guide to designing the user interface. Emphasis at this point should be placed on aesthetics and enriching the user experience, within the brand specific parameters. If Information Architecture is the skeleton, then visual design is the flesh and skin. The visual design of a web site is in the front-lines of the brand integrity battle. Its probably the first thing a user will experience, and so quite obviously a lot of attention needs to be paid within this step, to ensure brand continuity across both off line and on-line channels. Be careful of gratuitous animation and design - GAD! as I like to call it. In short, if the visual isn’t necessary or contributing to a particalar story, it shouldn’t be there.
Step 9: Making code invisible
While code is not a visible component to a user, its affect on the user experience is obvious. Badly written code might cause unpredictable web site behavior, slow response times, unexpected results, and other frustrating experiences. In short, good code goes unnoticed by the user, but bad code has a negative impact on user experience and eventually brand experience.
A lot of companies outsource their coding to offshore companies. And while this is a more cost effective path, it is also filled with land mines such as varying hours of operation, language barriers, difficulty with collaboration, etc. In my opinion, developers should not be thrown the job from over the fence, they should be included from the beginning to gain an understanding of how they can support the project within a collaborative and technical context. They are often the group that knows whether something can be built or not, from a technical standpoint. And the earlier on in the project that this can be established, the better for everyone!
Good code should be:
- Widely accepted and understood by programmers.
- Flexible and capable.
- Accompanied by documentation.
- Written with best practices in mind.
- Tested on various browsers, platforms, operating systems.
- Supported through training, documentation, and other resources.
These points and many more will ultimately come together, to either support or fight against a positive user and brand experience.
Step 10 - Reviewing, testing and testing.
Ideally, reviews should be held between all these steps, and act as checkpoints to either allow or disallow progress to the next step in the development process. All teams should be actively involved in reviews as well as testing, to surface their concerns, opinions and points-of-view. Quality control and management should not be thought of as the final step in the process, but rather a part of each and every step. By employing this approach, teams become accountable and invested in their efforts to produce quality, and ultimately affect positive brand experience.
There are probably hundreds of other ways to control positive brand experience. This piece is by no means complete, so I welcome ideas and suggestions from other points-of-view, disciplines, processes, etc.