.png)
Oct - Dec 2020 |
3 months
Information Architecture
Group project of 5. Led in data collection, user representative interviews, and secondary research. Assisted in the wireframing and helped with writing the reports.
MVP design to be presented to stakeholders
Redesign the information hierarchy of Manor Road Church's website to make the church's community more engaged and increase the church online presence.
How can we improve Manor Roach Church's information architecture to increase community engagement and make it easier more church goers to retrieve information.
Implemented a design-thinking process to redesign the church's website and reorganized the information architecture.
.png)
To understand the current available resources and its users, primary and secondary research was conducted to identify community needs and goals through representative user interviews and surveys
Once we collected our data, we summarized the main common issues by theme.
.png)
The navigation is too broad and shallow, having 13 tabs in the navigation bar and overwhelming the users.
The bad naming conventions in the navigation bar makes it difficult for users to identify where to go to access their desired information.
It feels difficult for users to get updated information readily available to them from the website.
According to some users, the overall colour used throughout the website is too vibrant which makes it difficult on the eyes.
Below is a visualization of Manor Road Church website navigation bar.
.png)
This study was conducted with representative users to understand their mindset and expectations when it comes to the navigation menu bar.
.png)
The above categorization was the most common among the representative users. Essentially, during the card sorting study, representative users are given card with the page name and are asked to categorize them under the same umbrella.
Based off the card sorting study, we created a preliminary information architecture prototype and sketched some low fidelity prototype.
By using the low fidelity wireframes, we conducted usability testing on 3 representative users asking them to do 4 tasks on the website.
From the usability testing, we identified several changes that could be implemented into your information architecture to make the website more usable.
.png)