top of page
StreetSmARTs
Web and Mobile Platform Design
%20(Mockuuups%20Studio).png)
PROJECT OVERVIEW
The StreetSmARTs program is a partnership between the San Francisco Arts Commission and Public Works, which pairs artists with private property owners who have received Notices of Violation for the removal of graffiti on their buildings. StreetSmARTs was created in hopes that murals can replace and prevent graffiti, while also beautifying neighborhoods in the process.
Project: Group website redesign project
Client: StreetSmARTs
Duration: 2 week sprint
Tools: Figma, Zoom, Otter, Trello
Dec 2021
Before
After
Sirron Norris “Soy de Aqui”, 2019
Objective
The current process is a long, drawn out application, which needs to be reviewed before any action is taken. Expanding the online platform to be inclusive of all property owners in SF wanting to enhance their property with murals is our main objective.
RESEARCH
User Interviews
I began our research process by pulling in both artists and business owners and explained the objective of our project. My goal was to gain a sense of understanding from both perspectives about their wants, needs, and motivations when it came to this type of business interaction. After the interview, I pulled several notable quotes:
A big area I struggle in is being able to identify where job opportunities are.
Artist
Having artists all in one place that have the skill set to do a mural is appealing.
Business Owner
The main motivation for me is just a broader ability to communicate to a larger audience.
Artist
It's a challenge figuring out where to begin when searching for someone to do this type of work
Business Owner
User Interview Insights
All the data was then taken from the user interviews and made into 2 separate affinity maps, for both the artists and business owners. I was able to locate key insights and themes from each.
Artists want a place to:
Upload their work and experience
Have business owners upload their space
Communicate about budget, timeline & expectations
Reach out to artists
Put out their own ideas for murals
See portfolios and any qualifications needed from artists
Both artists and business owners would like a platform where they can communicate and reach out to one another in order to satisfy both their needs.
Personas and Problem Statements
It became clear that we were not only going to be designing for two personas, but on two separate platforms as well since that's what users indicated they wanted. Mobile for on the go, convenient messaging and desktop for browsing.
Artist
Jack needs a way to find artistic opportunities in his community so that he can create pieces that viewers feel moved by while also paying his bills.
Business Owner
Jill needs a way to discover and vet artists that meet her needs so that she can commission them to paint a mural on her property.
DESIGN
C&C Analysis
Since we’re designing for two different users, we wanted to focus on platforms that had two personas as well, such as Rover and Airbnb. We did a feature inventory for both competitors and comparators, so that way we can get an idea of what our platform should include.
Based on the findings, we decided we wanted:
-
Quick onboarding
-
Ability to link social media
-
Two sided outreach, where both sides can initiate the conversation
-
Online payment
User Flows
Since we’re designing for two different users, we wanted to focus on platforms that had two personas as well, such as Rover and Airbnb. We did a feature inventory for both competitors and comparators, so that way we can get an idea of what our platform should include.
The artist would create a portfolio when signing up, so that way business owners can have an idea of their line of work. Once they find a business that agrees to hire them, they'd create a contract within the site.
Artist
The business owner has the option of posting a "gig" or can just browse through the different artists available.
Business
Mid-Fi Wireframes
Mid-Fidelity mobile and desktop wireframes were completed in the sense that we wanted to see if users would be able to go through the entirety of both artist and business user flows on both platforms.
RESULTS
Mid-Fi Usability Testing
Our Purpose & Goal: find out if our product is meeting user's needs
Scenarios & Tasks: have each user go through and complete tasks as both Jack the artist and Jill the business owner
View Here
Metrics: quantitative (success rate, time needed to complete tasks, number of errors) and qualitative (speak through their process)
View Here
Common Issues: Mobile
Too many steps in messaging
Disliked progress bar in messaging
View here
Disliked built in contract in messaging
View here
Common Issues: Desktop
Confusion on how to get back to homepage
Confusion on what the random chat icon does
View here
Synthesizing Our Data
For each user during usability testing, I recorded:
-
whether or not they completed the task assigned
-
the time it took to complete each task
-
the number of errors taken for each task
The data shows us that:
-
100% of users were able to complete every single task that was assigned
-
50% of users made no errors at all
What does this tell us?
We have a very clear and simple user flow that was understood by most users.
Areas For Improvement
For the task "Sign up as a business", users spent about 6.8 seconds longer on the desktop than on the app, which was the only instance where users spent a longer amount of time on the desktop compared to the app.
Would be nice to have a progress bar on the sign up pages.
I'm confused on when you would actually post a gig.
What does this tell us?
Users were confused by the layout and amount of content on the sign up page.
Turning Insights Into Something Actionable
Usability insights helped us make a foundational change in our Hi-Fidelity prototype. We had the contracts and negotiation function within the chat feature, but this tested poorly. In our Hi-Fi we added a contracts page in the main navigation bar, which tested well with users.
Final Thoughts
Lessons Learned
This project gave me an understanding of the difficulties behind extending an already existing experience into a new platform, or in our case, into 2 new platforms. They each have different areas of focus and techniques when designing, so this was an eye opening experience.
I got the opportunity to take over UX Research and discovered that I have a lot of fun seeing the results of my work put into action. Not only that, but learning human behavior and motivators behind it was intriguing.
Working closely with my team throughout these couple weeks was a memorable experience, and they made this intimidating process much more enjoyable. I was able to learn from each of their expertise and am looking forward to applying this new found knowledge in my future projects!
Next Steps
Despite all we were able to accomplish, there’s more work to be done. We’d love to:
-
Allow cross-persona journeys where we can allow artists to also be a business owner
-
Prototype and do further testing with the desktop site
-
Build out Favorites, Notification, and Setting pages
bottom of page