top of page

inSpectrum

A mobile app design that calculates the most personalized UV data through smart adornments like smartwatches.

Design Direction

While at the inSpectrum project, I primarily worked as the UX designer for this project closely in every step with my team from brainstorming, user research,data analyzing process, user flow creation, wireframing, prototyping, user testing, and iteration process.  

Problem and Solution

"inSpectrum" is specially created because most researches and interviews show that there is a lack of awareness of UV and how damaging it could be to a person. According to our research data, we found there is an issue with the availability of personalized UV-based data and understandable issues on available information about this situation and what kind of things people need to protect themselves from harmful UV rays and reduce future health risks such as Melanoma and a large variety of skin cancers.

So we personalized comprehensive data in easily understandable ways and personalized protections from the scratch in a smart way.

 

Research

Our Team Conducted 5 interviews with people who do more outdoor activities to get a basic idea about How long they spend outside, and what prevention methods people use to protect themselves from harmful UV rays. Same time we conducted social media survey to get more data about UV-related concerns people have.

When reflecting on our survey data, we realized we needed an app that would provide users with helpful personalized health advice, water consumption, and personalized skin applications. While giving them a simple yet visually engaging system, that would allow them to put reminders, medical issues, and family health history and get medical advice throughout their outdoor activities.

Survey Questions

1.png
4.png
2.png
3.png

Affinity Process

85750935-4c56-4c8d-9796-fff4c2d773d8.png

Empathize

ffcfe33f-98ab-4ae5-a316-b63ab919993b.png
90b52487-abdf-4a9d-8017-6f01a52d193c.png
477b6280-c6a9-4c64-b24e-9b80452380e8.png
89479458-a559-45ec-b896-2dcfedbe1aa4.png

Finalizing App Features

Ideation

125fff49-3435-4055-8277-e3ab79718161.png
8773c73d-d07d-4618-bb21-aac75aa4eb91.png
1af4cd4f-83a6-4ae4-b712-8c403d3492c7.png

Feature Prioritaization

b36e33a9-cf23-44cd-be0c-c88bbf2199f4.png

EmpPersona Creation

0ccaa8a9-2de9-47b6-bccd-c949c147e981.png

User Journey

This is a visualization of the path throughout our user find our app to better empathize and Physically see the journey from the beginning.

d84d9ba8-863c-4b26-b0c3-f6b1713e931f.png

User Flow

655547b8-fe4f-457a-ae95-cae68d49133b.png

Wireframe Sketching

We explored several layout adjustments to improve great features for providing user friendliness and beneficial feedback. We then got to work on some explorations for updating the UI patterns and overall look and feel of the product. 

iS_SplashScreen_sketch.jpg
iS_RegisterLogin_sketch.jpg
iS_ProfileInformation_sketch.jpg
iS_GPS_sketch.jpg
iS_AddFamily_sketch.jpg
iS_AddDevice_sketch.jpg
iS_PhysicalAttributes_sketch.jpg
iS_SkinTone_sketch.jpg
iS_MainPage_sketch.jpg

Userbility testings and iterations

Usability Testings were conducted with five participants and Users were given main three tasks, "Registration and allow GPS, Create a profile and go through the onboarding questions, add the smart devices as this app is smart devices compatible",  to identify if there are any iterations to do on the final design.  According to our observations, our users were struggling with a few steps that we felt we need to iterate on the final design.

3adadcfd-a96a-4b7d-957c-b546be666f6b.png

Question Descripton for easy understanding

93781fa7-e646-4c2b-831a-62d3f670c73b.png

Provide a sign to convey that the main screen is horizontaly scrolable

b1dc5381-c40b-466e-9ab6-c1c8ebaaf284.png

Confusing two drop down signs

bottom of page