Messaging App

Messaging App

Messaging App

What if you only needed one inbox?

scroll down to learn more

2024 | Figma Prototype, UX/UI, Wireframes, User flows

An AI-powered prototype designed to simplify communication by unifying messaging platforms into one intuitive interface.

2-3 minute read

2-3 minute read

2-3 minute read

2-3 minute read

Project Summary

Introduction

People are flooded with messages from all kinds of platforms—SMS, email, Instagram, and more—making it hard to keep track, causing missed messages and frustration. This project introduces a unified, AI-powered messaging prototype that simplifies communication and helps you stay on top of everything more easily than current options.

Objective

To design a mobile-first app that streamlines messaging with AI for efficiency and ease of use.

Problem Statement

Users are overwhelmed by the currently fragmented nature of digital communication, leading to inefficiencies, missed messages, and a lack of control. This project addresses these issues by creating a unified messaging solution that consolidates multiple inboxes, integrates AI tools to streamline interactions, and prioritizes situational awareness, ultimately enhancing user efficiency and satisfaction.

Impact Metrics*

  • 20% reduction in time on tasks.

  • 50% fewer interactions per task.

  • 12.5% improvement in usability.

*Metrics are based on task completion comparisons without the prototype.  Detailed testing results and processes, can be made available upon request.

A mockup of a chat with an AI that finds a previously played song. The AI's response shows the source and the method it used to find the song, in this case cross referencing location data and Spotify play history to determine the possible song. This transparency is intended to build trust with the user.

Design Process

Building a Foundation

User interviews revealed key pain points and preferences, leading to two personas: Michael Gauthier, a freelance event planner, who needs tools for managing events and staying on top of messages. These interviews also highlighted two key insights:

  1. Users prefer a mobile-first design to match their on-the-go lifestyles.

  2. AI integration must be transparent, allowing users to clearly control when and how AI assists them.

The creation of user personas and the initial information architecture iterations resulted from this. The need for quick access to information led to a shallow and broad information architecture for the application.

Event planner Michael Gauthier, one of the personas created for this project, requires an intuitive interface to manage multiple events efficiently and stay on top of important communications.

Event planner Michael Gauthier, one of the personas created for this project, requires an intuitive interface to manage multiple events efficiently and stay on top of important communications.

Event planner Michael Gauthier, one of the personas created for this project, requires an intuitive interface to manage multiple events efficiently and stay on top of important communications.

Event planner Michael Gauthier, one of the personas created for this project, requires an intuitive interface to manage multiple events efficiently and stay on top of important communications.

The information architecture was designed with a shallow, intuitive structure, ensuring minimal navigation to access key features.

The information architecture was designed with a shallow, intuitive structure, ensuring minimal navigation to access key features.

The information architecture was designed with a shallow, intuitive structure, ensuring minimal navigation to access key features.

The information architecture was designed with a shallow, intuitive structure, ensuring minimal navigation to access key features.

User Flows

Prioritizing Speed and Trust

The design of all flows prioritized clear communication to the user about the AI tools' involvement, while minimizing the number of user interactions. This was achieved by providing clear options to undo or alter the actions of the machine, ensuring users always felt they could revert to a more traditional flow if needed.

The image illustrates a flow for replying to SMS messages directly from the inbox. This empowers users to choose the level of engagement they want with each message by providing options that prioritize either quick replies or more in-depth responses.

The image illustrates a flow for replying to SMS messages directly from the inbox. This empowers users to choose the level of engagement they want with each message by providing options that prioritize either quick replies or more in-depth responses.

The image illustrates a flow for replying to SMS messages directly from the inbox. This empowers users to choose the level of engagement they want with each message by providing options that prioritize either quick replies or more in-depth responses.

The image illustrates a flow for replying to SMS messages directly from the inbox. This empowers users to choose the level of engagement they want with each message by providing options that prioritize either quick replies or more in-depth responses.

This image depicts a user flow illustrating how AI tools can be utilized to efficiently respond to multiple inbox messages simultaneously using quick reactions. At all times the user is designed to feel in control and assured by the UI.

This image depicts a user flow illustrating how AI tools can be utilized to efficiently respond to multiple inbox messages simultaneously using quick reactions. At all times the user is designed to feel in control and assured by the UI.

This image depicts a user flow illustrating how AI tools can be utilized to efficiently respond to multiple inbox messages simultaneously using quick reactions. At all times the user is designed to feel in control and assured by the UI.

This image depicts a user flow illustrating how AI tools can be utilized to efficiently respond to multiple inbox messages simultaneously using quick reactions. At all times the user is designed to feel in control and assured by the UI.

Next Steps

Should this project move forward, several areas could be enhanced. For instance, refining the AI's communication style and developing additional flows with diverse reply methods. It's crucial to remember that this project predates the public release of Apple's Apple Intelligence. Several features in this prototype were incorporated into Apple's product and would require further analysis to inform any changes to this prototype. Moreover, the release of Apple Intelligence poses potential challenges, as many users indicated greater trust in native device applications.

The prototype's inbox screen displays a unified view of SMS messages, social media direct messages, and emails.

The prototype's inbox screen displays a unified view of SMS messages, social media direct messages, and emails.

The prototype's inbox screen displays a unified view of SMS messages, social media direct messages, and emails.

The prototype's inbox screen displays a unified view of SMS messages, social media direct messages, and emails.

Images: Greg McCarthy 2024

Images: Greg McCarthy 2024

Images: Greg McCarthy 2024

Images: Greg McCarthy 2024

TL;DR:

Why it matters: People are overwhelmed by fragmented messaging platforms. This project proposes a unified, AI-powered solution to simplify communication, reduce missed messages, and boost efficiency.

The details:

  • A mobile-first app consolidates messages (SMS, email, social media) into one inbox.

  • AI tools streamline tasks like replying, searching, and managing messages, with transparency to build trust.

  • Key features include shallow, intuitive navigation and flows prioritizing speed and user control.

  • Personas and user interviews informed the design, focusing on event planners and mobile users.

The takeaway: This unified messaging prototype reduces inefficiencies and enhances control over communications, offering a transparent, AI-driven alternative to fragmented platforms. Further refinement is needed to account for competition like Apple Intelligence.

For additional information or to discuss this project further, feel free to reach out via the contact info on the about page. Your feedback and inquiries are always welcome!

For additional information or to discuss this project further, feel free to reach out via the contact info on the about page. Your feedback and inquiries are always welcome!

For additional information or to discuss this project further, feel free to reach out via the contact info on the about page. Your feedback and inquiries are always welcome!

For additional information or to discuss this project further, feel free to reach out via the contact info on the about page. Your feedback and inquiries are always welcome!

All content Copyright Greg McCarthy © All rights reserved.

All content Copyright Greg McCarthy © All rights reserved.

All content Copyright Greg McCarthy © All rights reserved.

All content Copyright Greg McCarthy © All rights reserved.