top of page
cam pg 1.png

Campus Accessibility Map

校園無障礙地圖

Project Name

Role

Duration

Deviverable

Campus Accessibility Map
(For Taiwanese Ministry of Education)

UX researcher
UX designer
UI designer

Sept, 2022- Apr. 2024

Competitive analysis
User surveys
Card sorting test form
Affinity map
Rainbow spread sheet
User flows and use cases

Site map
Low-fidelity wireframes
High-fidelity mockups
Interactive prototypes
Usability tests and findings
UI Design kit

Group 427319965.png
BIGGG 444-11.png

About The CAM Project

Campus Accessibility Map (CAM) is a large-scale project commissioned by the Taiwanese Ministry of Education (MOE). The project goal is to create a map-based website that provides campus information for all universities across the country, as well as a management system for university administrations and the MOE to maintain this information. The main features that I work on include a filter menu, keyword search, journey planning, interactive floor plans, comment section, maintenance report system, and information approval system.

Who Is It For?

Our target users are primarily people with disabilities, but it is also designed to help a wider range of users, including people with temporary injuries, travellers, and children, among others. The goal of this project is to help students and travellers easily navigate the campus environment and obtain the most up-to-date information about campus buildings and facilities.

CAM-COMPETITIVE ANALYSIS.png

We conduct thorough research on products offering similar services. We explore international university campus websites and test out the key features of each product. We evaluate their flexibility, efficiency of use, and visual presentation of their interfaces.

CAM-KEY FINDINGS.png
A4 - 3.png

We visit over 10 campuses across the city of Taipei to investigate the campus environments, as well as conduct user surveys and one-to-one user interviews with university students to gather information about their pain points and needs when using a digital mapping service (such as Google Maps, CityMapper, digital campus maps, etc).

Our goals are to find out:
  1. What challenges do users face when navigating the campus due to their disabilities? What obstacles do they encounter, and how do they overcome them?
  2. What types of campus information do users need to help them have easier journeys on campus?

cam affinity map.png
A4 - 29.png
A4 - 28.png
cam 3 s.png
A4 - 5.png

We conduct a card sorting test aiming at refining the information architecture of the website's filtering menu. Through the test, we gain valuable insights into how users perceive and categorise information, ultimately shaping a more streamlined and user-friendly navigation experience. For example, we want to know how users would categorise ‘accessible toilet’ when searching through a filter menu, grouping it with either female and male toilets, or other accessible facilities such as curbs, ramps, elevators, and stairs, etc.

The result of this card sorting test has shown that around 75% of the users group ‘accessible toilet’ with other toilet options. This result is applied to the design of the campus website's filter menu.

A4 - 6.png
A4 - 7.png
CAM Wireframe.png
Mask group.png
cam mid fi.png
A4 - 10.png

UI Style Guide

A4 - 20.png
A4 - 21.png
CAM-ICONS.png

High-Fi Wireframes

Frame 427320993.png
Frame 427320994.png
cam 4 2.png

A platform where university staff can add building and facility information onto the campus map. All the data will correspond with what users see on the campus accessibility map website.

This content management system consists of two major features: an information approval system and a maintenance report system.


Information approval system: Information created by secondary account holders will need to be submitted to the primary account holder for review before it can be published on the campus map website.

Maintenance report system: Once the facility maintenance form has been filled out, it will be filed and appear on the maintenance list located in the backstage system. University staff can review each case and send responses to each reporter via email. Additionally, staff can update facility status, which will be reflected in real-time on the website.

cam 8.png
CAM-Backstage management.png

COPYRIGHT© 2024 by Kate  Tseng 

bottom of page