1
designportfolio STUTI MOHGAONKAR G R A D U AT E P R O G R A M A P P L I C A N T
2
CONTENTS BUBBLE THERAPY | Pg 03
OOPS! | Pg 25
Individual Project
Individual Project
Conceptualized an interactive system encouraging people to prioritize their mental health.
A set of illustrations chronicling the recklessness of everyday life
CASE STUDY - PIN IT | Pg 08
TRANQUIL | Pg 28
Individual Project
Individual Project
A UX project to redesign whatsapp group chat
Landscape paintings with ink and watercolour
E-neighbler | Pg 14
KUMHAAR | Pg 29
Individual Project
Individual Project
An application to make neighbourhood interaction more smooth and active
Ceramic atrifacts produced by Coiling and Wheel. Experimented with photography of produced artifacts.
SLEEP INTELLIGENT | Pg 20
HAND-DRAWN | Pg 31
Group Project - responsible for user research, application design, backend development.
Individual Project
A system to explore alternate sleep cycles personalized as per the user’s schedule
3
Bubble Therapy
An interactive system, encouraging people to care for their mental health Our mental health has a huge impact on our lives and ignoring it is just as serious as ignoring our physical health. But this is a realization that our society has been unsuccessful in acknowledging and accepting.
The Problem
4 Instead of acknowledging a mental health problem, we tend to stereotype people who are mentally unfit and also run away from self acceptance
Why people disregard their mental well being Denial
Ignorance
Fear of being judged
Mental health care can be initiated only when people are open to acknowledging their mental unfitness. How might we encourage and enable acceptance of mental health problems
Analysing the current modes of encouraging self-acceptance
SCREENING TESTS People feel repulsed Lack motivation to try them Lack the time and patience
SOCIAL MEDIA CAMPAIGNS Feel impersonal Generic Sense of unreliablity towards social media
5
Project goals Identify if someone has a problem
Normalise the issue in their mind
Make them feel secure
Brainstorming People spend a lot of their time in WAITING AREAS. The waiting period is usually an unoccupied time. People are always looking for ways to distract themselves
Not make them feel repulsed by the tool
Leverage the boredom experienced in waiting rooms and utilize the time to engage people in an activity that would make them more aware about their mental health
A diagnostic test - disguised as an interesting game, installed in waiting rooms as a kiosk aimed at diagnosing mental fitness and further encouraging self care through a set of questions.
Making the game appealing
6 Screen displaying questions for the game
POPPING BUBBLES from bubble wraps serves as a great way to pass time for people of all age groups. Silicone BUTTONS shaped in the form of BUBBLES for answering questions
Taking inspiration from silicone bubble squashing keychains,
Attracting people to the game by the idea of popping bubbles. The button pad(used for answering) will be in the form of a silicone bubble pad.
The Kiosk
7
1.Attract user
2.Start Game
3.Play
Begins game by popping the glowing Red bubble
The screen displays a series of questions to understand factors like - Behaviour patterns, mood and feelings
Person bored at a waiting area, intrigued by the idea of popping bubbles approaches the game
* Answers are given by bursting bubbles
4.Generates Score
5.Conclude Display a list of helpline Numbers Encourage to talk to a friend Display statistics to show how normal it is
8
CASE STUDY - Pin It
A WhatsApp groupchat redesign concept A project to identify problems and redesign a digital mode of communication. I chose to redesign the whatsapp group chats. A mode of communication used excessively in our daily lives
Link to the- detailed case study - https://medium.com/@stuti_mohgaonkar/ux-case-study-whatsappgroup-chat-redesign-7b0a31d4f732
The Problem The Process Pain Points
9 Whatsapp group chats have become cumbersome due to continous influx of messages in the group. This often leads to group members missing out on important messages. While Whatsapp group in itself has it’s own uses, there is a need to ensure that important messages are communicated well EMPATHIZE
DEFINE
IDEATE
PROTOTYPE
were understood by user interviews, taking my observations and frustrations as kickstarters
PAIN POINT #1 Important messages get missed or are difficult to find
PAIN POINT #2 Difficult to keep track of responses to messages
VALIDATE
10 How might we make it possible for users to quickly read only important messages and later catch up on the rest of the chat, if interested.
The Final Idea
Explorations IDEA #1
IDEA #2
Introducing Group Bulletins to group chats, a space where Admins can post significant information and messages for group members WHY BULLETIN
IDEA #3
Taking inspiration from real life bulletin boards, a tool that people can use to communicate messages of general interest.
Tap on the bulletin cards to view the entire message
GROUP BULLETIN Important messages, to be brought to everyone’s notice can be posted here
REGULAR CHAT While regular chat could also be continued without interruption
PRESET REPLIES Allowing the poster to keep a clean track of replies
CUSTOM REPLY Enabling additional reply feature along
11
Though important messages are now easily traceable, but when you open the group chat you still have to face the visual clutter of 100+ messages that causes appreciable amount of cognitive load.
Further validating the idea iOS
ACCESS TO BULLETIN MESSAGES WITHOUT OPENING THE CHAT An indication for new unread bulletin messages around the group image, similar to whatsapp status or instagram stories, for quicker access.
I explored the existing interactions and functionalities on the whatsapp home screen to facilitate quick access to bulletin messages.
12
13
Existing Interaction Currently, tapping on the group icon, gives options to view the profile image and view group information
Proposed interaction Instead of introducing a new interaction, I modified the existing one.
GROUP BULLETIN
While, viewing a group photo is not as important as getting crucial information, I adjusted the options available on the pop up screen.
VIEW UNREAD GROUP BULLETIN VIEW CONTACT PICTURE
Android
14
E-neighbler
An application to connect Neighbours An application to help bridge disconnect between neighbours and make neighbourhood interaction more active and healthy
Background
!
15 Our Neighourhoods and societes have immense potential of evolving into strong communities. Living in close vicinity we can provide a lot of support to each other. Due to lack of time and need for personal space we don’t get a chance to put in effort to interact with our Neighbours, hence losing the opportunity of making the most of our Neighbourhoods
Problem Space
Solution
Neighbours can be a huge asset in our lives. But reaching out to them is not convenient, despite living in the same society.
An online social platform allowing people to connect with their Neighbours conveniently and freely.
Goals Get support from Neighbourhood. Foster a sense of community and belonging Not violate someone’s personal space. Avoid indulgence in badmouthing and negativity.
Insights from user research “I usually ask my next door Neighbours to collect my courier, but when they are not there I feel hesitant in asking someone else to do the same” - Rashmi Wilson “I am not looking for a strong friendship, but I wish I could find company to play badminton, atleast on weekends” - Ashsish Tripathi
16
Competitive Analysis myGate
Neighbourly
Majorly concerns with personal home main-
It is a Q&A based app allowing users get information
tainance and security.
about their society. Supports 8 Indian languages.
Has a “Community� section but only involves
Difficult to filter information or find an already
planning events and starting discussions
discussed topic
Why people interacted with Neighbours
Affinity Mapping I further examined the data to understand which of them were similar and could be grouped. This helped me narrow down to the following required features
17
Information Architecture
Login
Get Started
Assistance from Neighbours
Enter City
Enter Society
Onboarding and personalization
- Recommendations for nearbuy shops, schools - Borrow items from Neighbours - Help with moving and shifting Homepage
Events and Activities - Organize Festivals
Get help from Neighours
Get Recommendations
Borrow Items
Moving and Shifting
- Play dates for kids - Plan sports activities
Home-run Business
Post about your homerun business
Find Services
Events and Activity
Plan an event
Search event by type
Filter services by category
- Plan Lunches Search event by date
Homerun Businesses - Lunch Delivery Services - Tuition Classes - Home Bakeries - Home Clinics
Reach out to society office
Plan an event
Register a complaint
RSVP to an event
Wireframes I tested the wireframes on users by asking them to perform a set of actions. Based on the response, I iterated on the designs and the language used in the application.
18
To emphasize the sense of a two way relation between neighbours, the homepage was split in two main sections. Offer support to neighbours in need Utilize the benefits of your community Prioritised upfront visibilty of actions that residents usually look for Feed is made visible on scrolling down Queries by neighbours are made visible on homepage, as a query distinctly visible on homepage is more likely to get answered than one buried in navigation hierarchy. We normally wouldn’t voluntarily put in effort to answer queries
High fidelity mockups
19
The entire feed is shown on the home page on scrolling down
Post dispalyed as invites to make them more welcoming
A description about the poster to establish a sense of trust
Paying extra attention to details of most importance i.e the purpose of the post
20
Sleep Intelligent
A system to explore alternative sleep cycles personalized as per user’s schedule
21
The Problem
Swamped up with coursework, lecture and co-curricular activities, a lot of students at our college were facing trouble with their sleep cycle, which left them feeling tired and sleepy throughout the day.
Twice a day
More than twice
6-8 hrs
User Research 4-5 hrs
Once a day
Lot of students do not get adequate sleep due to inefficient time management.
Being conditioned to complete the entire sleep cycle in the night time, very few utilized the midday time to catch up on sleep.
What sleep cycle do you follow ?
How many hours do you sleep in a day
As most of the students face difficulty in catching up on sleep by following the monophasic cycle, we conducted Academic Research on various alternate sleep cycles and their effectivenes. Biphasic, Triphasic, Everyman sleep, Uberman’s sleep
Key takeaways Sleep is completed in intervals over the period of 24 hours Could be suitable for people who find it difficult to get sleep in one go at night.
We decided to try out the
22
Why Biphasic ?
BIPHASIC CYCLE(Sleeping in 2
Known to reduce
As it involves only 2
A hugely tested meth-
periods over 24hrs) on certain
stress and improve
cycles, it is easily adjustable
od before the industrial
subjects to understand its
mental clarity
to existing routine
revolution
effectiveness. Based on people’s schedule,
Using a motion sensor to
recommend them sleep
detect sleep stage(deep or
timings split in 2 phases. A
light), wake up the user in
core night sleep of 4-5 hrs
light sleep so that get up
and a midday sleep of 20-90
feeling refreshed despite less
mins
sleeping hours.
Sleep hours
Comments
Sleep hours
Comments
Day 1
1:30-8:30 AM 5-6:30 PM
Not too relaxed
Day 4
1:30-8:30 AM 3-4 PM
Day 2
1:30-8:30 AM 2-4:00 PM
Trouble waking up in the afternoon
Day 5
2-9:30 AM 2-4 PM
Feeling good with the new cycle
Day 3
2-8:30 AM 2-4 PM
Day 6
1:30-8:30 AM 5-6:30 PM
Feeling good with the new cycle
Trouble falling asleep
Felt good in the morning
Motion sensor based sleep cycle detector Detects phases of deep and light sleep Works with PIR motion sensor connected to Arduino. Triggers an alarm at the light sleep phase close to the scheduled wake up time
The tracking device is placed on the bedside table
Sleep intelligent Mobile application Suggests and allocates biphasic sleep timings, based on people’s schedule Date picker format inspired by Apple’s Health app
Making the allocated interval easy to recognize by mentioning the task closest to the interval
Personalized sleep schedule
Add sleep schedule
Editable midday schedule - as there are various 20-90 mins break in the schedule. Users can edit as per their convenience.
We realized that adding a schedule is a very tedious and boring task. Most college students have similar schedules on a particular weekday, so we provided options to reuse previously set schedules
23
24
Add Schedule
View Schedule and edit schedule
Sleep log A space to record your post sleep thoughts and analysis of sleep quality. This can further be used to evaulate the success of biphasic cycle
Oops!
25 Illustrations chronicling the recklessness of everyday life
26
27
28
Tranquil Watercolour and ink
29
Kumhaar Pottery and Photography
30
31
Hand-Drawn
32
33
Thank You Stuti Mohgaonkar +91-95740-65401 stuti.mohgaonkar@gmail.com