QuitSmoke Mobile Application

Motivational Mobile Application to help people who want to quit smoking
Project Overview
QuitSmoke Mobile App is a Motivational Mobile Application to help people who want to quit smoking. The UI design for this application considers efficient features to help one in their journey towards a smoking-free life. Such features include vital sign checks, team collaboration(focus groups), exposure to motivational stories, and video content from success storytellers. This project aims to achieve SDG 3 titled Good Health and Well-Being.
My Contributions
This was a proposed UI Design to see how the mockup UI would be conducted. I went through the UX phase before going through the UI phase just to prepare myself and fully practicalized the UI/UX design discipline.
UX Design Process for Project
Step 1: Identifying the Users and Brand for the Application


The users of the application are smoke addicts who want to quit smoking. The brand means the subject area surrounding the application and the problem to be addressed. Hence the brand is the Health Space/Sector.
Step 2: Identifying the problem to be solved
The problem being addressed here is smoking. Upon researching this subject matter, smoking stands out as one of the leading causes of death in this dispensation. According to WHO, tobacco is the cause of 8 million deaths every year from cardiovascular diseases (WHO, 2020). Other deaths caused by smoking include lung disorders, cancers, diabetes, and hypertension. Speaking of many respiratory infections, smoking tobacco is a risk factor under consideration. From the above information from WHO, smoking is indeed an alarming situation that needs to be addressed.
Step 3: Conduct Interviews with the prospect users to know more about their problems, personal traits, and how this would help in the UI designing phase, as well as confirm the possible you researched in Step 2
Since it was a UI design project, the functional requirements were already provided
Step 4: Conduct data analytics on collected data from interviews to finalize your findings
Upon analyzing both the functional requirements already given and my research findings, the finalized set of functional and non-functional requirements, user persona, strengths, weaknesses, etc. are as follows:
Functional Requirements:
1. The application should provide motivational videos on the benefits of abstaining from smoking.
2. The mobile application should educate smoke addicts on the dangers of continuous smoking.
3. The mobile application should help provide real-life stories about smoking from smoke addicts and how they abstained from it.
4. The app should help check the vitals of the user
5. The app should encourage peer-to-peer or group chats and discussions to help users check on each other (Focus Group Discussions)
6. The app should help calculate the number of hours and days abstained from smoking.
7. The app should help show stats on user health, days abstained from smoking.
Non-Functional Requirements:  
1. Security: The application should be secured and be accessed based on user authentication.
2. Safety: Confidential Information about smoke addicts on the mobile application should not be publicly disclosed.
3. Effective: The application should be effective in the delivery of its functionalities (Functional and non-functional)
4. Maintainability
5. Reliability
Definition of Persona :  
(The purpose of this information is to summarize the personal traits of prospective users of the mobile application from interviews in a story mode)

Fassbender is a 21-year-old individual who has gained admission into Lionsgate College. He is passionate about Artificial Intelligence hence he sees studying Computer Science at Lionsgate as a starting point in achieving his goals. Despite his academic motivation, Fassbender was addicted to smoking. He began smoking during his final year in high school after being introduced to it by his peers and had ever since been smoking. This greatly affected his healthy living and moral upbringing.

Luckily, the introduction of bits of advice, care, and health workshops by his parents helped Fassbender to be making improvements towards avoiding smoking. Now that he has gained admission into Lionsgate College, his parents are worried about Fassbender going to college with the fear of moving back to continue smoking again since he is going to stay in a hostel and not home throughout his 4 years in college. His parents are recommending the need for a mobile application that would serve as a Motivational App to continually educate, and caution him on smoking and serve as a guide to monitor his health progress continuously.
Strengths 
1. Fassbender is a technologically-inclined person (His level of literacy and familiarity with technology would help him to effectively use this application)·        
2. Fassbender has no disability traits.
Weakness 
1. Fassbender sometimes forgets to complete his to-do list tasks
Approach to Design Used 
The approach to design to be used is the User-Centered or the Human-Centered Design Approach

Application of Cognitive Principles such as Problem Solving, Reading, Attention, Recognition, etc
UI Design Process for Project
Step 1: Revisiting Gestalt Principles to assist in UI Designing



