Hobbnob App Design

Role & Duration
UX design | Independent
Product Thinking, Information Architecture, Interaction, Visual design, Prototyping & testing
Sep 2021 - Jun 2022
Overview
CareerFoundry is an online bootcamp I completed in June of 2022. After choosing from one of the general themes provided I created a mobile app for my independent study in UX Design.  My app, Hobbnob, is an advice app for hobbyists who want to quickly contact experts when learning about their field of interest.

I controlled all aspects of the design process from research, insights, ideation and prototyping.

Upon completion I received a certification for user experience design from CareerFoundry.
Challenge
Hobbyists have few reliable sources of information and may even end up in communities that aren't friendly to new members. How can we create a safe space where hobbyists can connect with verified members of the community to freely ask answers?

Project Details

Enable anyone, anywhere to instantly chat with an expert in virtually any field.
The objective presented in the brief from CareerFoundry was simple and vague. I had the ability to add my own constraints to this project. When deciding who the app was for I decided to focus on hobbyists. As a community they have widely varying interests and are eager to learn.
During my Discover Process I conducted research to better understand the industry and my users. I had some questions to answer for my app.
Goals
  • How do hobbyists approach learning new hobbies?
  • What role (if any) do communities play toward a hobbyist's experience as they are learning?
  • What would a meaningful mentorship experience look like for a hobbyist?
  • What obstacles (if any) prevent people from becoming hobbyists?
Conclusions
  • Obstacles
  • Cost
  • Access
  • Encouragement
  • Hobbyists find satisfaction in realization with a positive outcome
Problems to solve
  • Obstacles
  • Cost
  • Access
  • Encouragement
  • Hobbyists find satisfaction in realization with a positive outcome
My Role
Discover
  • Competitive Analysis
  • Audience Discovery
  • User Scenarios
  • Interviews
Concepting
  • User Stories
  • Sitemap
  • Wireframes
  • Design
Prototyping
  • Mid and High Fidelity Prototypes
  • Responsive Design
  • User Testing & Iteration
  • Presentation

The Approach

To begin, I needed to understand what made someone a hobbyist? Hobbyists are people who fill their free time with an activity or interest for pleasure. Their activities are generally done for their own enjoyment and not for monetary gain. Many use it as a means to socialize, while others use it as their time of seclusion. Hobbies can be done with people or alone. Their interests can exist in an urban or rural setting or anything in between. It can be found in any setting, whether indoors or out.

Hobbyists have an enthusiasm to be challenged. When the challenge no longer pushes them, a hobbyist will find something new. This can be an entirely new interest they may have discovered, a deeper dive into an interest they already know, or a hobby lateral to their interest expanding on things they already learned

However, not all hobbyists are alike. Some hobbyists require very little encouragement and jump right in, while others are easily intimidated and reluctant to start something new. Hobbyists need a way to find advice from an expert, because they want a safe space to quickly learn more about their field of interest.

Some of the most common roadblocks are cost, access, and encouragement. Hobbies can be very expensive. Equally difficult is the cost of time. These barriers affect enthusiasts at any proficiency level but can be especially hard for a beginner. Beginners have many unknowns that can make cost seem too daunting to even begin. Access to a hobby can mean many things, perhaps the hobby requires a lot of space, or specific equipment, or it may only be available in certain areas. And finally some people need support from others to begin like a friend, mentor or community with a positive outreach.
User Flow - Add Hobby
user flow - find expert
Discovery
I began testing my hypothesis with user interviews. All of my interviewees agreed that YouTube videos were how they did most of their learning. There are videos available to learn nearly anything, however my interviewees revealed that they followed very few people and felt they needed a trusted source whom would teach them correctly.

Research also showed that forums, workshops, or frequented shops are not always a positive place for beginner hobbyists. Experienced members of a community sometimes surround themselves with like minded-people and push others away.

Many of my interviewees agreed that having a positive community made their hobbies more enjoyable. They enjoyed seeing friends accomplish their goals, and it motivated them to continue.

With the data collected from the interviews and a better understanding of my users I created personas to match each main type of user for my app and the user flows needed to accomplish their goals.
User Research
Personas

The Challenges

Experts Vs Mentors
While discussing the relationship between experts and users in my app I became fixated on one element that felt like a natural progression. I felt that new hobbyists would strongly desire a deeper relationship with an expert. I wanted to allow the user to create a mentorship with an expert. When a user connected with a mentor I envisioned them being able to schedule regular appointments, be assigned tasks to a project, and have a more personal relationship. In a business sense this would drive return business and create a subscription theme that could increase revenue for the business and the experts. My first user flows were focused on the Curious but Nervous persona and her growing her hobby through the relationship with her mentor.

