StickStuck is an additional protection measure that will provide aid to children in case of a tongue-stuck emergency, by directly guiding the child through simple illustrated steps, in case immediate adult support is not available.
StickStuck is an additional protection measure that will provide aid to children in case of a tongue-stuck emergency, by directly guiding the child through simple illustrated steps, in case immediate adult support is not available.
StickStuck is an additional protection measure that will provide aid to children in case of a tongue-stuck emergency, by directly guiding the child through simple illustrated steps, in case immediate adult support is not available.
PROBLEM
Existing resources are mostly targeted towards adults who are expected to educate their children.
The danger of metal poles can often be overlooked.
Younger kids are less likely to address a health threat in a calm manner.
Existing resources are mostly targeted towards adults who are expected to educate their children.
The danger of metal poles can often be overlooked.
Younger kids are less likely to address a health threat in a calm manner.
Existing resources are mostly targeted towards adults who are expected to educate their children.
The danger of metal poles can often be overlooked.
Younger kids are less likely to address a health threat in a calm manner.
UX Research
UX Design
UI Design
UX Research
UX Design
UI Design
UX Research
UX Design
UI Design
User & Market Research
Usability Testing
Service Design
User & Market Research
Usability Testing
Service Design
User & Market Research
Usability Testing
Service Design
Figma
Adobe Illustrator
Adobe Animate
Figma
Adobe Illustrator
Adobe Animate
Figma
Adobe Illustrator
Adobe Animate
Functional Figma prototype.
Design system set.
Functional Figma prototype.
Design system set.
Functional Figma prototype.
Design system set.
As there were no apps dedicated to the cause, the competitor analysis was conducted through illustrated online articles that, combined with the written instructions, provided step-by-step guidance on the subject.
As there were no apps dedicated to the cause, the competitor analysis was conducted through illustrated online articles that, combined with the written instructions, provided step-by-step guidance on the subject.
As there were no apps dedicated to the cause, the competitor analysis was conducted through illustrated online articles that, combined with the written instructions, provided step-by-step guidance on the subject.
Analysis of the article through a user journey map, helped illustrate a potential user’s experience with the information.
Analysis of the article through a user journey map, helped illustrate a potential user’s experience with the information.
Analysis of the article through a user journey map, helped illustrate a potential user’s experience with the information.
Key takeaways:
Useful features such as search bar and suggested articles
Visuals that aid the narration
Long list of information that could be easily forgotten
Key takeaways:
Useful features such as search bar and suggested articles
Visuals that aid the narration
Long list of information that could be easily forgotten
Key takeaways:
Useful features such as search bar and suggested articles
Visuals that aid the narration
Long list of information that could be easily forgotten
click on the image above to get a closer look
click on the image above to get a closer look
Further an empathy map was used to build a user profile and define an ideal client.
This step helped to outline the needs of both, parents and children.
Further an empathy map was used to build a user profile and define an ideal client.
This step helped to outline the needs of both, parents and children.
Further an empathy map was used to build a user profile and define an ideal client.
This step helped to outline the needs of both, parents and children.
Specifically:
Child’s fear in the crisis
Parental concern for guidance.
The child’s immediate needs
Specifically:
Child’s fear in the crisis
Parental concern for guidance.
The child’s immediate needs
Specifically:
Child’s fear in the crisis
Parental concern for guidance.
The child’s immediate needs
click on the image above to get a closer look
To supplement the previously done research and identify needed elements of the future app, a user journey map was used to deepen the understanding of the experiences related to the events post metal-sticking.
The journey map helped bring attention to:
Possibly tedious setup process.
Focus on visual communication through illustrations.
The importance short but informative text.
To supplement the previously done research and identify needed elements of the future app, a user journey map was used to deepen the understanding of the experiences related to the events post metal-sticking.
The journey map helped bring attention to:
Possibly tedious setup process.
Focus on visual communication through illustrations.
The importance short but informative text.
To supplement the previously done research and identify needed elements of the future app, a user journey map was used to deepen the understanding of the experiences related to the events post metal-sticking.
The journey map helped bring attention to:
Possibly tedious setup process.
Focus on visual communication through illustrations.
The importance short but informative text.
click on the image above to get a closer look
After conducting the user analysis, I created a simple sitemap to outline the main tabs that the app would have.
The sitemap helped organize the process visualized in the journey map, and create a navigational system for the app.
After conducting the user analysis, I created a simple sitemap to outline the main tabs that the app would have.
The sitemap helped organize the process visualized in the journey map, and create a navigational system for the app.
After conducting the user analysis, I created a simple sitemap to outline the main tabs that the app would have.
The sitemap helped organize the process visualized in the journey map, and create a navigational system for the app.
Key tabs:
Welcome Page
“I’m Stuck Alone” Vs. “With a Friend”
Steps for self aid
Call for help
Key tabs:
Welcome Page
“I’m Stuck Alone” Vs. “With a Friend”
Steps for self aid
Call for help
Key tabs:
Welcome Page
“I’m Stuck Alone” Vs. “With a Friend”
Steps for self aid
Call for help
click on the image above to get a closer look
click on the image above to get a closer look
Relying on the structure of the sitemap, I further developed wireframes to help layout the UI features on the screen.
Thus, establishing the content that needs to be created and its layout within the app.
Relying on the structure of the sitemap, I further developed wireframes to help layout the UI features on the screen.
Thus, establishing the content that needs to be created and its layout within the app.
Relying on the structure of the sitemap, I further developed wireframes to help layout the UI features on the screen.
Thus, establishing the content that needs to be created and its layout within the app.
A snowman mascot was further created through Adobe Illustrator, to make the app more accessible for younger users.
Easy illustrations would help guide children through the process by demonstrating the steps on the carrot nose. This would also allow to make the process less scary and "medical."
A snowman mascot was further created through Adobe Illustrator, to make the app more accessible for younger users.
Easy illustrations would help guide children through the process by demonstrating the steps on the carrot nose. This would also allow to make the process less scary and "medical."
A snowman mascot was further created through Adobe Illustrator, to make the app more accessible for younger users.
Easy illustrations would help guide children through the process by demonstrating the steps on the carrot nose. This would also allow to make the process less scary and "medical."
Combined with a simple animation of a loading bar to aid the visual structure of the digital prototype.
Through research, the visual screen was found useful, as way to provide a quick reading opportunity for the "don't pull" message.
Combined with a simple animation of a loading bar to aid the visual structure of the digital prototype.
Through research, the visual screen was found useful, as way to provide a quick reading opportunity for the "don't pull" message.
Combined with a simple animation of a loading bar to aid the visual structure of the digital prototype.
Through research, the visual screen was found useful, as way to provide a quick reading opportunity for the "don't pull" message.
For the user-testing, 3 participants of various levels of personal experience with the topic, were asked to navigate their way through the app and analyze its functionality and accessibility.
For the user-testing, 3 participants of various levels of personal experience with the topic, were asked to navigate their way through the app and analyze its functionality and accessibility.
For the user-testing, 3 participants of various levels of personal experience with the topic, were asked to navigate their way through the app and analyze its functionality and accessibility.
It is worthy to note that while none of the participants were of the target age (6-10), they all had personally encountered the issue of being frozen to a metal pole, with either their children, siblings or themselves.
It is worthy to note that while none of the participants were of the target age (6-10), they all had personally encountered the issue of being frozen to a metal pole, with either their children, siblings or themselves.
It is worthy to note that while none of the participants were of the target age (6-10), they all had personally encountered the issue of being frozen to a metal pole, with either their children, siblings or themselves.
Key Takeaways:
Provide a “go back” function.
Add a navigation bar.
Improve text legibility.
Key Takeaways:
Provide a “go back” function.
Add a navigation bar.
Improve text legibility.
Key Takeaways:
Provide a “go back” function.
Add a navigation bar.
Improve text legibility.
Colors
Colors
Colors
Typography
Typography
Typography
Kids zone
Inter - Medium
Inter - Semi Bold
Inter - Extra Bold
Additional Elements
Additional Elements
Additional Elements
The final Figma prototype is available bellow and is accessible through this link.
The final Figma prototype is available bellow and is accessible through this link.
The final Figma prototype is available bellow and is accessible through this link.
Designed and prototyped completely from scratch, the app required a lot of thought and attention to fully embrace and adapt to all of the opportunities and challenges.
Working on a product for children requires a higher level of thought and attention than an average adult user, as the content needs to be simple and digestible while staying warm and inviting.
Designed and prototyped completely from scratch, the app required a lot of thought and attention to fully embrace and adapt to all of the opportunities and challenges.
Working on a product for children requires a higher level of thought and attention than an average adult user, as the content needs to be simple and digestible while staying warm and inviting.
Designed and prototyped completely from scratch, the app required a lot of thought and attention to fully embrace and adapt to all of the opportunities and challenges.
Working on a product for children requires a higher level of thought and attention than an average adult user, as the content needs to be simple and digestible while staying warm and inviting.
The next step would be to test out the app's structure and flow with the actual target user group, to see if the content would actually be understandable for the younger users.
The next step would be to test out the app's structure and flow with the actual target user group, to see if the content would actually be understandable for the younger users.
The next step would be to test out the app's structure and flow with the actual target user group, to see if the content would actually be understandable for the younger users.