Quail Island mobile prototype

A course design (COMP640) from my MSc Applied Computing in New Zealand: a Balsamiq mobile tour App prototype for Otāmahua / Quail Island — 50 wireframe screens covering map navigation, trip planning, attraction detail, and audio guide.

That UX / business-analysis practice makes me more careful, when building products and UI (including this site and business systems), that user scenarios are clear and flows actually work.

What it does

Map home: island POIs (shipwreck, quarantine station, flora/fauna, ferry, etc.), with voice filters and guidance prompts
Trip planning: AI-assisted routing, voice input, timeline editing, and route confirm
Detail pages: attraction info by History / Flora / Fauna / Facilities
Audio guide: Audio Guide interaction pages for multiple sites

Prototype screenshots

Map home

Otāmahua map home with island POIs

Trip planning (AI on)

Planning page with AI-assisted route suggestions

Attraction detail

Quarantine station history detail — Quarantine Station

Ecology & facilities

Harakeke plant detail — Plant · Harakeke

White-fronted Tern detail — Bird · White-fronted Tern

Ferry schedule — Facilities · Ferry Schedule

Tech notes

Balsamiq Mockups: 50 Android wireframe screens with a reusable Symbol library
Information architecture: Map → Plan → Details → Audio Guide
Localized content: Māori place name (Otāmahua) and real island sites

Notes on this write-up

The original coursework is a .bmpr (Balsamiq project). Key frames were exported from embedded thumbnails for this page. The full prototype has 50 screens across map, planning, history, ecology, and facilities.

在新西兰读应用计算机硕士期间完成的课程设计（COMP640）：用 Balsamiq 为 Otāmahua / Quail Island 设计的移动导览 App 原型，共 50 个线框页面，覆盖地图导航、行程规划、景点详情与语音导览。

这段 UX / 业务分析训练，让我在做产品与界面（包括本站与各类业务系统）时更在意「用户场景是否说得清、流程是否走得通」。