 |
|---|
Overviews
The Lighthouse church project is an equipment management system that clients require me to build. it is a website to manage the borrowing and returning of items.
My Roles
-
User Interface Designer (UI)
-
User Experience Designer (UX)
Responsibilities
-
Gathering requirements
-
Research
-
Wireframing
-
Prototyping
-
Usability testing
Tools
-
Sketch
-
Figma
-
Invision
-
Usabilityhub
-
SmarkMockups
My Design Process
Understand
The Problem
Church members don't know whether the items are available for borrow, and the person who manages equipment sometimes forgets who borrowed it and when did they borrow it.
-
How might we offer a way for the church members to borrow and return equipment instead of asking the admin every time?
-
How might the admin know who borrowed and returned what and when?
Solutions
-
Design a website with an online borrow and return system.
-
Design an Admin dashboard for the admin to track every item in the system.
-
notification page for the admin to handle every order.
Ideate
User flows
Sitemap
Prototype
After card sorting, I started sketching the core features and designing mid-fidelity wireframes. The wireframes will be tested by users to identify pain points and optimise the design.
Wireframes & Prototype
Test
Usability Test
I conducted Usability Test on Usabilityhub to assess the learnability of new users interacting with the website for the first time. I observed and measured if the members and admin understand the system and how to complete functions.
Issue#1
The icon next to the "add to cart" button is redundant and not friendly to colour-blind people. therefore I changed it to the "Add to favourite" feature .
Before
After
Issue#2
anyone can view this website. because this website is for internal use, users need to be login before landing on the homepage
Before
After
Reflection
Challenges & take aways
This project took me 3 months to finish. I faced some challenges during this design process. Firstly, this was my first time designing a management system, there are not many websites or software that I can refer to. Secondly, I spent much time on how to complete the return process, should the "return" button be on the member page or the admin page. my final decision is to put the "return" button on the admin.
What I take away from this project is, that I learned from my mistakes and understood why testing is essential, during the design process I also need to consider people with disabilities.
Final Design
