UX DESIGN ยท UX RESEARCH

UX Internship @Joinn

GROUP MANAGEMENT DASHBOARD
Notion-thumbnail

OVERVIEW

THE CHALLENGE

Create the first version of the group management admin dashboard for Joinn.

RESULT

My teammate and I crafted and delivered the design of the back-end management dashboard with a refined information architecture within 3 weeks. The design was launched in January, 2020.

๐Ÿ“… TIME
Dec 2020 โ€“ Jan 2021

๐Ÿ’๐Ÿปโ€โ™€๏ธ MY ROLE
UX Designer

๐Ÿท KEYWORDS
2C
Community
Admin Tool

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿคโ€๐Ÿ‘จ๐Ÿผ TEAM
Design Team (2 UX & 1 UI)
PM

โœ… MY JOBS
Secondary Research
Information Architecture Design
Primary Research
Wireframing
Hi-fi Prototypes

๐Ÿ›  TOOLS
Figma
Zoom
Slack

๐Ÿ’ช๐Ÿป My Contribution to the Project

  1. Developed the information architecture of the group admin dashboard by conducting secondary and primary research and efficient meetings.
  2. Designed and iterated high-fidelity wireframes for the admin dashboard and arranged the content based on user needs.

๐Ÿ’ช๐Ÿป My Impact on the Team

  1. Workflow building. Decided the design process of creating the admin dashboard before we started.
  2. Efficient decision-making. Worked out the final IA design efficiently by discussing with my teammate following the meeting agenda I made.

IN THIS CASE STUDY

Scroll down to explore

GOAL
DESIGN PROCESS
  • Information Architecture
  • Wireframes
  • Iteration
TAKEAWAYS

GOAL

Design a back-end management dashboard
For group owners and monitors
To manage the groups efficiently and smoothly

DESIGN PROCESS

Joinn-process

INFORMATION ARCHITECTURE DESIGN

1ST VERSION

IA-version-1
COMPETITIVE ANALYSIS

1. The competitors: Meetup, Facebook Group, Reddit, Douban, forums.

2. The member management and the post management are the two main focuses for group management products.

 

DESIGN RATIONALE

I defined member management and post management as the primary categories based on the findings of the competitive analysis. Then, the affiliated actions are in sub-categories.

 

GROUP CRITIQUE

There were too many layers that the users would feel overwhelmed when they see the back-end management for the first time.

PRIMARY RESEARCH

We conducted interviews with the intention of learning their group management behaviors and attitudes.

persona-2

the moderator of 365DAY
a photography group with 200+ active members on Douban

"Member requests and reports are the most common tasks for me."
persona-2-copy-2

the group owner of Daily Workout Check

a lifestyle social group with members on WeChat

"I rarely manage posts because I want to create a free and relaxed space for them. Too much interference will let them away."
persona-2-copy

the group moderator of WeShare

a student group with 14 members on Facebook

"I like graphic statistics, which provides an overview of group activities."

2ND VERSION

IA-version-2
DESIGN RATIONALES

1. Reduced the interference of group monitors to the posts based on the interview reflections.

2. Added a dashboard providing an overview of the group performance and the tasks to be completed. So, the users can get information and tackle tasks on the landing page rather than jumping between pages.

WIREFRAMES

first-version
TEAM CRITIQUE

Regarding the Task Management page, different types of tasks might be challenging for users to tackle quickly. So, the task management was not efficient for users.

OUR DECISION

We agreed with the feedback. We would come up with a way to make the user think less and manage the tasks smoothly.

Group-Owner-Dashboard-Tasks
Group-Owner-Dashboard-Members-Hover
TEAM CRITIQUE

The PM required us to remove the Post and Replied on the Member Management page because he didn't think those matter to the group owners.

OUR DECISION

We insisted on keeping those two categories. Because our previous primary research indicated that most group owners would like to learn how much the members participated in. (The PM understood and supported our decision then)

ITERATION

Group-125
RATIONALE

I created four tabs for four task types. So the users will only see the same actions in each tab. The task management became more efficient.

TAKEAWAYS

1

Start doing it sooner so you will have more time for refinement.

I started to make the information architecture after reviewing the competitors' designs. Even though the first version was not satisfactory, I learned what wasn't done right and fix them quickly.

2

The research can be conducted when it is needed during the design process.

The typical process is research-ideation-design. In this project, the primary research was conducted during design. I think it would be more effective to conducted interviews with clear intentions based on our situation.

3

Speak out and discuss with reasonable supports when you hold different opinions.

When the PM required us to make a change, I disagreed with it. So, I had two options; one is just following his demand, the other is arguing with my reason. This time I refused to be silent as before. I provided the primary research findings and asked him to reconsider whether to change or not. Through the discussion, we made better decisions that everyone agreed.

Thank you for your time! ๐Ÿ™‚
Life first. Things second.

ยฉ 2021 ZHU with ๐Ÿ‰

Back to top Arrow