Keep reading for FREE
UX Designers advocate for the user. They need to understand their needs and goals and tailor an experience to their needs. But the content is also important. It is the material that causes a user to visit.
Without understanding the content's structure and properties, we are unable to fit it for our users' needs. Does the text come as one block, does it have a headline, sub-line, body with paragraphs? How long is the video? What is the aspect ratio of the image?
There is often an underlying back-end that dictates the rules. Mapping and understanding this structure is vital when choosing UI patterns and designing an application.
An object-oriented mindset is vital to help build the content inventory. It gives an approach to designing a UI around the content.
In the early days of the internet, we created websites and applications from the content up. Every new website rendered a new design challenge.
The introduction of mobile applications caused a need for systematic design. So, in 2014, Google introduced Material Design and enabled designers to focus on user problems instead of creating patterns.
But it caused designers to rely too heavily on copying patterns instead of trying to understand the content. Before we reference design systems, we need to understand what makes our content unique. Failing to do this can lead to a broken experience.
Our users come to our applications because of the content. The content allows us to connect with our users and engage them in experiences. This necessitates us to know how our content behaves. We need to understand how flexible it is and notice when it will break.
An object-oriented approach can help to understand and structure the content.
When you have your inventory, look at each content element's attributes. The image, video, headline, or body copy have specific properties, constraints, and requirements.
Once you know the content pieces and their constraints, it's time to see how they work together.
Content objects can appear in many places and in different shapes, for example, displayed as a detail page or a listed item on an overview page or shown as a teaser.
Identify and detail the required instances and check their relationships. Then list the content elements for each occasion.
The correct pattern should fit the user and content requirements. It will respect the content needs and help users use the content to reach their goals.
When we know the different instantiations of each object and the requirements and constraints of its content, it should narrow the possibilities to a few patterns. From there, we look at our options from a user's perspective to select the best pattern.
MORE LIKE THIS
Ready for the next level?
Read Like a Pro
Explore the World’s
Take Your Ideas
Just press play and we take care of the words.
No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.
2 Million Stashers
Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.
Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.
Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.
This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!
I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!
Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.
Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.
Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.
Read & Learn
Access to 200,000+ ideas
Access to the mobile app
Unlimited idea saving & library
Unlimited listening to ideas
Downloading & offline access
Claim Your Limited Offer
Get Deepstash Pro
75% OFF | 1-Year Pro Subscription