How might we organize all the features in the user interface so it doesn't feel cluttered or overwhelming?

A [

BI.UX

] C-GAT

[T] 3 / [C] 6

0

1

A [

BI.UX

] C-GAT

[T] 3 / [C] 6

0

1

A [

BI.UX

] C-GAT

[T] 3 / [C] 6

0

1

Introduction

Gatsbie is a mobile application that connects professionals and career-oriented individuals, aiming to create a productive networking community.

Though marketed as an exclusive community, Gatsbie adopts a chat-based model that departs from the standard community applications. The unconventional model made it challenging to design an interface that enabled intuitive user-friendly experience.

Introduction

Gatsbie is a mobile application that connects professionals and career-oriented individuals, aiming to create a productive networking community.

Though marketed as an exclusive community, Gatsbie adopts a chat-based model that departs from the standard community applications. The unconventional model made it challenging to design an interface that enabled intuitive user-friendly experience.

Introduction

Gatsbie is a mobile application that connects professionals and career-oriented individuals, aiming to create a productive networking community.

Though marketed as an exclusive community, Gatsbie adopts a chat-based model that departs from the standard community applications. The unconventional model made it challenging to design an interface that enabled intuitive user-friendly experience.

Core Function High-level Flow

Core Function High-level Flow

Core Function High-level Flow

Overview

Our ultimate objective was to design a platform that cultivated a community of exclusive, high-level connections.

Gatsbie's goal is to cultivate an exclusive community for high-achievers, professionals, and students in fields such as MBA and PhD programs, to connect and drive innovation. The platform allows users to post a request for help within a group. From there, another user can choose to reply, and only then is a private chat created for that one-on-one conversation.

Overview

Our ultimate objective was to design a platform that cultivated a community of exclusive, high-level connections.

Gatsbie's goal is to cultivate an exclusive community for high-achievers, professionals, and students in fields such as MBA and PhD programs, to connect and drive innovation. The platform allows users to post a request for help within a group. From there, another user can choose to reply, and only then is a private chat created for that one-on-one conversation.

Overview

Our ultimate objective was to design a platform that cultivated a community of exclusive, high-level connections.

Gatsbie's goal is to cultivate an exclusive community for high-achievers, professionals, and students in fields such as MBA and PhD programs, to connect and drive innovation. The platform allows users to post a request for help within a group. From there, another user can choose to reply, and only then is a private chat created for that one-on-one conversation.

Challenges

How do I even begin to shove an ocean of features within a single, simple design?

Before chat even existed, designing an intuitive way for our users to send and respond to requests required multiple design iterations. This was a complex challenge because Gatsbie offers a range of features beyond just the chat functionality, including tailored services, content sharing, and job referrals.

Challenges

How do I even begin to shove an ocean of features within a single, simple design?

Before chat even existed, designing an intuitive way for our users to send and respond to requests required multiple design iterations. This was a complex challenge because Gatsbie offers a range of features beyond just the chat functionality, including tailored services, content sharing, and job referrals.

Challenges

How do I even begin to shove an ocean of features within a single, simple design?

Before chat even existed, designing an intuitive way for our users to send and respond to requests required multiple design iterations. This was a complex challenge because Gatsbie offers a range of features beyond just the chat functionality, including tailored services, content sharing, and job referrals.

How Might We

How might we organize all the features in the user interface so it doesn't feel cluttered or overwhelming?

How Might We

How might we organize all the features in the user interface so it doesn't feel cluttered or overwhelming?

How Might We

How might we organize all the features in the user interface so it doesn't feel cluttered or overwhelming?

SWOT Analysis

Which is more suitable: a chat-based model and a forum-based model?

Let’s start with these keywords: Community, connection, and networking. These activities are built on conversation and communication, leading us naturally to two main concepts: a chat-based model and a forum-based model. Therefore, we conducted an initial internal SWOT analysis of these concepts.

SWOT Analysis

Which is more suitable: a chat-based model and a forum-based model?

Let’s start with these keywords: Community, connection, and networking. These activities are built on conversation and communication, leading us naturally to two main concepts: a chat-based model and a forum-based model. Therefore, we conducted an initial internal SWOT analysis of these concepts.

SWOT Analysis

Which is more suitable: a chat-based model and a forum-based model?

Let’s start with these keywords: Community, connection, and networking. These activities are built on conversation and communication, leading us naturally to two main concepts: a chat-based model and a forum-based model. Therefore, we conducted an initial internal SWOT analysis of these concepts.

User Interview

We let the audience decide.

We conducted a mini-interview with three participants, each representing one of our key personas. We presented two concepts, a chat-based interface and a forum-based interface, to understand which one best resonated with our target users.

User Interview

We let the audience decide.

We conducted a mini-interview with three participants, each representing one of our key personas. We presented two concepts, a chat-based interface and a forum-based interface, to understand which one best resonated with our target users.

User Interview

We let the audience decide.

We conducted a mini-interview with three participants, each representing one of our key personas. We presented two concepts, a chat-based interface and a forum-based interface, to understand which one best resonated with our target users.

