DD 301

Interaction Design

End Semester Exam

Prasshanna S

190205039

B.Des 3

ps@iitg.ac.in

The Task
Identify a mobile messaging platform and consider the following scenario

A conference call (video and audio) with at least 10 people collaborating and
cooperating with each other members through files, location and messages. Identify at
three challenges in this scenario and take reference of the structure of micro
interactions and redesign them.

The Goal
The goal is to identify three challenges in the above mentioned scenario and concieve
design interventions in each of the scenario. The concepts will be explained using the
James Garret Model from abstract level to specific level details.

The Messaging App Choice

Whatsapp

About Whatsapp
Whatsapp is an instant messaging and VoIP service. It allows users to send text
messages and voice messages, make voice and video calls, and share images,
documents, user locations and other content. It is one of the primary means of
internet communication in various parts of the world.

Identifying Challenges in a group context

Since the entire task is time constrained, all the challenges that are identified are
based on personal experience in using the platform in the same scenario. Since no
other users are taken into consideration here, please take these findings with
consideration.

Challenge 1: Keeping the platform clutter free

Challenge 2: Accessing information relevant to you

Challenge 3: Storage of shared files

Each of these challenges will be explored and solved seperately using the Jesse Garret
model to evaluate the interactions.

The Jesse Garret Model

Strategy Scope Structure Skeleton Surface

Strategy: Defining the problem and proposing a solution

Challenge 1: Keeping the platform clutter free

Since there are multiple participants in the group, the amount of messages and data
influx within the group will be considerably high. At the same time not all messages
are relevant to everybody. They can be relevant to just one individual or to a sub
group within the group. This tends to increase the cluttering and disorganizes the
entire platform

The solution that can be suggested to this challenge is “Temporary Subgrouping”.

Challenge 2: Accessing information relevant to you

When you are away from the platform, if information relevant to you is shared by the
other users of the platform, they use the “Tag” function to tag you to that specific
message. But to look at those tagged message one has to go through all messages
entirely and only notifications are currently bifuracated to tagged and non tagged.

The solution that can be suggested to this challenge is “Tagged Inbox”.

Challenge 3: Storage of shared files

When files are shared in the group, they can be tagged to make it go to a specific
person or group of people, but the file shared in itself will get lost into the
conversation and only its file type will be available to the users to search through to
find that specific file.

The solution that can be suggested to this challenge is “Foldering Files”.

Scope: Exploring the solution and defining the constraints

Challenge 1 solution: Temporary subgrouping:

The entire group can now be broken down into multiple smaller groups with seperate
naming so that information only specific to that group of individuals can be sent
directly only to them and not to the entire team.

Analysing the requirements

Solve cluttering of messages: By moving respective messages to respective
subgroups it makes it easier for the relevant people to access the messages to that
Identification of the subgroups: The subgroups can be named seperately so that
they can be accessed and used.

Challenge 2 solution: Tagged inbox:

Tagged inbox will be dedicated inbox that can be accessed when the user wants to
view all the messages to which they were tagged to without having to look at other
messages.

Analysing the requirements

Viewing messages relevant to you: All the messages that were tagged to you can
be accessed on one place
Accessing that specific time: When clicking on the message, you can go to that
specific message in the conversation and then view the continuing conversation.

Challenge 3 solution: Foldering Files:

Files that have been sent in the group can be put into seperate folders and labelled for
easy access in the future.

Analysing the requirements

Finding past files: Labelling the files into specific folders will help organize the
high volume of files being shared and can make it easy to find in the future.

Structure: Defining how the interaction will work

Challenge 1 solution: Major interactions

Create Subgroup: Users will be able to create subgroups out of the available
members in the subgroup tag. They can also press and hold nametags to activate a
dropdown to add them to a subgroup
Delete subgroup: When inside the subgroup, they can delete it by going to the
menu similar to that of the regular group delete. They can also delete it using the
subgroup menu.

Challenge 2 solution: Major interactions

View Tagged messages: User will be able to access the tagged messages inbox
using an option given through the menu button
Going to a specific tagged message time: Clicking on the message in the tagged
inbox will prompt the user to ask to move to that point in the conversation.

Challenge 3 solution: Major interactions

Add to folder: Pressing and holding a sent file will give user the option to add to a
folder. The add to folder dialog box will also contain the create folder option
Create folder: While inside the folders tab, or while sending a file in the group,
users can use the create folder button to create new folders.

Skeleton: Wireframe of the solution

Here is a rough wireframe of the solution for Challenge 1