Application of the Principle of Figure-Ground, Similarity, Focal Point, Common Region, Proximity, etc.
Step 2: Exploration of the tools to be used
InVision Freehand was used for Wireframes / Low-Fidelity Prototyping whiles InVision Studio was used for designing the UI Mockups for the application. In addition, to assist in UI Mockups, already existing applications designed and developed to address this problem were also explored to have an idea of common areas of consideration. These mobile applications include:
1.     Quitnow
2.     SmokeFree
Step 3: Construct a Journey / User Map to show the user’s current state
Below is the image of the Journey/User map of user's current state
Step 4: Construction of Site Map for the project
Below is the image of the Site Map for the project
Step 5: Low Fidelity Prototypes (Wireframes)
Below are the wireframes for the project
Step 6: High Fidelity Prototypes (UI MockUps)
Below are the high fidelity prototypes for the project

Borla Mobile Application

Application to help digitize the interaction between bin users and waste collection firms.
Project Overview
Borla App is a Mobile Application to help digitize the interaction between bin users and waste collection firms towards combating improper disposal of waste. The UI design for this application considers efficient features to help address the issue of waste disposal. Such features include an order for a new bin, an order for bin pickup, report missed pickup, and other relevant features to ensure that bin users and waste management firms can effectively work together towards achieving a free environment void of waste. This project aims to achieve SDG 6 titled Clean Water and Sanitation.
My Contributions
This project was a proposed UI Design to see how the mockup UI would be seen on a mobile application. Since this was a UI Design work, with the few requirements at my disposal I just went through the UI phase.
UX Design Process for Project
Step 1: Identifying the Users and Brand for the Application


The users of the application are Bin Users and Waste Management Firms. The brand means the subject area surrounding the application and the problem to be addressed. Hence the brand is the Sanitation Space/Sector.
Step 2: Identifying the problem to be solved
The problem being addressed here is the abundance of waste in the Ghanaian Environment due to the lack of abundance of waste bins and lack of disposal of full waste bins early. According to the little research I conducted about the reality of the problem, Ghana is suffering from an abundance of waste and to be specific plastic waste (McAllister, 2015). The availability of waste bins has been recommended to be of brave priority in research to help dispose of waste hence when these bins are lacking in the environment gives rise to the littering of the environment with waste (Henry et al., 2006). From the above information, the abundance of waste is indeed a problem and hence needs addressing.
Step 3: Conduct Interviews with the prospect users to know more about their problems, personal traits, and how this would help in the UI designing phase, as well as confirm the possible you researched in Step 2
Since it was a UI design project, the functional requirements were already provided
Step 4: Conduct data analytics on collected data from interviews to finalize your findings
Upon analyzing both the functional requirements already given and my research findings, the finalized set of functional and non-functional requirements, user persona, strengths, weaknesses, etc. are as follows:
Functional Requirements:
1. Customers should be able to order bins online via the apps·
2. Customers should be able to make payment for ordered bins via the application·       
3. Customers should be able to indicate the number of bins been requested and the ones to be replaced if necessary.·        
4. Customers can indicate the time duration for waste pickup by waste management.·        
5. Waste management firms should be able to pick up their registered bins at any location when full when a customer requests a bin pickup·        
6. All bins should be able to be tracked on the app indicating their respective exact locations.·        
7. Each bin should be able to be identified via the app using its unique ID.·        
8. Customers can view the contact details of all waste management firms.·        
9. Customers should be able to know the availability status of  all waste management firms·        
10. Waste Management firms should know their bins ids, bin locations, and customers who ordered for them including the customers' locations (GPS Address)·        
11. Waste management firms should know the waste bin pickups requested, the ones picked up and the ones yet to be picked up.
Non-Functional Requirements:
1. Availability: All waste management firms should be available when the need for bin pick comes.·       
2. Safety
3. Effective/Performance
4. Maintainability
Definition of Persona:
(The purpose of this information is to summarize the personal traits of prospective users of the mobile application from interviews in a story mode)

Wilson is a 26-year-old teaching assistant at the University of Ghana who lives in East Legon in the Greater Accra Region of Ghana. With Greater Accra as the capital city of Ghana, urbanization within Accra is developing hence the area of East Legon is also improving into a more urbanized settlement. Due to the large settlement in East Legon, the issue of the abundance of waste can be a factor hence he has ordered a waste bin for his household.

Due to his busy schedule, he won't always be available to see to it that when the bins are full, they are picked up quickly before they overflow hence making the surroundings untidy. Also when the bins are faulty and need replacement, he had to be making calls or better still move to the waste firm branch for replacement which is time-consuming due to his busy schedule. He also goes through the same stress if there is a full bin that hasn’t been picked up or a bin order delivery is delayed. Hence if there exists a mobile application that is lased with the above requirements and a couple of other beneficial features to enable him to carry out these activities via the platform, he would be very glad.
Strengths
1. Mr. Wilson is a literate and an educated person (His level of literacy would help him to effectively use this application)
Weakness
1. Mr. Wilson can’t call each firm as well as be moving to the firm about his issue with regards to their services.
Approach to Design Used
The approach to design to be used is the User-Centered or the Human-Centered Design Approach

