Time Bank app's UX/UI design
The duration for this project was 2 month
Adobe UX
Miro
Adobe Photoshop
Invision
The main concern was, "How could we create a program with a strong social component that motivates users to trade services, earn time, and utilize it to assist others and themselves?"
The challenge was to design a user-friendly and accessible mobile app that could foster a strong social component, enabling users to trade services, earn time, and utilize it to assist others and themselves. The goal was to create a platform that promotes community-building and societal advancement through mutual aid and service exchange while also being intuitive and easy to use for people of different ages and backgrounds.
During the TimeBank App project, I took on a key role as the UX/UI Designer, leading efforts to design a user-friendly app that allows people to spend and earn time on services they provide or receive. Some of my specific contributions to the project include:
Conducting extensive research: I led the project's research efforts, using both qualitative and quantitative methods such as user surveys, interviews, competitive analysis, and market research. This allowed me to gain a deeper understanding of our target audience and their needs, which in turn informed the design decisions I made.
Utilizing rapid prototyping: In order to quickly iterate and validate ideas, I used rapid prototyping techniques throughout the project. This allowed me to test out different design concepts and get user feedback early on in the process, helping to ensure that the final product would meet the needs of our target audience.
Delivering key design deliverables: Throughout the project, I delivered a range of key design deliverables including use cases, user flows, low and high-fidelity wireframes, and interactive prototypes. These deliverables helped to ensure that everyone involved in the project was aligned on the design direction and that the final product would meet our users' needs.
Overall, my contributions to the TimeBank App project helped to ensure that we delivered a user-friendly, phone-compatible app that motivates users to trade services, earn time, and utilize it to assist others and themselves.
To create an accessible solution, we had to fully understand our target market. As the initial step in our strategy, we had to build a service page and a time wallet to earn and spend it.
Thoroughly comprehended the target market to design an accessible solution
Designed a service page and a time wallet as the first step in the approach
Aimed to help people advance in society by facilitating mutual help and time exchange
Strived to make each user's life better by promoting the idea of a second helping hand
Ensured the app was simple to use and had an appropriate concept, considering the diverse age range of the potential user base.
Families and students are often the primary consumers of employment boards. In order to pinpoint areas for improvement, we mapped the user journeys and crucial times during the service search and service posting interactions.
The app may be particularly useful for individuals who have a limited budget and are looking for ways to save money on services.
It may be targeted toward people who have certain skills or services to offer, such as cooking, tutoring, or home repairs.
The app may appeal to those who value community engagement and want to contribute to the betterment of their local community.
Once the specific target audience has been identified, the design and features of the app can be tailored to meet their unique needs and preferences. For example, if the app is intended for seniors, it may need to have larger fonts and simpler navigation options to ensure ease of use. Alternatively, if the app is intended for younger users, it may benefit from gamification elements to increase engagement and motivation.
The program is designed to be accessible at all times and on all devices, so it has been developed as a mobile app that can be installed on smartphones and other portable devices.
This app is intended for people of all ages, which presented a challenge in designing a user-friendly interface that could be easily used by everyone.
To ensure ease of use and effective communication among users, we have included a chat feature that enables users to confirm details and communicate with others in the community.
Based on insights gathered from the subject matter expert interview and topic research, I developed a persona that accurately reflected my target user group.
By utilizing sketching as a tool, I was able to conceptualize the main screens and components needed for the app. As I progressed, I identified areas that required further refinement in terms of aesthetics and functionality, resulting in an updated digital wireframe over time.
After presenting my work to the class, I received constructive feedback from my peers through the discussion board. Their insights were valuable in enhancing the quality of my work.
After reading critiques, I changed a few things about my prototype, the main of which was the connection and user flu.
In response to the feedback I received from users during the testing phase, I made significant changes to the app's visual design to improve the user experience. The second draft incorporated additional visual components that helped users relate to and comprehend the app better. As a result, users expressed feeling more comfortable interacting with the app and finding what they needed more easily.
In order to create a functional prototype, I started by developing mid-fidelity wireframes on the Figma platform. My focus was on designing the key screens that users would interact with while using the app. These wireframes served as a blueprint for the overall user flow and layout of the app. As I progressed, I made sure to incorporate feedback from user testing to ensure that the app was intuitive and easy to use. This iterative process allowed me to refine the wireframes and make adjustments to improve the overall user experience. Ultimately, the mid-fidelity wireframes formed the foundation for the final high-fidelity prototype, which was a significant improvement over the initial drafts.
Welcome Page
Long in
Home page
Menu bar
Services category
cleaning people
service page
Chat
Request
Booked note
User Profile
Sociale media home page
Post page
For the Time Bank app, the interaction design focused on creating a user-friendly and intuitive experience that allows users to easily navigate and understand the functionality of the app.
To achieve this, we incorporated a clear and consistent design language throughout the app, including the use of color and iconography to visually differentiate between different features and functions.
We also utilized user testing and feedback to continuously refine and improve the app's usability, including implementing features such as contextual help menus and clear calls to action.
The end result is an app that is both visually appealing and easy to use, ensuring a positive user experience and increasing the likelihood of continued engagement and adoption of the Time Bank concept.
UI kit is a collection of design elements such as icons, buttons, typography, and color schemes that can be used to create a consistent and visually appealing user interface for an app or website. In your time bank app, it seems that you have utilized a simple and clean UI kit with a soft and warm color palette to create a welcoming and easy-to-use interface for your users. By using warm, less saturated colors, you have made it easier for users to read the information and interact with the app's features. Additionally, by avoiding complicated forms and using a simple design, you have ensured that users won't be confused or misled while using your app. Overall, a well-designed UI kit can help create a cohesive and user-friendly experience for your app's users.
EEC6AA F7E0CE
6DB67D CFF2BA
F16E7 E49053
Jua Jomolhari
Kadwa Kanit
This project was my first design work for the UX Tools course, and receiving multiple reviews was very helpful. It helped me understand the design process better and identify areas for improvement.
Through this project, I learned how to present my work and ask for feedback from my peers, which has been a valuable skill. It also helped me develop my abilities for working in a group.
The primary takeaway from this challenge was learning how to structure and present my ideas effectively. I realized that not all features are necessary if they don't benefit the user's experience.
I also learned the importance of receiving feedback and how it can significantly improve the design.
Lastly, I gained a better understanding of the relationship between pages and how users navigate between them.