Multiple screenshots of the application in front of a light green background.

Group

Group is an online meeting tool for remote teams to plan, conduct and follow up meetings more effectively. It considers the meeting process more holistically than existing tools and helps to pursue the actual purpose of the meeting while increasing efficiency through modular components.

Team
TIMELINE
March – June 2021
Supervision
Prof. Hans Krämer,
Prof. Jens Döring
My Role
Research, Concept Ideation, UI Design, Prototyping
Context
6th Semester (BA),
Lean Design Project
01 Research
02 Ideation
03 Concept
04 Usability Testing
05 Final Result

01 Research

Desk Research

How can you improve remote meetings?

In order to get a first overview of existing insights and methods of different companies on the topic of remote work, we reviewed various papers and online sources.

Key Findings
Quantity of Meetings
Think about what needs to be done all together versus what can be done apart.
MEETING PREPARATION
A virtual meeting needs even more preparation than an in-person one.
MEETING GOALS
Participants can only prepare for a meeting if its purpose is evident in advance.
CLEAR MODERATION
The most important role is the moderator– they ensures a stringent process.
Timeboxing
Timeboxing helps to focus and not let discussions get out of hand.
Save results
If you want to avoid later debates, briefly save the results at the end of a meeting.

Interviews

How do remote workers deal with meetings?

We conducted interviews with remote workers to find out first-hand how users deal with online meetings.

Among others, we asked the following questions:

  • What differences have you noticed between remote and in-person meetings?
  • What defines a "successful" online meeting?
  • How do you conduct your online meetings?
  • How much time do online meetings take up in your work day?
  • How do you take away content and information from meetings?

→ In the following elaboration, we decided to concentrate on the key findings #1 and #2.

Key Findings
#1
To make online meetings productive, they need to be planned with a clear objective and structure.
#2
Core information should be documented transparently and visible to all.
#3
Many key aspects of natural communication, such as intuitive gestures, are lost.
Selected Quotes

02 Ideation

How-Might-We Question

To launch our brainstorming, we formulated several HMW questions to work on the problems in a focused way.

Our main HMW:
How might we help remote teams to shape their way of working and communicating within online meetings so we can create a positive impact on efficiency and internal workflow?

03 Concept

During the research and ideation, a structure quickly emerged around online meetings. This structure, which is also reflected in our tool, can be divided into three areas. The following is a description of our core ideas for these areas.

#1 Preparation

Agenda

The purpose of the meeting, the required expertise and the scope can be defined here, as well as the individual participants and their roles.

Joint planning

Participants can add input when receiving the invitation: topics can be suggested, and required content, such as presentations, can be attached to agenda items.

#2 Conduction

Role-specific interface

During the meeting, the user interface adapts to the assigned role (moderator, timekeeper or notetaker).

Timeline

A timeline generated from the agenda items helps manage the time and stay focused.

Taking notes

The notetaker takes minutes which the other participants can view and comment on during the meeting.

#3 Follow-Up

Sorted protocols

After the meeting , the notes are saved in the protocol area, where they can be accessed again at any time. Different view modes allow for quick sorting by categories.

04 Usability Testing

Low-Fidelity Testing

During the iterative process, we went through two rounds of testing. For the first test, our tool was still in a wireframe stage. Within this testing, two areas were considered: First, the creation of the agenda, and second, the functionality of the timeline feature. For this purpose, we created two simple prototypes in Figma.

The overall idea of the agenda and timeline was well received and considered helpful. However, there were problems with the comprehensibility of some UI elements.

Tested Areas
Key Findings

High-Fidelity Testing

Since the timeline is the main feature of our tool, and we still noticed some problems during the wireframe testing, we retested this feature after the visual design.

Our goal was to review the overall understanding of the UI elements as well as the conceptual logic of the timeline and break function.

Tested Area
Key Findings

05 Final Result

Agenda

The moderator can create a meeting appointment in the team calendar provided. Then they can assign the roles of timekeeper and notetaker to the participants. They should also add a description of the purpose of the meeting.

Ater this, the agenda items can be created. One has to define a duration to include an item in the agenda; Optional information consists of the item's owner and possible attachments.

The participant receives the invitation sent by the moderator. He can view the existing agenda and add new items and arrange them. These are then sent to the moderator as a proposal.

The moderator receives the participant's proposal and can accept or reject its change - thus updating the agenda.

Timekeeper

If the duration of an agenda item is exceeded, it changes its colour in the timeline. The timekeeper can then extend the item by one or five minutes, or move on to the next agenda item.
Timestamp: 00:00-00:12

If the timekeeper notices that the scheduled time for the meeting is not sufficient, he can either extend the session or postpone an agenda item to the next meeting. For the latter, he has to open the agenda via the sidebar and can simply drag and drop the agenda item.
Timestamp: 00:15-00:33

A spontaneous break can be created with a click on the green coffee cup. This is set to five minutes by default, but can be extended and moved to the desired position. It is also possible to select the agenda items from which the break time should be subtracted.
Timestamp: 00:40-01:15

Recording of our prototype - All functions of the timekeeper

Reactions

Participants can give direct feedback to the presenter or the other participants via quick reactions.

We added some of these reactions to make communication easier. For example, you can tell the presenter that you cannot hear them or that their presentation is not visible.

Breakout Rooms

We wanted to create a more spatial environment to give users a better overview of the different rooms and participants.

We wanted to create a more spatial environment to give users a better overview of the different rooms and participants.

You can add a status to your room to inform others about your progress (e.g. "+ 5 min").
It is then visible to everyone in the overview of all breakout rooms.

You can add a status to your room to inform others about your progress (e.g. "+ 5 min").
It is then visible to everyone in the overview of all breakout rooms.

Note-Taking

Things like surveys automatically appear in the protocol. At the same time, the notetaker has the option of writing down important decisions or immediately assigning tasks to specific persons.

Things like surveys automatically appear in the protocol. At the same time, the notetaker has the option of writing down important decisions or immediately assigning tasks to specific persons.

Viewing the Protocol

In the protocol area, the user can view the minutes of all meetings afterwards. The protocol of the desired meeting can be opened with a simple click. You can then switch between two views: Either the information is displayed in chronological order or filtered by type (e.g. decision, news, questions, tasks).