Actibeety

Low Fidelity wireframes

I was provided with low fidelity wireframes that included all the concept that the team wanted represented in the high fidelity prototype.

However, they only had the PDF version of them and the file is uneditable and scaled. However it conveyed the whole idea and included elements that needed to be reconsidered. I had some ideas of what to remove and what to add, but we needed to test with real users as well.​

1. Splash Screen Set
   1. Intro Screen
   2. Quick Guide (Description)
2. Sign In / Log In
3. Location 
4. Interests 
5. Subscription (B2B)
   1. Subscription
   2. Payment Methods
6. Dashboard (Landing B2B Promotion)
   1. Active Chats
   2. Activities Near Me {Location} (With edit for location)
   3. Recommended for You
   4. Because you like to {Activity}
7. Settings
   1. My Profile
   2. Notifications
   3. About Us (About Act?)
   4. Coupon
   5. Help & Support
   6. Logout
8. ACT Screen
9. Coupon Library
10. Activity Library
11. Live Chat
    1. Group
    2. 1:1
    3. My Chats
12. The Extension (Categories)
13. Creating Activity
14. My Profile
15. Other User’s Profile

Meetup

Inspiration – Layout:

• Your Groups
  • Name
  • Description
  • Location
  • Interests
  • Start Group
• Your Calendar
  • All
  • Going
  • Saved
  • Past

Swarm

• Log In
  • First Name
  • Last Name
  • Birthday
  • Gender
  • City
• Quick Guide
• Enable Location
• Find Friends

Eventbrite

• Family Friendly
  • Parenting
  • Comedy
  • Fashion
  • Seasonal
  • Science
• [Find things to do]

Activities:

• Share agenda
• Greeting session
• To do list (ie: bring the soccer ball, bring the uniforms..)
• Assign a person (Groups)
• Chat room – rather than comments/notifications
• Private mode – for chat
• Main feature to create is a chat room
• Create event -invite only (once I have a friend base)
• Friend X is nearby, and he/she also likes {interest}, Start a conversation.

Prototype

Using the Low Fidelity Wireframes that I was provided with, and after discussing with the team the priority of the features for the MVP, I created the following wireframes in Adobe XD. This prototype was implemented for the online user testing that some volunteers kindly helped us out with.

Testing

For the user tests,  I came up with this script based on the guidelines established by Steve Krug on Usability, for more info visit his website. We gathered voluteers and ask them to test our medium fidelity protoype. Each member of the team interviewed three people from different backgrounds that currently reside in Vancouver. Below, I have included the script and the user tests that I conducted.

Hi {User Name}, thank you for taking the time to participate in this usability test of our mobile app. Before we begin, I’m going to give you a brief overview of the test and how it will work.

First, let me introduce you to the concept of our app. “Act” is a mobile app that allows local and international residents to host and join small online and offline activities in their neighbourhood and to create meaningful connections. 

Our mobile app seeks to solve the disconnect that Canadians feel with their community and for internationals who feel lonely in a foreign country. These problems are further exacerbated by Covid19.  During COVID-19, it has become more difficult to connect with people and find activities to do.

As we are developing this product, we need to test this medium fidelity prototype to make sure that the assumptions that we are making of the user flow are consistent. We need your help to identify any areas of improvement in the current flow of the prototype. Please note that the current name, colour, and icons on this prototype are in progress and this is not a final product. 

For this usability test, it is really important to know that we are only testing this app prototype and not you. You can’t do or say anything wrong. Please feel free to let me know at any time if there is something you like, dislike, if you’re confused, or you expected something different. I promise you it won’t hurt my feelings. I encourage you to give as much feedback as possible.

Please “think aloud” as much as possible. By that, I mean that I would like you to speak your thoughts as often as you can. For example, you may be looking at a screen, suddenly see something you didn’t see before and want to click on it. In that case, saying something like “this caught my eye so I’m going to see what it is” would be very useful.

If at any point you have questions, please do not hesitate to ask. 

The prototype that you will test today is for an app where you can create and participate in activities happening near you. I will ask you to do a task and you will proceed to use the prototype to complete the task.

Do you have any questions so far?

Ok, Let’s get started.

Your tasks are: 

User tasks:

1. Sign up and select the following interests: “Fitness, Outdoors, Photography and Sports”. Create a new activity to go on a hike to St. Mark’s Summit.
2. Find an activity to go Snowboarding and start a chat with the participants.
3. Find a host with a 5 star review and view his/her profile.
4. Find your invites and join the chat of your invite.

Branding

“Actibeety” comes from the idea of combining the word “Bee” and “Activity”. Bees are a social animals that live in community. The main purpose of the app is to organize activities to meet people in the community.

rESULTS