Pinning Connections: Crafting a User-Centered Design for a Location-Based Messaging App

Building intuitive communication through messages pinned to real-world locations.

Role

UX/UI Designer

Industry

Social Networking

Duration

1 month

a cell phone on a bench
a cell phone on a bench
a cell phone on a bench

Objective

To design a seamless, intuitive location-based messaging app where users can leave, read, and manage messages pinned to physical locations on a map. Messages can be public or private, and have optional timers or self-destruct settings.

Stage 1. Research

User Interviews

Target Audience:

  • Adventurers: People who enjoy exploring new places and sharing discoveries.

  • Local Connectors: Users who want to create micro-communities based on their locality.

  • Private Communicators: Friends or couples seeking a unique way to exchange personal notes.


Pain Points Identified:

  1. Privacy Concerns: Users worry about accidentally sharing private messages publicly.

  2. Message Management: It’s difficult to track messages or know if they’ve been read.

  3. Map Clutter: Overlapping pins and crowded areas make it hard to locate relevant messages.


Competitive Analysis

Analyzed similar apps like Snapchat's Snap Map, Google Maps reviews, and geocaching apps. Key takeaways:

  • Simple UI for locating pins is crucial.

  • An effective filtering mechanism is necessary for finding messages.

  • Users prefer options for customizing message lifespan.


User Personas

  1. Ellie the Explorer:

    • Uses the app to leave travel tips and hidden gems for other adventurers.

    • Needs easy visibility of public messages in specific areas.

  2. Mike the Memory Maker:

    • Shares private messages with his partner at memorable spots.

    • Prefers a secure and easy way to mark private messages on the map.



User Journey Map

Problem Statement

How might we design a location-based messaging app that ensures an intuitive experience for users, enabling them to leave or read messages without clutter, privacy concerns, or difficulty tracking message status?

Stage 2. Design Ideation

Key Features:

  1. Customizable Message Pins

    • Public, private, or group-specific visibility.

    • Icons indicating message type (text, image, sound).

  2. Message Lifecycle Options

    • Perishable on read.

    • Timed expiration (e.g., 24 hours, 7 days).

  3. Filters and Layers

    • Public vs. Private filter.

    • Layer-based view (e.g., text-only, image-only).

  4. Delivery Feedback

    • Read receipts for private messages.

    • Timer countdown displayed for expiring messages.

  5. Clutter Management

    • Heatmap for popular areas.

    • Clustered pins that expand when zoomed in.

Stage 3. Low-Fidelity Wireframes

Home Screen (Map View):

  • Top Toolbar: Search bar, filter icon, and profile.

  • Map: Displays pins with icons (text, image, sound).

  • Pin Creation Button: Floating action button (+) to add a message.

Message Creation Flow:

  1. Pin location.

  2. Choose visibility (Public/Private).

  3. Add message type (Text/Image).

  4. Set expiration timer or “Perishable on Read.”

Pin Interaction:

  • Tapping on a pin reveals a preview (e.g., title and visibility).

  • Swipe up to read full message.



Objective

To design a seamless, intuitive location-based messaging app where users can leave, read, and manage messages pinned to physical locations on a map. Messages can be public or private, and have optional timers or self-destruct settings.

Stage 1. Research

User Interviews

Target Audience:

  • Adventurers: People who enjoy exploring new places and sharing discoveries.

  • Local Connectors: Users who want to create micro-communities based on their locality.

  • Private Communicators: Friends or couples seeking a unique way to exchange personal notes.


Pain Points Identified:

  1. Privacy Concerns: Users worry about accidentally sharing private messages publicly.

  2. Message Management: It’s difficult to track messages or know if they’ve been read.

  3. Map Clutter: Overlapping pins and crowded areas make it hard to locate relevant messages.


Competitive Analysis

Analyzed similar apps like Snapchat's Snap Map, Google Maps reviews, and geocaching apps. Key takeaways:

  • Simple UI for locating pins is crucial.

  • An effective filtering mechanism is necessary for finding messages.

  • Users prefer options for customizing message lifespan.


User Personas

  1. Ellie the Explorer:

    • Uses the app to leave travel tips and hidden gems for other adventurers.

    • Needs easy visibility of public messages in specific areas.

  2. Mike the Memory Maker:

    • Shares private messages with his partner at memorable spots.

    • Prefers a secure and easy way to mark private messages on the map.



User Journey Map

Problem Statement

