VeinViral
Goal
Design and creation of a user interface for a mobile application for the iOS platform, aimed at promoting and supporting blood donation. The application should not only be functional and intuitive, but also stand out with a unique and engaging design. The aim is to increase interest in blood donation among younger generations through elements of gamification, while maintaining social responsibility and not promoting unhealthy competition.
PROBLEMS
User Engagement
-
How to encourage users to use the application regularly?
-
What elements of gamification will be most effective in the context of blood donation?
Intuitiveness and Simplicity of Use -
How to design an interface that is intuitive and easy to use for different age and technology groups?
-
What are some UX best practices for the iOS platform that can be applied to this project?
Communication and Information -
How to effectively communicate information about the need for blood, possible donation dates, etc.?
-
How can you ensure that the user is well informed but not overwhelmed by the amount of data?
Motivation and Social Responsibility -
How to motivate users to donate blood without promoting unhealthy competition?
-
How to integrate elements of social responsibility in design?
Aesthetics and Uniqueness -
How to create a design that is both attractive and functional?
-
How to stand out from competing applications?
Security and Privacy -
How to ensure the security of user data?
-
What are the privacy guidelines and standards on the iOS platform?
Accessibility and Inclusion -
How to ensure that the application is accessible to people with different needs, e.g. visually impaired?
RESEARCH METHODS
-
Desk Research iOS GUI oriented
-
Competitor UX Analysis
-
Paper Prototyping
-
Guerrilla testing
-
Hi-fidelity UI Design
01
DESK RESEARCH iOS GUI ORIENTED
Conclusions from the Apple Human Interface Guidelines
for iOS design
The goal is to understand native elements and interactions in iOS to ensure consistency and intuitiveness.
Best practices
-
Limiting the number of controls on the screen and allowing you to explore additional details and actions with minimal interaction.
-
Placing the buttons in the middle or bottom of the screen makes them easier to operate.
Conclusions -
It is crucial to understand how and where users will use the application. Will they be on the move?
-
The interface should be intuitive and easily accessible. Controls should be easily accessible and their functions clearly defined.
-
The ability to adjust settings such as dark mode and use a user's personal data (with their consent) can significantly enrich the experience.
-
The application should be designed in a way that allows you to easily switch between different tasks and contexts.
03
COMPETITOR UX ANALYSIS
UX analysis of competing apps aims to understand what features and interactions are currently available on the market, what their strengths and weaknesses are, and how they can be improved in the context of a new app for blood donors.
As part of the VeinViral app design process, I conducted a detailed UX analysis of apps from various areas that are successful on the mobile market. My goal was to understand the key elements that attract and engage users, as well as identify unique features and solutions that could inspire my design. Featured apps range from health and wellness to popular mobile apps of an entertainment nature to gain a more complete picture of the various approaches to UX design in mobile applications.
Headspace
-
Meditation and mindfulness app.
-
Simple, clean interface, design with soft colors and animations.
-
Intuitive navigation, calm voice guides, progressive learning paths.
-
Personalized sessions, progress tracking, integration into the user's everyday life.
Pokemon GO
-
Location-based and augmented reality mobile game.
-
Colorful, interactive interface with AR elements.
-
Engaging experience using GPS and AR, social aspects of the game.
-
Connecting the real world with the virtual one, motivation to move and explore.
Dawca Krwi
-
Application for blood donors.
-
Simple, functional, information-focused interface.
-
Easy to use, it provides important information about donations, dates and collection points.
-
Focus on social responsibility, education about blood donation.
VOS
-
Health and wellness management app.
-
Clean, data-centric, with easy access to features.
-
Personalization, tracking various aspects of health.
-
Holistic approach to health, integration with various devices and applications.
04
PAPER PROTOTYPING
As part of the paper prototyping process for the VeinViral application, I focused on creating a hand sketch of one key screen. This stage allowed me to gain a deep understanding and thinking about the user's interaction with the application, as well as to effectively illustrate the basic functions and layout of the interface.
This sketch provides a foundation for further design iterations and development, allowing us to quickly validate and modify concepts before moving on to more advanced design tools.
05
GUERRILLA TESTING
As part of the VeinViral app design process, I conducted Guerrilla Testing
to quickly gather initial feedback and user experience. I focused on a key screen that is designed to present information about the user's blood donations. I conducted the study on a group of three people representing the target group of users - young, active and involved in the idea of blood donation.
Summary
Guerrilla Testing provided valuable tips regarding the usability and attractiveness of the application. Participants positively assessed the clarity and aesthetics of the interface, emphasizing the ease of navigation and intuitiveness of the solution. They noted the importance of clearly presenting information about the type and amount of donations, as well as the attractiveness of the badges and rewards system. They also suggested introducing additional gamification elements to further increase user engagement. These initial opinions are crucial for the further development of the application, allowing us to focus on the aspects most relevant to the young and dynamic target group.
06
HI-FIDELITY UI DESIGN
VEIN VIRAL name
VeinViral is a combination of two words: "vein" and "viral". In the context of a blood donor app, this name may suggest that the app is intended to go viral in the community, attracting a large number of users interested in donating blood. The word "vein" refers to the process of donating blood, while "viral" suggests that the app has the potential to spread quickly and become popular, especially among younger audiences.
In short, "VeinViral" could be interpreted as an application that aims to make the blood donation process more attractive and popular.
App Icon
The "Vein Viral" app icon is a combination of elements that reflect its main goals and values. A smiling drop of blood in fiery shades symbolizes both the blood donation and the viral energy that is at the heart of this app. The fiery colors add dynamism and emphasize that donating blood is both important and exciting.
The gaming emote adds an element of fun and engages the young audience the app is intended for. This is a subtle way to show that donating blood can also be cool and trendy.
Against the background of everything there is a heart symbol that adds a deeper meaning. The heart is a universal sign of love and care, emphasizing that every donation is an act of help and can save a life.
Application Colors
-
Blue (#2196F3) is associated with trust and calm, but in a light shade it can also be fresh and youthful.
-
Pastel Pink (#FFC0CB) Delicate and friendly, matching well with more expressive colors.
-
Gray (#F3F5F6) As a complement, a neutral background that will allow other, more expressive colors to stand out.
-
Gold, yellow (#FFD700) May symbolize "rewards" in the context of gamification.
-
Coral (#FF6F61) Warm and friendly, but less obvious than red.
-
Deep navy blue (#0A2A4A) Contributes to building trust and comfort of users, while maintaining a modern and innovative character.
Summary
The "VeinViral" application design is an innovative combination of blood donation functionality with a modern and eye-catching design. Focusing on a younger target group, the application combines elements of gamification with a socially important goal of promoting blood donation. The use of an unusual color palette and intuitive user interface makes "VeinViral" stand out from other medical applications.