NUS Business School — website
Redesigning IA & UI
Project 2
Assigned as a part of the UX course project from General Assembly Singapore
Case Study Outlines
• Heuristic Evaluation
• Competitive Analysis
• Cognitive Walkthrough & User Feedbacks
• Content Audit & Site Mapping
• Card Sorting
• Building new IA
• Tree Testing
• Final IA
• Usability Testing & Iterations
• Final Prototype
Team Members
Cory Meilany
Ethan Lim
Marge Wee
Duration
2 weeksPersona
![](https://freight.cargo.site/t/original/i/6942eed7dcad6444f4466d5d4ce7c7887c9019cb5879fa73653da44df76bff86/Mark-copy.png)
Mark is a prospective student and starting the college application process. He thinks he might be interested in majoring in ........ but he also loves ........ Mark still isn’t sure whether he wants to live on campus and needs all the financial aid and scholarship opportunities he can find.
Needs:
• Admission requirements
• Scholarship opportunities
• Student body make-up, teacher ratio
• College programs and specialties
• Campus housing info
Pain Points:
• Learning about a new city/neighbourhood
• Picking a major
• Scheduling
• Learning about extra curricular activities
Problem Statement
Mark needs an efficient way to compare different courses because there is too much cluttered information which is also deep in the site.
Hypothesis
We believe that by making the site easy to navigate, it will help him to be more efficient in finding his needed information for enrolment. We know this to be true when the path and time taken is lesser than his initial usage test of the original website.
![](https://freight.cargo.site/t/original/i/b015ff29e128baf935a412d26209d16ee09f6b8160f6abdae02c862e82a959a2/NUS_Business-School_homepage_edited.jpg)
Heuristic Evaluation
https://bschool.nus.edu.sg
Being assigned project partners and NUS Business School website, we are to redesign the Information Architecture (IA) and the key pages of the current website according to our persona’ needs. We first started by doing heuristic evaluation and found a lot of problems like:
- Some repeated links
-
Cluttered info
-
Obtrusive visuals for news/banner
-
Design elements not consistent across site
- Some info is hidden, not easy to search
When we did demo for some tasks as prospective students, we found out that it has many microsite and external links to get crucial information. See below samples:
![](https://freight.cargo.site/t/original/i/ef46454563abf9d0556ab2d1717fb3f59a4b0728ab17d53479e559844f462fc3/Screen-Shot-2018-12-06-at-12.21.14-AM.png)
![](https://freight.cargo.site/t/original/i/13b90ffd568632b03264fc2212f33a2ee7bbc429e9ecd1956aa5130c1b3029a1/Screen-Shot-2018-12-06-at-12.20.58-AM.png)
Competitor Analysis
After analysed NUS Business School website, we visited some of its competitor which are Nanyang Business School (NTU) and Lee Kong Chian School of Business (SMU) for comparison.
NTU Business School
http://www.nbs.ntu.edu.sg
SMU Business School
https://business.smu.edu.sg
NTU has a clean & simple UI design, their navigation terms also easy to understand.
SMU has a professional & modern looks. And it gave a sense of credibility. Each section' placement is purposeful.
![]()
Cognitive Walkthrough
We conducted cognitive walkthrough to find out about:
Firstly we gave users some tasks to accomplish. Some users really lost in the journey finding related info because the path taken are too deep or the info was difficult to locate.
We recorded the user flow and timing for each task completed. We identified some problems by gathering feedbacks from the user about their experiences.
User Feedbacks
SMU has a professional & modern looks. And it gave a sense of credibility. Each section' placement is purposeful.
![](https://freight.cargo.site/t/original/i/d6d6b5102f5d323642a142a71f7641419375af9f3dfa65a0507346c1b8c3d478/Screen-Shot-2018-12-06-at-12.50.57-AM.png)
Cognitive Walkthrough
We conducted cognitive walkthrough to find out about:
- User journey
- User feedbacks
Firstly we gave users some tasks to accomplish. Some users really lost in the journey finding related info because the path taken are too deep or the info was difficult to locate.
We recorded the user flow and timing for each task completed. We identified some problems by gathering feedbacks from the user about their experiences.
User Feedbacks
![](https://freight.cargo.site/t/original/i/7c64dd61284b11b36fbd17b28fbb9226f06d0423ed651e1d7352be43b0e3bd4b/Screen-Shot-2018-12-06-at-12.55.39-AM.png)
![](https://freight.cargo.site/t/original/i/314c78b09543450fabab94d1564651d01d33be6889977e24298b726588ed048e/Screen-Shot-2018-12-06-at-12.58.36-AM.png)
Content Audit
In getting full details of website page links and reconfirm our findings, we did a content audit on NUS Business School website. To my surprise they are 66 links to external sites, 21 unique external domain, 33 duplicated links and 4 broken links!
Qualitative Discoveries:
• Long routes taken to get wanted info
• Inconsistency of design across domains
• Not clear where to get information
To view more details:
https://docs.google.com/spreadsheets/d/13K_anEw-ySz7q8W0Jk4olYZhV3NY9EV0H9nCtRk7UYY/edit#gid=0
Site Mapping
To visualise hierarchical content from Content Audit, we map out NUS Business School website with Gloomaps.com. By doing this we have a clearer picture which areas is problematic.
Here are some of the findings:
Card Sorting
To gather user insights on how users organising information, we conducted card sorting. At first, we are not sure where to start and what types of card sorting to use. But after hearing feedbacks that sometimes users get lost if they have been given open card sort, we decided to go with hybrid.
To set up the categories, I used existing menu naming from current NUS website and balance it out with other terms from our competitor. We rolled out our 1st card sort to 7 participants with 10 pre-existing categories and 48 cards.
The results gave us a general grouping ideas, whereas we still need clarification for some cards. So we narrow down the categories and conducted our 2nd card sorting to clear our doubts. With a total 12 participants we tested 18 cards and 7 categories. We realised the bigger the participants, the better we see a strong agreement.
Final Card Sort categorisation result:
In getting full details of website page links and reconfirm our findings, we did a content audit on NUS Business School website. To my surprise they are 66 links to external sites, 21 unique external domain, 33 duplicated links and 4 broken links!
Qualitative Discoveries:
• Long routes taken to get wanted info
• Inconsistency of design across domains
• Not clear where to get information
To view more details:
https://docs.google.com/spreadsheets/d/13K_anEw-ySz7q8W0Jk4olYZhV3NY9EV0H9nCtRk7UYY/edit#gid=0
Site Mapping
To visualise hierarchical content from Content Audit, we map out NUS Business School website with Gloomaps.com. By doing this we have a clearer picture which areas is problematic.
Here are some of the findings:
- There are lots of duplicated pages in L3 Short Course
-
For Undergraduates, Graduates, and Executive MBA, some info are located in the external domain
- Found some broken links
Card Sorting
To gather user insights on how users organising information, we conducted card sorting. At first, we are not sure where to start and what types of card sorting to use. But after hearing feedbacks that sometimes users get lost if they have been given open card sort, we decided to go with hybrid.
To set up the categories, I used existing menu naming from current NUS website and balance it out with other terms from our competitor. We rolled out our 1st card sort to 7 participants with 10 pre-existing categories and 48 cards.
The results gave us a general grouping ideas, whereas we still need clarification for some cards. So we narrow down the categories and conducted our 2nd card sorting to clear our doubts. With a total 12 participants we tested 18 cards and 7 categories. We realised the bigger the participants, the better we see a strong agreement.
Final Card Sort categorisation result:
![](https://freight.cargo.site/t/original/i/3b43491a4c7d178e1f4bc98bf0305716bdfc9671260cd107e4159bea8f1c364a/Screen-Shot-2018-12-06-at-1.48.39-AM.jpg)
Building draft IA
After finalising the card sort we started drafting a new sitemap and we’re ready to evaluate the findability of our information through tree testing. We crafted 4 scenario tasks based on Mark’s needs and pain points. We decided to focus on these 4 areas:
• Admission requirements
• Scholarship opportunities
• Campus housing
• Comparing two majors
Tree Testing
The average time for each participant to accomplish the task is 15 sec and we achieved 83% success rate on overall tasks.
To find Admission Requirements, 60% of user went to Admission & Scholarships as expected. 40% of user journeys went to ‘Undergraduate > Specific programmes’. The reason is because they understood admission requirements as the minimum cut off grade of each programme.
![]()
Final IA
Finally after get the insights from tree testing, we revised our sitemap according to our new findings. We decided to put in admission requirements menu under each programme.
The improvement made with this new IA:
To view final IA: www.gloomaps.com/mgmdGghA7v
After finalising the card sort we started drafting a new sitemap and we’re ready to evaluate the findability of our information through tree testing. We crafted 4 scenario tasks based on Mark’s needs and pain points. We decided to focus on these 4 areas:
• Admission requirements
• Scholarship opportunities
• Campus housing
• Comparing two majors
Tree Testing
The average time for each participant to accomplish the task is 15 sec and we achieved 83% success rate on overall tasks.
To find Admission Requirements, 60% of user went to Admission & Scholarships as expected. 40% of user journeys went to ‘Undergraduate > Specific programmes’. The reason is because they understood admission requirements as the minimum cut off grade of each programme.
![](https://freight.cargo.site/t/original/i/60a69ead9bbb5a8d09bc76c5581c673d481ce6cd33a29cb14f995d24d476913d/Treejack-0biuny78-Task-1-admission-requirements.jpg)
Final IA
Finally after get the insights from tree testing, we revised our sitemap according to our new findings. We decided to put in admission requirements menu under each programme.
The improvement made with this new IA:
- Reduced Depth (no. of clicks)
- Lesser time to find information
- Direct Journeys (no external sites)
To view final IA: www.gloomaps.com/mgmdGghA7v
Old vs. New User Flow
![](https://freight.cargo.site/t/original/i/7838a653c55a85dea904b0c5a0ac09a929577f05fb3dc35d37e0f537b2d74042/1.jpg)
![](https://freight.cargo.site/t/original/i/f6734456a11147b5645e7644b9fa57e8eb49f6df6f911edb5c12394e9b25ee6a/2.jpg)
![](https://freight.cargo.site/t/original/i/f4967c1ed456c5d82f1ca6cf0127f20a14ae3cf5e55760cb30649916a8671796/3.jpg)
![](https://freight.cargo.site/t/original/i/ed5a4f53ff472e8b4b67ac1ecb19daf79ba6f4c56ad1c880059acc3b057c48a6/4.jpg)
Usability Testing
The new prototypes has reduced the depth of the path taken to get specific information. And users also spent less time for each task with 100% success rate. In general, we’re quite happy with these results.
Iterations
We got some feedbacks from users on our new prototypes, a user mentioned that our prototype lack of search feature on the top of each page. Because for her it’s essential feature in case they got lost, they can always use that search bar.
Besides this, user also feedback that we should have “Apply Now” on our navigation menu. We thought it was a good feedback because it’s something like call to action.
Majority of the users said the prototype much cleaner and easy to navigate around compared to NUS Business School current website. Some of the iterations we made:
Final Prototype
![]()
https://invis.io/7KP0BGWPTHQ
The new prototypes has reduced the depth of the path taken to get specific information. And users also spent less time for each task with 100% success rate. In general, we’re quite happy with these results.
![](https://freight.cargo.site/t/original/i/c9c35414c3187b026a1911700d89d67a1b7fb533363bc191d813f34e7ee5f648/Screen-Shot-2018-12-06-at-2.18.11-AM.jpg)
We got some feedbacks from users on our new prototypes, a user mentioned that our prototype lack of search feature on the top of each page. Because for her it’s essential feature in case they got lost, they can always use that search bar.
Besides this, user also feedback that we should have “Apply Now” on our navigation menu. We thought it was a good feedback because it’s something like call to action.
Majority of the users said the prototype much cleaner and easy to navigate around compared to NUS Business School current website. Some of the iterations we made:
- Add in ‘How to Apply’ under Admission & Scholarship dropdown menu
- Add in a fix ‘Search Bar’ on top right navigation for each page in case they can’t find needed info
Final Prototype
![](https://freight.cargo.site/t/original/i/a806af2d182e53752259b10794e939c44dda557de1920bd4dd3c65be5cdd541b/imac-cover-04.png)
https://invis.io/7KP0BGWPTHQ