Squad

Ram Eucharia Isha Julian

1
Contents

01 02 03 04

IDEATION DEFINE DESIGN TESTING

- Project Introduction - Problem Brief - Sketches - Objective of Testing

- Proposed Ideas - Market Research - Wifeframes - Consent Forms
- Final Idea - Screen Analysis/ - Iterations - Task List
- Idea Introduction Insights - Why the Iterations? - User Test
- User Interviews - Card sorting - Low-Fi - Insights
- Analysis/Insights/ - HTA & IA - UX Laws (attributes - Iterations (Before
Empathy & relationship) and after)
- Personas - List of other laws
- Scenarios - Hi-Fi

- Links to Prototype
- Problems Encountered
OTHERS - Future Prospects (Glut 2.0)
- Conclusions/Learnings

2
Project Definition
The task was to solve Health related problems; we came up with
concerns of solving Mental Health and productivity at workplace,
Diabetes, Fertility and Sexual Health problems. After much
deliberation we decided to make our research around Diabetes.

3
Proposed Ideas

4
Final Idea
Chose diabetes due to the following reasons;

- Among the three themes, “Diabetes” gave the most opportunities to create a solution
that can help a larger user group.

- One person is diagnosed every two minutes.

- Lack of sufficient existing solutions.

- Diabetes overall is a highly prevalent disease but knowledge surrounding its

management is limited.

5
Introduction to Diabetes

Diabetes is a disease that occurs when your blood glucose, also called blood
sugar, is too high. Blood glucose is your main source of energy and comes from
the food you eat.

The main cause of diabetes vary by type, but no matter the type of diabetes you
have it could lead to excess sugar in the blood which leads to serious health
problems.

Chronic diabetes conditions include type 1 diabetes and type 2 diabetes.

Potentially reversible diabetes conditions include prediabetes and gestational
diabetes. Prediabetes happens when blood sugar levels are higher than normal.
But the blood sugar levels aren't high enough to be called diabetes. And
prediabetes can lead to diabetes unless steps are taken to prevent it. Gestational
diabetes happens during pregnancy. But it may go away after the baby is born.

6
Diabetes is a disease that occurs when your blood glucose, also called blood sugar, is too high.
It is chronic and it is becoming more prevalent.

7
User Interviews
To better understand user problems, we decided to go through two of the most

effective ways to gather data to help create a solution that is usable, reliable and

user centred.

- Physical interview

- Questionnaire

We were able to get over 60 data samples (diabetes)

8
bit.ly/jiresurveyform

9
User Empathy
Key insights from primary research - Frequently heard user voices

10
User Empathy
Key insights from primary research - Survey results

11
Personas
Personas

13
14
15
16
17
Scenarios

18
19
Problem statement

Diabetes management can be

difficult if not tracked properly. It
can lead to severe physical and
mental health issues.

20
Competitor Analyses

-Screen Audit

My Sugar

21
22
23
Competitor Analysis

24
Feature List
This a list of all features mentioned by all correspondense, and general insight
from the research.

• Sugar tracker • Add entry • Medical certificate

• Diet tracker • Reminder for HbA1c • Meal reminder
• Today’s levels • BMI (height, weight, age) • Insulin shot/medicine reminder
• Sugar chart • Vitals • Appointments reminder
• My meds • Vitals record • Feed notification
• HbA1c • Pulse • Blood sugar test reminder
• Glucose history • Community
• Insulin intake • Reports
• Record hypo/hyper • Medical reports
• Share sugar tracker • Vital reports
• Preferred units • My medicine intake
• Prescription history

25
Card Sorting

26
Information Architecture

27
User Journey

28
Introducing Glut

With the rise of diabetic diagnoses rapidly increasing across the World, providing practical care for
individuals who live with this condition is a necessity.

Living in a busy world where everything is fast paced and other extra curriculum activities, seeking for
attention, there are tendencies to forget medications. After making research and gathering findings
from the survey and users interview, it was discovered that the common challenge of the targeted
users, is not being able to manage their medication intake.

This led to the decision of creating an application that would help Diabetes management. From the
Survey , it was observed that 85% of the targeted audience have a busy lifestyle which makes a diabetic
patient forget to take medication as at when due.

Aside having a diabetes app that tracks blood sugar which is a common feature in all other diabetes
application. Glut also has a featured called Inventory, which is designed to manage the User’s
medicine and medical suppliers.

For this feature to perform at optimal, additionally a reminder feature is included to push notifications
for users to be notified when to take medications.

29
Sketches
To start wireframing, a rapid test of the Home Page was
conducted to understand the direction to take. Out of the
many interesting findings, it was decided to keep some
ideas and discard some.

31
Paper wireframes

1 2 3

Further, another A/B testing was

conducted to determine the best
approach for the Home Page.

The results of the test showed that