How might we design a location-based messaging app that ensures an intuitive experience for users, enabling them to leave or read messages without clutter, privacy concerns, or difficulty tracking message status?

Stage 2. Design Ideation

Key Features:

  1. Customizable Message Pins

    • Public, private, or group-specific visibility.

    • Icons indicating message type (text, image, sound).

  2. Message Lifecycle Options

    • Perishable on read.

    • Timed expiration (e.g., 24 hours, 7 days).

  3. Filters and Layers

    • Public vs. Private filter.

    • Layer-based view (e.g., text-only, image-only).

  4. Delivery Feedback

    • Read receipts for private messages.

    • Timer countdown displayed for expiring messages.

  5. Clutter Management

    • Heatmap for popular areas.

    • Clustered pins that expand when zoomed in.

Stage 3. Low-Fidelity Wireframes

Home Screen (Map View):

  • Top Toolbar: Search bar, filter icon, and profile.

  • Map: Displays pins with icons (text, image, sound).

  • Pin Creation Button: Floating action button (+) to add a message.

Message Creation Flow:

  1. Pin location.

  2. Choose visibility (Public/Private).

  3. Add message type (Text/Image).

  4. Set expiration timer or “Perishable on Read.”

Pin Interaction:

  • Tapping on a pin reveals a preview (e.g., title and visibility).

  • Swipe up to read full message.



Stage 4. User Feedback & Refinement

  • Users loved the timer options but wanted presets for convenience (e.g., "7 days" vs. manual entry).

  • Public/private toggle was initially unclear—added labels and icons for clarity.

  • Map clutter improved with the introduction of filters and pin clustering.

Stage 5. High-Fidelity Design

Visual Elements:

  • Minimalist design with vibrant pin colors for public/private differentiation.

  • Intuitive map interactions with pinch-to-zoom and swipe gestures.

Interactive Elements:

  • Animated pin drops to highlight new messages.

  • Easy-to-use filter drawer accessible from the map screen.



Stage 4. User Feedback & Refinement

  • Users loved the timer options but wanted presets for convenience (e.g., "7 days" vs. manual entry).

  • Public/private toggle was initially unclear—added labels and icons for clarity.

  • Map clutter improved with the introduction of filters and pin clustering.

Stage 5. High-Fidelity Design

Visual Elements:

  • Minimalist design with vibrant pin colors for public/private differentiation.

  • Intuitive map interactions with pinch-to-zoom and swipe gestures.

Interactive Elements:

  • Animated pin drops to highlight new messages.

  • Easy-to-use filter drawer accessible from the map screen.



Stage 4. User Feedback & Refinement

  • Users loved the timer options but wanted presets for convenience (e.g., "7 days" vs. manual entry).

  • Public/private toggle was initially unclear—added labels and icons for clarity.

  • Map clutter improved with the introduction of filters and pin clustering.

Stage 5. High-Fidelity Design

Visual Elements:

  • Minimalist design with vibrant pin colors for public/private differentiation.

  • Intuitive map interactions with pinch-to-zoom and swipe gestures.

Interactive Elements:

  • Animated pin drops to highlight new messages.

  • Easy-to-use filter drawer accessible from the map screen.



Future Improvements

  • Smart Recommendations: Suggest messages or locations based on user behavior, interests, or frequent visits.

  • Customizable Map View: Allow users to personalize map styles, icons, or display settings.

  • Favorite Locations: Let users bookmark or follow specific locations to receive updates.

  • Real-Time Collaboration: Enable users to co-create messages with friends in the same location.

Outcomes

By focusing on privacy, clutter management, and message lifecycle customization, the app offers a delightful and secure experience. Future updates can enhance engagement and usability, turning this concept into a widely adopted messaging platform.

Future Improvements

  • Smart Recommendations: Suggest messages or locations based on user behavior, interests, or frequent visits.

  • Customizable Map View: Allow users to personalize map styles, icons, or display settings.

  • Favorite Locations: Let users bookmark or follow specific locations to receive updates.

  • Real-Time Collaboration: Enable users to co-create messages with friends in the same location.

Outcomes

By focusing on privacy, clutter management, and message lifecycle customization, the app offers a delightful and secure experience. Future updates can enhance engagement and usability, turning this concept into a widely adopted messaging platform.

Other projects

Copyright 2024 by Holly Gleason

Copyright 2024 by Holly Gleason

Copyright 2024 by Holly Gleason