School Campus Layout
The layout clearly labels key areas such as classrooms, labs, and recreational spaces, making navigation straightforward. However, the design could be improved by enhancing the visual hierarchy and adding interactive elements for better user engagement and accessibility.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
2
Color & Contrast1
Content Readability & Clarity3
Visual Consistency, Imagery & Media2
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight0
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load0
Flow & States Completeness0
Strategic DesignRecommended Fixes by Impact
0Critical
2Major
5Moderate
4Minor
No Clear Location or Role Indicated on Campus Map
Major
Orientation Missing (Environment/Role/Location)
The Problem
The campus map shows multiple buildings and areas but does not include any visual indication of 'You Are Here' or highlight the current location or role of the user on the map.
Why it Matters
Users may feel disoriented or confused about where they are on campus and how to navigate to key locations, increasing frustration and navigation errors.
How to Fix
Include a visible marker or icon on the map that shows the user's current location or role (such as 'You Are Here') and highlight main routes accordingly.
Issue Highlights
No Visible Navigation or Legend on Map Interface
Major
Navigation & Structure
The Problem
The layout lacks a visible navigation panel or legend explaining the meaning of labeled areas or symbols, leaving users without guidance or filtering options.
Why it Matters
Without proper navigation controls or a legend, users cannot easily find or interpret key locations, reducing map usability for new or infrequent visitors.
How to Fix
Add a clear navigation sidebar or header with clickable area categories and a legend explaining icons and labels on the map.
Issue Highlights
Insufficient contrast for small labels like 'staff toilets' and 'kitchen'
Moderate
Color & Contrast
The Problem
The small text labels such as 'staff toilets' and 'kitchen' use thin, small black font on a white background which appears lightly rendered and may have insufficient contrast for users with low vision.
Why it Matters
Users with visual impairments or color vision deficiencies may find it difficult to read these labels, reducing the usability of the map.
How to Fix
Increase the font weight or size of these labels, or use a darker black (#000000) for higher contrast against the white background. Confirm with a contrast checker to meet WCAG AA standards.
Issue Highlights
Misaligned Room Labels and Boxes in Classroom Wing
Moderate
Visual Consistency, Imagery & Media
The Problem
The labels for classrooms, offices, and storage areas within the classroom wing are not consistently aligned either vertically or horizontally, resulting in an off-grid appearance.
Why it Matters
Inconsistent alignment makes the map harder to read and interpret quickly, increasing cognitive load for users trying to locate rooms.
How to Fix
Align all labels and room boundaries along a consistent grid or baseline to create a more orderly layout.
Issue Highlights
Labels in narrow spaces like 'office' and 'storage area' have poor legibility
Moderate
Color & Contrast
The Problem
Text such as 'office' and 'storage area' is very small and tightly spaced, making it hard to read. The thin black text on white may fall below recommended contrast for very small text.
Why it Matters
Low contrast and tiny font sizes can make it difficult for many users, especially those with visual impairments, to identify room labels on the floor plan.
How to Fix
Increase font size and weight or use a darker black color. Ensure adequate spacing to improve readability. Verify with contrast tests for small text to meet WCAG AA (4.5:1) standards.
Issue Highlights
Unclear Labeling on Some Storage Areas
Moderate
Content Readability & Clarity
The Problem
The labels for 'storage area' within the building are placed in very tight, small boxes with small font, which might confuse users as to the exact location or differentiate them from other similarly styled labels.
Why it Matters
Ambiguous labeling can cause users to misinterpret room usage or miss important areas in the layout.
How to Fix
Provide clearer, larger, and better positioned labels for storage areas to improve clarity.
Issue Highlights
Labels are Closer Together and Potentially Crowded
Moderate
Navigation & Structure
The Problem
Several rooms and offices (e.g., multiple classrooms and offices) have small and closely placed labels that may be hard to tap or click accurately, especially on smaller devices or touchscreens.
Why it Matters
Users might have difficulty selecting the intended room or office, causing frustration and slower navigation.
How to Fix
Increase spacing between clickable labels or introduce zoom functionality to prevent overlap and improve tap accuracy.
Issue Highlights
Unlabeled Tree Icons Without Context
Minor
Visual Consistency, Imagery & Media
The Problem
Tree icons appear multiple times on the map, but there is no legend or label explaining their meaning or significance.
Why it Matters
Users may be uncertain if these icons represent actual trees, greenery, or other features, causing ambiguity in interpretation.
How to Fix
Add a legend or labels to clarify the meaning of tree icons on the map.
Issue Highlights
Play Equipment Area Not Aligned with Playground and Parking
Minor
Visual Consistency, Imagery & Media
The Problem
The play equipment area on the left side is not aligned horizontally with the adjacent playground and parking area, creating a slightly irregular boundary.
Why it Matters
Misaligned zones may confuse users about spatial relationships and hinder the visual harmony of the layout.
How to Fix
Adjust the play equipment area boundary to align horizontally with the playground and parking area edges.
Issue Highlights
Tree Images Create Visual Clutter
Minor
Efficiency & Cognitive Load
The Problem
The three large tree images placed around the layout add visual noise without serving a clear action or informative purpose.
Why it Matters
These decorative elements can distract users from focusing on key layout details and decision points.
How to Fix
Reduce the visual prominence of the trees or replace them with simpler icons or subtle indicators to decrease clutter.
Issue Highlights
Extra Trees Inside Building Layout Distract From Room Labels
Minor
Efficiency & Cognitive Load
The Problem
Multiple smaller tree images inside and between rooms within the building layout clutter the area and compete with important room labels like classrooms and labs.
Why it Matters
Users may find it harder to scan and understand the floor plan quickly due to these unnecessary visual distractions.
How to Fix
Remove or relocate these tree images to create clear, uninterrupted sightlines to room labels and paths.
Issue Highlights