Notification bar Notification bar

Subgroup
Group name and exit Group name and exit
menu Call controls and menu Call controls and menu
button button button

Subgroup menu

Messages Messages

Message text bar and Message text bar and

buttons buttons

The first design shows the addition of a new button for accessing subgroups. The
second screen shows the expanded subgroup menu that will appear below when the
button is pressed

Here is a rough wireframe of the solution for Challenge 2

Notification bar Notification bar

Subgroup
Group name and exit
menu Call controls menu Tagged inbox menu
button button

Tagged Inbox

Other Options

Messages Tagged Messages

Message text bar and

buttons

The first screen shows the menu with the option to access the tagged inbox. The
tagged inbox will look like a normal inbox but will not have other option except
messages and a menu.

Here is a rough wireframe of the solution for Challenge 3

Notification bar

Files menu

Folder Folder Folder

Folder Folder Folder

Folder Folder
Messages Folder

Folder Folder Folder

Bottom nav bar

The files can be put into their respective folders to be accessed later on

Surface: Final design

This is the final design of the solution to challenge 1

08:34 4 7% 08:34 4 7%
G G
Interaction Interaction

TODAY TODAY
Sub groups
Messages and calls are endGood
-to-end
byencr
e! ypted . No
17:47 Messages and calls are endGood
-to-end
byencr
e! ypted . No
one outside of this chat, not even WhatsApp, can read or 17:47
one outside of this chat, not even WhatsApp, can read or
listen to them. Tap to learn more. listen to them. Tap to learn more.
Fri, Jul 26 Fri, Jul 26
findxgrp comparegrp design
Good morning! 10:10 Good morning! 10:10

Japan looks amazing! 10:10 Japan looks amazing! 10:10

More More
IMG_0475 IMG_0475
2.4 MB png 10:15 2.4 MB png 10:15

IMG_0481 IMG_0481
2.8 MB png 10:15 2.8 MB png 10:15

Prasshanna S Prasshanna S
Do you know what time is it? Do you know what time is it?
11:40 11:40

It’s morning in 11:4 3 It’s morning in 11:4 3

Tokyo Tokyo
Prasshanna S Prasshanna S
What is the most popular meal in What is the most popular meal in
Japan? 11:45 Japan? 11:45

Prasshanna S Prasshanna S
Do you like it? 11:45 Do you like it? 11:45

I think top two are: 11:50 I think top two are: 11:50

IMG_0483 IMG_0483
2.8 MB png 11:51 2.8 MB png 11:51

Type a message Type a message

The first design shows the addition of a new button for accessing subgroups. The
second screen shows the expanded subgroup menu that will appear below when the
button is pressed
This is the final design of the solution to challenge 2

08:34 4 7% 08:34 4 7%
G G
Interaction Design Group
Tagged Inbox Tagged Messages

TODAY Media, links, and docs TODAY

Searc
Messages and calls are endGood
-to bh
-end yencr
e! ypted . No Messages and calls are endGood
-to-end
byencr
e! ypted . No
17:47 17:47
one outside of this chat, not even WhatsApp, can read or one outside of this chat, not even WhatsApp, can read or
listen to them. Tap to learn more. listen to them. Tap to learn more.
Fri, Jul 26 Mute notifications
Good morning!
Wallpaper 10:10 Fri, Jul 26

Japan looks amazing! 10:10

More Prasshanna S
Do you know?@iron
IMG_0475 11:40
2.4 MB png 10:15
Prasshanna S
What is the most popular meal in
IMG_0481
Japan? @iron 11:45
2.8 MB png 10:15
Prasshanna S
Prasshanna S Do you like it? 11:45
Do you know what time is it?
11:40
Prasshanna S
It’s morning in Do you know?@iron
11:4 3
11:40
Tokyo
Prasshanna S
Prasshanna S
What is the most popular meal in
What is the most popular meal in
Japan? 11:45
Japan? @iron 11:45
Prasshanna S
Prasshanna S
Do you like it? 11:45
Do you like it? 11:45
I think top two are: 11:50

IMG_0483
2.8 MB png 11:51

Type a message Type a message

The first screen shows the menu with the option to access the tagged inbox. The
tagged inbox will look like a normal inbox but will not have other option except
messages and a menu.

This is the final design of the solution to challenge 3

08:34 4G 7%

Interaction Design Group

MEDIA DOCS LINKS

General Receipts Food

Final designs Works Fun

Files Class Videos

The files can be put into their respective folders to be accessed later on. They can see
the folders seperately