Deliverable
App design
Tools
Adobe XD, Confluence
Disciplines
UX design
User feedback revealed key issues:
The page's information architecture was leading to confusion,
Dense text obscured the urgency of certain information, and
The language used wasn’t engaging.
At first, I explored different page layouts, but quickly realized that the quick accessibility and prominence of important news items was crucial.
This meant working on a solution that offers full immediate visibility of a “featured” news item on entry, along with a list of teasers for the remainder.
Key news has to be quickly accessible to ensure user visibility and engagement.
Result has to keep users’ attention.
Designed for tablet use with future mobile compatibility.
Limited user testing capacity due to specific project constraints and company policies.
Usage of existing design system components.
Measured by gathering peer feedback:
Minimal navigation effort to reach important ‘News’ items
Overall improved information architecture
Visually more engaging than before
Measured by tracking user actions on ‘News’ items, such as app updates following related news reads:
Increased user awareness of important ‘News’ items
The Solution
Once on the page, the user sees:
The featured news item in the left panel
The list of the other news on the right
This ensures immediate attention on the featured item upon entry.
Selecting any news item leads to a detail page.
One type of news item needed timely user action.
I suggested to highlight it by
Expanding CMS functionality, so any post can receive an 'urgent' tag, and
Visually distinguishing them.
You will see a diagram explaining the placement and display logic for any given new post.
Depicted you can see how ‘urgent’ items are visually highlighted (dark gray outline).
The page has two main panels:
Left & right on wider screens, and
Top & bottom on narrower ones.
If there is a news piece marked ‘urgent’ in the CMS
It will be featured in the left (or top) panel and
Other, incoming and non-’urgent’ news pieces will be listed in the other one.
If there is no ‘urgent’ item, the newest item will be featured on the left (or top).