Application of Cognitive Principles such as Problem Solving, Reading, Attention, Recognition, etc.
UI Design Process for Project
Step 1: Revisiting Gestalt Principles to assist in UI Designing



Application of the Principle of Figure-Ground, Similarity, Focal Point, Common Region, Proximity, etc.
Step 2: Exploration of the tools to be used
InVision Freehand was be used for Wireframes / Low-Fidelity Prototyping whiles InVision Studio was used for designing the UI Mockups for the application.
Step 3: Construct a Journey / User Map to show the user’s current state
Below is the image of the Journey/User map of user's current state
Step 4a: Construction of Site Map for the project
Below is the image of the Site Map for the project (Bin User)
Step 4a: Construction of Site Map for the project
Below is the image of the Site Map for the project (Waste Management Firm)
Step 5: Low Fidelity Prototypes (Wireframes)
Below are the wireframes for the project (Bin User)
Step 5: Low Fidelity Prototypes (Wireframes)
Below are the wireframes for the project (Waste Management Firm)
Step 6: High Fidelity Prototypes (UI Mock-Ups)
Below are the high fidelity prototypes for the project (Bin User)
Step 6: High Fidelity Prototypes (UI Mock-Ups)
Below are the high fidelity prototypes for the project (Waste Management Firm)

VJoin Web Application

A Video Conferencing tool to help organize virtual meetups.
Project Overview
VJoin is a web application that allows people to organize virtual meetups.  The user interface design for this application takes into account efficient elements to address how work colleagues can readily interact with one another during the COVID-19 period. This project aims to achieve SDG 9 titled Industry, Innovation and Infrastructure.
My Contributions
Back at Ashesi University, this project was a Human Computer Interaction (H.C.I) lab assignment. As a result, after finishing and improving my skills in H.C.I, I decided to revisit this lab assignment and rebuild a new UI Interfaces.
UX Design Process for Project
Step 1: Identifying the Users and Brand for the Application


Marian Goldberg is the application's user. The subject area surrounding the application and problem to be addressed is referred to as the brand. As a result, the brand is Business Space/Sector.
Step 2: Identifying the problem to be solved
The issue here is that, due to the COVD-19 outbreak, Marian Goldberg is unable to personally see all of her work colleagues, so they have their regular Friday one-hour conversation. During this conversation, they all talk about how fantastic their week was, the hardships they experienced, and what they learned for the week.
Step 3: Conduct Interviews with the prospect users to know more about their problems, personal traits, and how this would help in the UI designing phase, as well as confirm the possible you researched in Step 2
Because it was a lab project, the functional requirements were to come up with alternative requirements but only design for one.
Functional Requirements:
1. Marian should be able to plan virtual meetings with and record some noteworthy meetings for future reference using the video conferencing technology.·
2. Marian should be able to see and engage with all of her coworkers through the program.·       
3. The program should enable users to differentiate between hosts and guests.    
4. Marian should be able to communicate with other employees on the call via chat.     
Non-Functional Requirements:
1. Effectiveness: The application must be able to meet the requirements when used by Marian.      
2. Efficiency: When Marian uses the application, it should work as expected with minimal interruptions.
Definition of Persona:
(The purpose of this information is to summarize the personal traits of prospective users of the mobile application)

Marian Goldberg works as a software engineer for WebFlic Company Limited in London. She is a 26-year-old Cambridge University graduate with a bachelor's degree in computer science. She is an open-minded and cheerful individual who adores technology and wishes to use her computer knowledge to positively improve the lives of those around her.
UI Design Process for Project
Step 1: Revisiting Gestalt Principles to assist in UI Designing


Application of the Principle of Figure-Ground, Similarity, Focal Point, Common Region
Step 2: Exploration of the tools to be used
InVision Studio was used for designing the UI Mockups for the application.
Step 3: High Fidelity Prototypes (UI Mock-Ups)
Below are the high fidelity prototypes for the project.

Contact Information

Avenues to contact me

0550805562
emmadonk1530@gmail.com
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Page Navigation

Pages

UI/UX Designs
APPLICATION REVAMPS
RESEARCHES
WEB DEV PROJECTS
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.