the majority found 1st iteration the
most intuitive.

It was agreed to go ahead with a

floating button from 1st iteration as it
suited all the functions.

32
 Paper wireframes

Home Inventory

First Draft Final Draft First Draft Final Draft

33
Paper wireframes

More paper prototypes of intra-linked pages

34
Digital Sketches (Low-Fi)

Inventory Profile

Home 35
Digital Sketches (Low-Fi)

Add Medicine Set Reminder More

36
Laws of UX

In relation to Glut
- Aesthetic-Usability: Users often perceive aesthetically pleasing design as design that’s more usable.
(ONBOARDING PAGE)

- Doherty Threshold: Productivity soars when a computer and its users interact at a pace (<400ms) that -
ensures that neither has to wait on the other.

- Laws of Uniform Connectedness: Elements that are visually connected are perceived as more related than
elements with no connection. (BUTTONS)

- Fitt’s Law: The time to acquire a target is a function of the distance to and size of the target. (HOME PAGE)

- Von Restorff Effect: The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple
similar objects are present, the one that differs from the rest is most likely to be remembered.
(INVENTORY PAGE)

- Miller’s Law: The average person can only keep 7 (plus or minus 2) items in their working memory.
(NAVIGATION BAR)

37
1
High Fidelity

39
High Fidelity (screens)

40
High Fidelity (screens)

41
High Fidelity (screens)

42
High Fidelity (screens)

43
High Fidelity (screens)

44
High Fidelity (screens)

45
1
Design Iterations
WHY ITERATE?
Iterative design allows designers to create and recreate ideas until the design is interpreted for its
desired functionality.

- iteration helps designers to explore alternative solutions, experiment with new ideas, and test
different approaches. iterating design is critical for designers to create successful
user-centered designs that meet the needs of the target audience

- It provides regular testing which can provide a strong desired performance framework for
acceptance testing

- Iterating design reduces the rate of error.

47
Design Iterations

Home page

48
Design Iterations

Inventory page

49
Design Iterations

Community page

50
1
Accessibility

Accessibility supports social inclusion for people

with disabilities as well as others, such as older
people, people in rural areas, and people in
developing countries. Accessibility also benefits
people without disabilities.

Ease of use helps reach all ability levels which

leads to products that anyone can use and
enjoy, regardless of the context.

52
Accessibility

53
1
Usability Test

The primary features of the app were tested in order to:

Uncover Problems Discover Opportunities behaviors and preferences

in functionality to improve the design Learn About Users

55
Usability Test

Testing Kit

56
Usability Test

Tasks to be done:
1. Add a Blood Sugar entry

2. Update Medicine inventory

3. Set up Medicine for inventory tracking

4. Set a reminder for taking a medicine

6. Set limit for inventory

7. Post an update on Community

57
Usability Test

Snippets from
User testing

58
Usability Test

Testing Insights

59
Usability Test

Test Results

60
1
 Glut 2.0 (Future Prospects)

The application was conceived with the notion of solving user problems faced by people
with diabetes to help wth their diabetes management.

With a longer time-frame the app can be extended in the future with features like:

- Option to track diet, and fitness activities: To provided a holistic diabetes management experience

- Personalized dietary recommendations: Diet recommendations based on the blood sugar history of the
user

- Chatbot support: Live chatbot support for technical issues, medical queries

- Option to interface with medical professionals: To help connect with doctors/nurses, book hospital
appointments, online consultations

- Connect with users on Feed page: To enable users to connect directly with other users via instant
messaging

- Wearable interface: Key features including reminders, adding sugar entry can be interfaced via a
wearable device. This enables on-the-go diabetes management.

62
 Problems Encountered

- Functionality and features was one the problems we encountered, in

order to solve the problems and challenges of diabetes, We wanted to
put in so much into the design of GLUT in a short time. They were other
features we had in mind, such as food suggestion as a result of the sugar
tracker or trends, reward system, etc

- Team Personalities

- Time Constraints

- Emotional attachment

- Our Diversities

63
Heuristics in Glut Design

- Jakob Nielsen’s 10 heuristics for user interface design

- Visibility of system status

- Match between the system and the real world

- User control and freedom

- Consistency and standards

- Error prevention

- Recognition rather than recall

- Flexibility and efficiency of use

- Aesthetic and minimalist design

- Help users recognize, diagnose, and recover from errors

- Help and documentation

64
Heuristics in Glut Design

- User-centered design

- Hierarchy

- Accessibility

- Jakob’s law

- Usability

- Doherty Threshold

- Less is more

- Context

- Product Personality

- The right amount of control for the user

29
Tools and Techniques Used

- Figma

- Figjam

- Card Sorting

- Poster card

- Sketch

- SUS analysis

- Adobe Illustrator

- Photoshop

- Miro

66
Links

https://linktr.ee/glutjire