top of page
![](https://static.wixstatic.com/media/caaba1_3167c46d7c5a45a98c39a59abc9d0e48~mv2_d_1333_2000_s_2.jpg/v1/fill/w_192,h_288,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/caaba1_3167c46d7c5a45a98c39a59abc9d0e48~mv2_d_1333_2000_s_2.jpg)
![cam pg 1.png](https://static.wixstatic.com/media/caaba1_db29fd6ed6e647d48985df097c3733af~mv2.png/v1/crop/x_5,y_0,w_669,h_449/fill/w_632,h_424,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/cam%20pg%201.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
![](https://static.wixstatic.com/media/caaba1_01404f7eb71143828b782e8bc822d673f001.jpg/v1/fill/w_52,h_94,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/caaba1_01404f7eb71143828b782e8bc822d673f001.jpg)
![Group 427319965.png](https://static.wixstatic.com/media/caaba1_297ead2da5f4457880d23f8e9b3a1b30~mv2.png/v1/fill/w_52,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%20427319965.png)
![BIGGG 444-11.png](https://static.wixstatic.com/media/caaba1_f46ebb04a96e45ec89f1edfb1ba7089f~mv2.png/v1/fill/w_235,h_469,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/BIGGG%20444-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](https://static.wixstatic.com/media/caaba1_9d32621d530049e69b09ea1eec79bde4~mv2.png/v1/fill/w_59,h_53,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CAM-COMPETITIVE%20ANALYSIS.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](https://static.wixstatic.com/media/caaba1_048b9cfb3265482186f9cda1823e4c1d~mv2.png/v1/fill/w_53,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CAM-KEY%20FINDINGS.png)
![A4 - 3.png](https://static.wixstatic.com/media/caaba1_dcb5ef1516fb4e02ba709de1f50f0882~mv2.png/v1/fill/w_59,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%203.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](https://static.wixstatic.com/media/caaba1_2b192cfa31e34259b235b5baac89f0f3~mv2.png/v1/fill/w_59,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/cam%20affinity%20map.png)
![A4 - 29.png](https://static.wixstatic.com/media/caaba1_f7038c39ca044289b924b40e42b83942~mv2.png/v1/fill/w_59,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%2029.png)
![A4 - 28.png](https://static.wixstatic.com/media/caaba1_853f0c6565e841119372894ae14c63a6~mv2.png/v1/fill/w_59,h_74,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%2028.png)
![cam 3 s.png](https://static.wixstatic.com/media/caaba1_29e9f20af9fc47c3a11e07f24c79fd76~mv2.png/v1/fill/w_46,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/cam%203%20s.png)
![A4 - 5.png](https://static.wixstatic.com/media/caaba1_b0408c9a84ec41dfbe2c08b63040ea67~mv2.png/v1/crop/x_1,y_0,w_1261,h_232/fill/w_59,h_11,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%205.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](https://static.wixstatic.com/media/caaba1_849602abc30043f38090606a6d8d0e77~mv2.png/v1/fill/w_59,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%206.png)
![A4 - 7.png](https://static.wixstatic.com/media/caaba1_c761f00dcae64dee8629f7445179ec79~mv2.png/v1/fill/w_58,h_31,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%207.png)
![CAM Wireframe.png](https://static.wixstatic.com/media/caaba1_5e6c6d7fbc93467084be78b9a1ece4be~mv2.png/v1/crop/x_8,y_0,w_1247,h_174/fill/w_59,h_8,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CAM%20Wireframe.png)
![Mask group.png](https://static.wixstatic.com/media/caaba1_75fab3d1688241bb8b3e70dca6d2488b~mv2.png/v1/fill/w_49,h_18,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/caaba1_75fab3d1688241bb8b3e70dca6d2488b~mv2.png)
![cam mid fi.png](https://static.wixstatic.com/media/caaba1_8c83613cc62e4b419926daaeccfaccb0~mv2.png/v1/crop/x_5,y_0,w_5065,h_1560/fill/w_69,h_21,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/cam%20mid%20fi.png)
![A4 - 10.png](https://static.wixstatic.com/media/caaba1_4dd7a664825c4d6db3caef334ed6297c~mv2.png/v1/fill/w_57,h_7,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%2010.png)
![A4 - 20.png](https://static.wixstatic.com/media/caaba1_91c0e67cad884be58b2552997ccbf959~mv2.png/v1/fill/w_66,h_47,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%2020.png)
![A4 - 21.png](https://static.wixstatic.com/media/caaba1_cefe562f0d494951986c309e2ddf62d9~mv2.png/v1/fill/w_66,h_47,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/A4%20-%2021.png)
![CAM-ICONS.png](https://static.wixstatic.com/media/caaba1_d78a4d265c1d44e0a8a73b7500be0453~mv2.png/v1/crop/x_234,y_0,w_2897,h_759/fill/w_66,h_17,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/CAM-ICONS.png)
![Frame 427320993.png](https://static.wixstatic.com/media/caaba1_afac22d6c9454c368be069ccf400679a~mv2.png/v1/crop/x_6,y_0,w_1672,h_48/fill/w_59,h_2,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%20427320993.png)
![Frame 427320994.png](https://static.wixstatic.com/media/caaba1_04275049cb6648bb9b99997711d59936~mv2.png/v1/fill/w_59,h_2,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%20427320994.png)
![cam 4 2.png](https://static.wixstatic.com/media/caaba1_bfbf2ffc121d416c990e3c2a037334e4~mv2.png/v1/fill/w_46,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/cam%204%202.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](https://static.wixstatic.com/media/caaba1_1f6a621c7fe94fcc8a3e3f36fe34dc8b~mv2.png/v1/fill/w_45,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/cam%208.png)
![CAM-Backstage management.png](https://static.wixstatic.com/media/caaba1_623241e1382b449eb05a60af7f5c5a80~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/caaba1_623241e1382b449eb05a60af7f5c5a80~mv2.png)
bottom of page