For this part of my design I lost focus on the grander scale of the issue at hand. My sketches and mid-level designs had a lot of focus on the user relationship with mentors. When I tested my first concepts with potential users much of the feedback I received was confusion on the difference between experts and mentors.
Solution
I went back to my designs and realized I needed to refocus. I pulled the concept of mentors from the app, but included expert preferences with a heart icon in their profile. Liking an expert left room in my experts page to display preferred connections, and gave me the opportunity to revisit the idea of deeper connections at a later date.
Let’s get together!
Some of the more difficult tasks to accomplish in this project were getting the necessary people to interview and test my app. With a global pandemic and being a seasoned individual, whose friends have careers, kids and busy lives of their own, my schedule was difficult to fix. I was attempting to be in the same room with as many of my subjects as possible to get the best results. Many times technology made virtual discussions difficult. Audio wouldn’t record, I couldn’t see the user interact with the app, browsers would cover navigation and made some interactions impossible.
Solution
Some of the instances where technology was an issue required me to work around what was available and apologize to the subject for the issue. To find the right number of subjects to interview or test I just asked more than I needed. Given enough people willing to help you will eventually get a propre sample size.
You’re gonna need a bigger app
When I first started designing my sitemap I envisioned an app on a much grander scale. I realized my app was quickly becoming a social media platform for hobbyists. A community where they could meet and share their interests.
Solution
This wasn’t wrong. I was trying to solve all the barriers for my users. A community that was built on encouragement and access. However, time and business goals were not on my side for this design. I reduced my scope to meet the guidelines of this project and moved on.

The Work

Sketches
Low - Fidelity
Mid - fidelity
prototype
Style Guide

Design Progressions

Onboarding
My early versions of the onboarding screens included sign-in and login. The imagery was very generic, and I wanted the app to show more warmth to the user which I accomplished with imagery, rounded edges and lighter colors.
Onboarding
The updates to the sign-up screen were fairly significant. I received a surprising result after running a preference test that included tabs for Sign-up and Login which led me to include it in my design. Feedback from users that preferred the other design led me to the final product.
Dashboard
The dashboard layout changed significantly with later iterations. Showing the users hobbies at the top of the page remained the same. Showing recommended or previous experts also stayed as part of the design. The main purpose of this app was to connect with an expert so the choice to include a card to join an appointment felt like a valuable piece to include. Managing a project was an early feature of the app including creating and updating tasks. The feature was updated to focus on discussing the project with the expert and so tasks were removed.
Search
Searching was an important feature for this app and I made very decisive changes for this feature. I knew sorting and filtering would be part of the feature but needed to clarify the amount of information to show for experts. Experts originally had an expandable card which was eliminated for a simplified card that led to their profile when pressed.
Experts and Expert Profile
The experts page and expert profile page evolved as the features of my app refocused on speaking with an expert. Early versions of the experts page sorted them based on user hobbies. The page evolved to cards for liked experts. Finally, the cards were made more compact and additional information was included on the page like suggested experts and upcoming appointments.

The expert profile began with tasks as a mentor page. Mentor relationships were meant to be 1-to-1 and so a schedule, tasks, and a record of shared materials and previous interactions were going to be visible. Once mentors and tasks were removed, it was easier to focus on why a user would reach out to an expert. The page focused on their experience, reviews from users, and projects they had shared.

Results

Much of my previous career experience transitioned smoothly into this project. The areas I feel like I learned the most was in information architecture and user interface design. I gained valuable experience thinking about projects on a macro level, and keeping the business goals in mind. My mentor helped me take a step back and look at the problem as a whole, and to use design systems to aid in my user interface design.

With another round of user feedback this app would be ready to deliver to an engineering team. Future feature updates would include elements that were stashed in the early stages of the design. As users progress in their hobbies they may want to make repeating appointments with experts so they can follow up on a schedule. The feature would encourage experts to build a relationship with users and increase user interaction and retention. I believe the app has the potential to be a community meeting space. Creating a positive space for hobbyists to discuss their interests and manage projects.

I am absolutely grateful for the opportunity and the knowledge I gained. With the guidance, patience, and open-mindset of my mentor and the well structured lesson plan from CareerFoundry I know I am more prepared to find a role in UX Design then when I started.

See more

Like what you see? Well there's more! Check out some of my other projects.

Tell me your user story!

I'm eager to here from you. Let me know why you are reaching out below.

As a
I would like to
JB,
so that I can
.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.