Background
đŠđģâđģ My Role:
đ¸ Research
đ¸ UXUI design
đ¸ Prototyping
âŗ Project duration:
10 days
đ§ Tools used:
đ¸ Adobe XD
đ¸ FigJam
Creative Jam is a series of hackathons hosted by Adobe for design students and professionals. The Design for Good Challenge is an enterprise competition to challenge competitors in creating a solution relating to the recent racial injustice occurrences due to the COVID 19 pandemic around the globe.
đ Recognition
âī¸ Finalist (top 10) among 24 teams of design professionals
âī¸ Second highest score in user experience category and fifth place in overall total score
Adobe Creative Jam Announcement Page
All Team's Final Score
The Challenge
Create a user experience on a mobile application platform that mobilizes individuals to challenge racial injustices and advance equity. The goal of the solution is to assist those most in need, help stop the hate, and support underserved communities.
Rubric for assessment đ¯
âī¸ The solution should address a target audience and their needs.
âī¸ The prototype should solve the problem in an innovative way.
âī¸ The prototype should have intuitive interface and user experience.
âī¸ The prototype should consist usage of visual design in a thoughtful and meaningful way.
The deliverable must:
â Be expressed as a mobile application.
â Contain 15 or more unique screens connected together.
â Contain at least one stock image from the Adobe Stock Free Collection.
â Must be created during event time period and not derived from previously created work.
â Optional: utilize the Adobe Sign interface assets if the solution includes petition circulation or signature requirements.
Jam Brief: Design for Good đ
Design Process
Research & Define
đ¸ Challenge analysis
đ¸ Secondary research
đ¸ Problem Statement
đ¸ Pillars
đ¸ User flow
Challenge Analysis đ§
As a team, we identified key areas that fit the prompt for mobilizing individuals to challenge racial injustice and inequality:
- Combat systemic inequity
- Educate children about race and stereotypes
- Organize and/or grow a small community or grassroots movement
- Bring awareness to unconscious bias and/or micro-aggressions
- Foster leadership within a disadvantaged community
After some careful deliberation, we chose our direction based on the idea of "spreading awareness" towards a solution that could potentially solve the problems stated above. As a victim of a hate crime, I want to voice my concern and experience to others who might have or have not experienced the horrific trauma that one has to go through. The idea of SpeakUp then was sparked.
Problem Statement đĸ
We identified our problem statements based on the challenge prompts and suggested focus area after finalizing our ideation direction.
Pillars đ°
We then established pillars to support our design solution direction based on our problem statements.
Secondary Research đ
To solidify the design direction of our idea, we conducted research on other video streaming and social media platforms such as Clubhouse, Apple Podcasts, Vice and Mighty Networks etc. We wanted to get an idea of how the social media aspect works along with video streaming functionality. We also reference these platform's UI and UX elements for inspiration, and utilize it towards the craft of our design solution in aiding those in need amid this critical time.
User flow đ
As a requirement, our final prototype must include 15 screens or more. We reference the project scope that was previously defined to ensure we can deliver a feature rich MVP (minimum viable product) within the timeframe. We then created a user flow in consideration of fulfilling the challenge criteria.
Ideate
đ¸ Solution Overview
đ¸ Low Fidelity Wireframe Sketches
Solution Overview
We wanted to humanize social justice issues by creating an application where individuals who are impacted can share their real stories, opinions and voice with the world. We recognize that many people who are not directly affected by social justice issues can have difficulty empathizing or understanding how impactful these issues can be to other people. SpeakUp creates a space where people can feel safe to speak up. Accounts are tied to phone numbers to discourage trolls, hate, and negativity. By asking users to identify themselves upfront, we have an opportunity to filter out unwanted noise that detracts from the conversation. Our north stars for the application include anonymizing features to keep speakers safe, connections to charitable organizations, and "reply to" format response videos.
Low Fidelity Wireframe Sketches
Prototype
đ¸ High fidelity prototype
High Fidelity Prototype
View the complete clickable prototype đąī¸
Presentation to the judges
During the presentation, I have a three minute time limit to explain the app's idea and demo the clickable prototype. Judges provided feedback shortly after the demo. Watch the takeaway after my initial presentation (below).
You can view the full livestream on Facebook in the link below đđģ
đ Recognition
âī¸ Finalist (top 10) among 24 teams of design professionals
âī¸ Second highest score in user experience category and fifth place in overall total score
All Team's Final Score đ¯
What I've learned...
Next Step âĄī¸
- After reviewing the overall prototype experience, I would implement the following refined design features:
- Add friend feature (within the broadcast stream screen) â that should be changed to inviting your friends/followers to a live conversation, so you and your friends can tune in and listen together.
- Like conversation CTA (within the broadcast stream screen) - this feature should be tested to determine if it is necessary at all within the design.
- Update and clean up all the design inconsistencies within the prototype
- Usability tests will be conducted to ensure the design solutions are solving problems we are targeting in helping to raise awareness of social injustice.
Takeaway đ¤
- This creative jam was an extremely fun and challenging experience while hypothesizing a design solution for racial injustices through research. This issue runs deep with my community and personal experience, and it was emotionally impactful to myself and my teammate while ideating a solution.
- Judges were impressed with the our design's great user experience and accessibility design. However, the solution was not innovative enough to warrant a winning spot in the competition. For future hackathons, I would consider thinking outside the box more for an innovative and fun design solution.
- Our design solution didn't include what happen after sharing and bringing awareness of social issues due to time constrains - I would consider to manage my time more efficiently in order to bring impact by designing additional solutions to support underserved communities.
- I learned to work as a team of two with my teammate on ideation, collaboration, and follow through with agreed design directions. If we have had additional time, we would conduct additional research and usability tests to fortify our solution in conjunction to satisfy the challenge brief requirement and our hypothesis.
Check out my other case studies
Šī¸ Kuma Design 2021