Digital Directory Touchscreen Website
Replace static lobby directories with an interactive touchscreen website: searchable staff/tenant directory, maps, wayfinding, announcements, and QR handoff. WCAG 2.1 AA.
Intent: decide — interactive directory + wayfinding as a fullscreen touchscreen website
Digital directories rank because they solve a clear problem: “How do people find the right person/place quickly?” This page gives you a touchscreen-first directory layout that still works on mobile with QR handoff.
Experience Goal
- Help visitors find a person/location in < 20 seconds
- Reduce staff interruptions at front desks
- Keep wayfinding simple: search → choose → route/next steps
Experience Layout (wireframe)
┌───────────────────────────────────────────────────────────────┐
│ (A) Header: Brand | Search | Language | Accessibility │
├───────────────┬───────────────────────────────────────────────┤
│ (B) Filters │ (C) Results Stage │
│ - Dept/Type │ - Result cards: Name, Role, Location, CTA │
│ - Floor/Zone │ - “Call / Email / Directions” (as applicable) │
├───────────────┴───────────────────────────────────────────────┤
│ (D) Map Stage: Current floor + highlight + simple route │
│ + QR: “Send directions to my phone” │
└───────────────────────────────────────────────────────────────┘
Content Blocks & Motion
- Instant search: Autocomplete + “recent searches” (optional).
- Result cards: Big tap areas; avoid tiny rows.
- Map: Highlight destination with a clear “You are here” anchor.
- Announcements (optional): A small side ribbon—not a takeover.
Accessibility & UX Checklist (WCAG 2.1 AA)
- Contrast-first UI for glare-heavy lobbies.
- Touch targets ~44px+ and spaced.
- Text scaling (especially names and room numbers).
- Provide a “No results” state with helpful fallback paths.
Brand Integration Checklist
- Custom backgrounds (day/night or seasonal)
- Typography pairing that keeps names legible at distance
- Sponsorship zone (optional) below the fold / on idle screens
- QR codes for mobile directions and shareable profiles
Rocket Mapping
- Directory + profile pages → reusable “card + detail” pattern
- QR access → mobile continuation
- Signage/idle mode → when no one is interacting
CTA
Common questions
Quick answers to help you scope a touchscreen website that runs in fullscreen mode.
What should a touchscreen directory include?
A fast search bar, category filters, clear result cards, a map/wayfinding stage, and a QR option so visitors can continue directions on their phone.
Can we update the directory without IT?
Yes—updates can be managed centrally via a web-based CMS so staff can change entries and instantly publish to all displays.
How do we keep it accessible?
Use scalable text, high contrast, large touch targets, and a simplified navigation flow that works on both touchscreen and mobile.
Want this designed for your space?
Get a free mock-up mapped to your kiosk, directory, donor wall, or recognition display.
Get your touchscreen mock-up
