Dec 30, 2022
A UX designer is not a content strategist. A content strategist is not a UX designer. However, without the context of the content, the designs would be less meaningful and most probably will fail to provide solutions to user concerns associated.
Any digital product or service is merely a channel for communicating the content. Designs without the understanding of the content are internally void and showcase the lack of product or service’s value.
You do not visit a website just because it looks attractive; you visit for the content. Content helps design communicate, in a way, it complements the design. Hence, designs without content are a work of fabrication. The need for design across any industry is to solve problems through fundamental ways. Design compositions help the narrative of your content by providing context, intent, and generating trust. In-Short it brings life to your content.
From the UX perspective, content strategy deviates a little from its actual definition. Here, content strategy acts as a catalyst for system design. In a way, it is a process of using data and research evidence to provide the audience with the content they need, in a way they expect at the time they need.
In this guide, we’ll attempt to familiarize all the UXers by exploring the convergence of design and content strategy in UX Design. We’ll go through on how to include a content-first approach to mainstream UX designing techniques leading to the creation of better User Experience.
Now we know that content strategy could impact many aspects of user experience. Content strategy is effective in any initiation that requires content creation, delivery, and planning. The motive for content creation could be anything from marketing, branding and to what we’ve been discussing here- to build a better user experience.
We’ll go through some of the practices which involve the active influence of content in creating a better UX for the audience.
Firstly, try to identify the user needs as a base to build your content strategy, then convert them to a definable story so that it is translatable to all the team members and stakeholders involved in any meetings.
Identify a list of 4-5 competitors and analyze their respective pages. Find what content methods are they using to achieve the result. Maybe, frame predefined questions which can help in such situations.
Questions like:
Here’s an example of an educational institute’s admission page
This is just a small example; you could scrutinize competitors page much and juice out further more insights. Also, do not limit to one, do the same process for at least four other competitors.
UX Audit is an audit of one’s own brand or website to compare it with competitors and understand what is lacking or what more can be added in terms of content.
A UX team uses a combination of qualitative and quantitative techniques, skills, and tools to consolidate, study, and investigate user interactions. Through analytical methods, potential issues and triggers get discovered, which later go through usability testing — eventually, recommendations and suggestions based on the findings are made.
Here’s a sample of UX Audit done by Iglika, a UX/UI designer for one of her clients, this will help you understand the process from a practical perspective.
This image includes screenshots of the existing web pages. Here, she has marked points on the image and defined what according to the audit is not working for their website and possibly the reason for their high audience bounce rate.
Sample UX Audit- by Iglika of the homepage
Sample UX Audit- by Iglika of the Landing Page
Such an actionable UX/UI audit of their website gave us insights on the pain points that were causing the hindrance to their website’s active user engagement and objectives, which in turn affected Client’s conversion rates and other end goals.
Start mapping user flows concerning the stories developed from defining content in the first step. This activity will reveal the actions and critical interface points that users interact with while they’re on the site/app.
Consider where the user arrives from, which steps they take after visiting, giving you more insight and context into user behavior.
To achieve this, you could use the help of Google Analytics
Screen capture of the user flows feature in Google Analytics. It can be found under the Audience section in the side panel.
You could do further analysis by setting up goals in GA for your websites.
The Goal Flow feature lets you know the source point of every interaction that achieved the goal point. You could also use the dropdown to track goals using event and custom variables.
Tracking existing user flow to create mapping structure gives heavy loads of insight to UX designers on how to channel further changes or iterations.
These early design activities give insightful details about current user interaction, interface, and content.
The core team works on sketching designs for the platform prioritizing the defined user needs. Later, every person involved is required to ask a question and critique the ideas, to further develop the models and concepts through suggestions.
Concepts are still raw, but even at this stage, they manage to draw significant insights into the content.
Example: Preliminary sketch design of a dashboard
Typically, these could be framed to question, and answers could lead to improvement:
The rough sketch can, for sure, help us define the content elements required to support the identified user needs. Early illustrations will undoubtedly be iterated and redesigned. Before thought sketching, consider reading the common mistakes to avoid while designing a SaaS-based product.
Once we have got the initial sketches and content, we can take a step ahead to digitalize the designs and get ready with some necessary user testing.
Moreover, in what manner may you decide to create your prototypes, please do not use “Lorem Ipsum Is Dummy Text.”
Cramming Lorem Ipsum into a wireframe is not a great approach. It hardly reveals anything about the relationship between design and content. It is simple; it’s meaningless and has zero context.
Also, no one ever said you require perfect content to define prototypes; having something is better than gibberish. Luckily, there are some ways to put together designs with validatable content:
This content won’t be the final content, but it does to some extent reveal valuable insights, like:
The input field is clearly not long enough lengthy emails.
Smart use of micro-interaction and placeholder solves such problems
This is the stage where your semi-developed product undergoes the scrutiny of human usage. It’s time you put your low-key prototype to test and collect some feedback from the users. Assuming that you use proto-content instead of the Lorem Ipsum, hopefully, you’ll be able to receive some intriguing insights.
During the testing phase, pay close heed to how your content is being consumed and try to capture some answers-
During this session, you’ll collect many observations and also get to know different perspectives giving you heavy loads of beautiful insights-
Now, you can add these observations to hypothesize the new iterations keeping the usability in the context. Apply them to the existing prototype, and see if it worked and fell into place during re-validation. There’s always the possibility that some iterations don’t work, but that’s fine.
You can continue this process of testing and re-iterate until all the team members, and other stakeholders feel content.
Obviously, you cannot call that the work is complete, problems arise, and new solutions always find their way, but at this point, the team can start building the platform with the respective designs and get ready for the launch/relaunch.
The user experience you created succeeds based on the fact of how well you facilitated the delivery of the content through your design. The importance of content-first thinking in designing has been growing, and the curve is taking its slide into UX Design.
If you’re someone who thinks that either of content strategy or UX design is more important than the other, then for the self-evident reasons you might be on the wrong path. The synergy between the two is much more crucial than the individuality they possess. An effort towards a collaborative goal will yield much better results.
The new perception of UX Design is generalized towards interfaces of websites and mobile apps. However, UX is much broader, but there’s always a user at the end of the tunnel, so, a UX Designer must be aware of how people consume content and what channels they use for it. Including responses and inputs from the users provides insightful details into developing a defined content strategy.
Of course, the above process won’t guarantee the most articulate designs, but merely adding some new techniques and a content strategist’s perspective to your UX design process could make a lot of difference.
UXTeam is known for its UX strategy and helped several startups to build their product from the ground up. If you’re struggling with digital product design or UX/UI design, get in touch with us. UXTeam has been selected among the UI/UX Design Agencies by Designrush.
Founder and Design Director