UX/UI Design, UX Research
'Mauto' is a web app that makes the optimal candidate-reviewer sorting and assigning for Maoz organization using an especial custom algorithm. Maoz is a non-profit that acts to encourage leaders from all population groups to integrate social and environmental interests into their initiatives.
UX/UI Design, UX Research
Jan. 2020 - Mar. 2020
A group of Computer Science students asked for my help in identify and analyze their customer's needs to create a full experience for the users and an enticing interface for their final project web-app.
Creating an optimal balance in the candidate-reviewer-class matching (referred to it as a session) was not an easy task for Maoz employees. They would usually describe this work as playing a tricky Sudoku game with multiple excel sheets, hand notes, and printed data. These game usually took them about half of a day on average and was all done by hand.
While using this Non-optimal matching system Maoz employees had received a lot of user feedback, stating that most of the candidates felt discomfort with the group they were assigned to, making it harder for them to express their full potential.
Maoz is a non-profit organization which acts to encourage leaders from all population groups to integrate social and environmental interests into their initiatives. They strive to achieve this by creating a network of leaders from all population groups and sectors of Israeli society, in collaboration with Atudot Le'Israel, that builds trust among decision-makers and creates changes and multi-sector solutions for citizens and systems in four core areas: local governance, health, education, and employment. In order to guarantee a network consisting of the best and most qualified leaders, Maoz’s admission team acts to recruit diverse, high-caliber candidates who have the potential to lead socio-economic change in Israel. For more info see their site.
Less about maozAfter hearing my new team members’ problems and difficulties, I had concluded that their struggles were caused by a lack of knowledge, resulting from defective research. Therefore, before diving into their proposed solutions and designing the UI, I encouraged them to reconduct the research phase together by doing more stakeholder and user interviews.
Which parameters the algorithm needed to take into account?
What are the stakeholders' critical success factors for this project?
What are Maoz employees' needs and unmet needs?
How many people are being sorted at each stage?
How long does the whole process take (the exact hours)?
Describe your current Excel file format, are there many spreadsheets or different files?
After we finished this project, I conducted more user interviews to refine the design and iterating the UI for learning purposes.
I had created a mini-system that allowed us to quickly access the exact font styles used across the site. Though it would be small, my mini-system would empower us to focus on the experience and usability, rather than having to guess at colors and font styles.
The slightly rounded edges of Rubik typeface make it unique and fun to use while keeping things classy and sharp. Moreover, Rubik supports both Hebrew and English letters, therefore if will be needed, this web app can be easily translated into English in the future.
This color scheme was inspired by the Maoz brand and website color scheme.
Alongside the primary and grays colors, I've added eight more colors to represent the categories' parameters while using red for error state and green for success state.
I had crafted several illustrations from the Smash illustrations kit while keeping them fit this project design guideline.
Keeping users’ needs and pain-points in mind, I settled on a final version of the design, creating a high-fidelity prototype.
On this page, Maoz employees can create a new session by uploading an excel file or view and edit future ones.
At first, Maoz employees will upload or drag an excel file, which is in a format Maoz’s members agreed upon, to the drag and drop area, and then, they will insert the metadata about the session like date, plan, and the specific time. Each session includes an exercise part and interviews part, each part showing the division into classes created by the linear programming.
Maoz employees can choose a category to sort by, such as gender or sector, in order to see how diverse or balanced the session is per class (in percentage). Each person's card's bottom border is colored correspondingly to his or her belonging to the category's parameter.
A yellow dot will appear on a person's card to indicates the conflict of interest with at least another person in the session. Maoz employees can click this yellow dot to see the acquaintances that have a conflict of interest with this person. That was a primary feature that Maoz wished to see at a glance.
Maoz employees can click on a person's card to see more information about that person like gender, group, or phone number. Also, they can manually change the matching by dragging a person's card between classes. But if the new matching will create a conflict of interest, an error message will appear.
In order to make sure that our solution is suitable for the user's needs, we tested the web app on 4 representatives from the admission team.
We asked them to simulate 2 different sessions, given that each session included scheduling an admission day.
We found out that:
The importance of asking meaningful questions through the process
In the beginning, the team thought about creating a web app with a linear programming algorithm without trying to get a deep understanding of their users' problems or needs, which caused most of the difficulties they had experienced. After I had joined the team, we reconducted the research phase together, and I immediately noticed the difference in their perspective about the importance of this stage and their growing confidence in the product.
I want to say thank you especially to Tali, the representative of our development team, and Nissan, the representative of our client, for being thoughtful and cooperative teammates!
I’m grateful for your feedback throughout the process and the supportive environment. I believe we had created such an incredible web app, and I happy to know that I could help an essential organization like Maoz.