These sessions showed a clear preference for the chat model, as users found it more intuitive to interact with and more exclusive. Eventually, we chose to embrace the chat interface because it best captured Gatsbie's core vision, even though we knew it posed a risk of becoming cluttered. Now, the final elephant in the room is organizing the interface.

These sessions showed a clear preference for the chat model, as users found it more intuitive to interact with and more exclusive. Eventually, we chose to embrace the chat interface because it best captured Gatsbie's core vision, even though we knew it posed a risk of becoming cluttered. Now, the final elephant in the room is organizing the interface.

These sessions showed a clear preference for the chat model, as users found it more intuitive to interact with and more exclusive. Eventually, we chose to embrace the chat interface because it best captured Gatsbie's core vision, even though we knew it posed a risk of becoming cluttered. Now, the final elephant in the room is organizing the interface.

Iterations

Beyond the first option. Iteration is how to find the perfect solution.

I began studying best practices from both community apps (for structure and element organization) and chat layouts (for simplicity and the feel) to see how they solved similar problems. My approach was to blend the best of both worlds, iterate with my designs, and focus on how to bring that vision to life.

Iterations

Beyond the first option. Iteration is how to find the perfect solution.

I began studying best practices from both community apps (for structure and element organization) and chat layouts (for simplicity and the feel) to see how they solved similar problems. My approach was to blend the best of both worlds, iterate with my designs, and focus on how to bring that vision to life.

Iterations

Beyond the first option. Iteration is how to find the perfect solution.

I began studying best practices from both community apps (for structure and element organization) and chat layouts (for simplicity and the feel) to see how they solved similar problems. My approach was to blend the best of both worlds, iterate with my designs, and focus on how to bring that vision to life.

01

Primary actions to the chat bubbles.

To accommodate the different actions for each request type, I chose action buttons to create a clear and descriptive call-to-action for users.

01

Primary actions to the chat bubbles.

To accommodate the different actions for each request type, I chose action buttons to create a clear and descriptive call-to-action for users.

01

Primary actions to the chat bubbles.

To accommodate the different actions for each request type, I chose action buttons to create a clear and descriptive call-to-action for users.

02

Secondary details for types and transaction fees.

A key challenge was displaying each request's type and transaction fee in a way that felt intuitive and uncluttered within the chat interface. After exploring multiple design concepts, I found that using tags and icons was the most effective solution for presenting this information clearly.

02

Secondary details for types and transaction fees.

A key challenge was displaying each request's type and transaction fee in a way that felt intuitive and uncluttered within the chat interface. After exploring multiple design concepts, I found that using tags and icons was the most effective solution for presenting this information clearly.

02

Secondary details for types and transaction fees.

A key challenge was displaying each request's type and transaction fee in a way that felt intuitive and uncluttered within the chat interface. After exploring multiple design concepts, I found that using tags and icons was the most effective solution for presenting this information clearly.

03

Meta-data and tertiary actions.

I designed multiple variations of the chat bubble, combining industry best practices with Gatsbie's unique needs to support a wide range of use cases.

03

Meta-data and tertiary actions.

I designed multiple variations of the chat bubble, combining industry best practices with Gatsbie's unique needs to support a wide range of use cases.

03

Meta-data and tertiary actions.

I designed multiple variations of the chat bubble, combining industry best practices with Gatsbie's unique needs to support a wide range of use cases.

To determine the information hierarchy for this screen, we relied on a clear prioritization framework. This design was a direct outcome of our team's earlier design critique sessions, which helped us organize features based on their importance.

To determine the information hierarchy for this screen, we relied on a clear prioritization framework. This design was a direct outcome of our team's earlier design critique sessions, which helped us organize features based on their importance.

To determine the information hierarchy for this screen, we relied on a clear prioritization framework. This design was a direct outcome of our team's earlier design critique sessions, which helped us organize features based on their importance.

Key Takeaways

What I've learned along the way?

Key Takeaways

What I've learned along the way?

Key Takeaways

What I've learned along the way?

01

Perfecting an outcome requires constant iteration.

I learned that exploring different solutions is far more beneficial than perfecting a single, fixed version that may not be a good fit. I have since incorporated this approach into my design process.

01

Perfecting an outcome requires constant iteration.

I learned that exploring different solutions is far more beneficial than perfecting a single, fixed version that may not be a good fit. I have since incorporated this approach into my design process.

01

Perfecting an outcome requires constant iteration.

I learned that exploring different solutions is far more beneficial than perfecting a single, fixed version that may not be a good fit. I have since incorporated this approach into my design process.

02

Even with expertise, internal analysis can be biased.

While internal analysis is helpful, our own biases and limited knowledge can lead to flawed assumptions. Taking the time to validate ideas with users is the best way to ensure success.

02

Even with expertise, internal analysis can be biased.

While internal analysis is helpful, our own biases and limited knowledge can lead to flawed assumptions. Taking the time to validate ideas with users is the best way to ensure success.

02

Even with expertise, internal analysis can be biased.

While internal analysis is helpful, our own biases and limited knowledge can lead to flawed assumptions. Taking the time to validate ideas with users is the best way to ensure success.

Create a free website with Framer, the website builder loved by startups, designers and agencies.