"The Islamic Supplication app is a Personalized app for finding supplications That fit your current circumstance."
After I learned more about the purpose of this project, I realized I wanted to create an app that departed from the typical 'modern' aesthetic of rounded rectangles. Instead, I envisioned a more organic design approach. The goal is for the app to be intuitive and easy to understand for everyone, regardless of race or religion. To enhance accessibility, the app would allow users to download the text content and provide auditory buttons for navigation. GO SEE IT!!!.
This app was conceived from the necessity for an application tailored to the more intimate aspects of users' lives, particularly those who live alone. Often pursuing busy lives, they found it challenging to channel their emotions and feelings into something productive.
Until they stumbled upon this app, that is,
which taps into the need for understanding and, more importantly, hope. For a Muslim, having a connection to their faith wherever they are,
accessible with just a click on an app, is a valuable resource that can open new doors for introspection and improvement.
I put together a basic competitive audit to figure out our main competitors for this app. The main competitors where two, one being a direct, and the other indirect for my target audience.
Calm is a meditation app with the largest
audience, it is a larger company with more exposure
Islamistic is a islamic mood supplication Desktop website., but has no mobile version which puts a damper on its effectiveness
.png)
Goal: Find a supplication which reflects the current emotion they are feeling at the moment from opening the app
I Used multiple sheets of paper to come up with many ideas, some were to sparse, and others were not visually appealing, finding a balance between looks, and function was the largest challenge.
I also partook in crazy eights to force myself to come up with new designs, I also designed customized arrows.
Here is a gif to more clearly convey the basic user flow of the app's main functionality. This (gif) is an early vertion that will change significantley towards the end of the project.
The hi fi prototype took shape in two ways this is the first. After usability studies I discovered quite a few important changes that I needed to implement.
I took the most important ides and suggestions from usability participants and ordered them using priority codes.
Most considerable changes included changes to the hope page, darkening the color scheme added text spacing to address accessibility concernes, Added a "Next" "Last" button, Removed oval shape in screen #3, I also decreased size of the emo-ji's
1. I insured color schemes aligned with WebAIM accessibility standards
2. Because of the website purpose I was sure to add the supplication in arabic, english, as well as transliteration
3. The app’s components used Gestalt principles to insure understanding.
3. All Icons were custom made to fit seamlessly with the apps oval/round aesthetic
I spent like two days just on the colors, but it’s important to know when to stop tweaking things and trust the test users opinions.
I've seen that focusing on a target user is important but don’t focus only on the target user but anyone else who may use the product.
Don’t fall in love with the initial bright idea you had and be open to completely changing an idea you had.
Add images and textures along side blur’s drop shadows, and color’s to add even more texture and feeling to your designs