Go to top of page

Designlab

Giving future UX designers an easier way to research as they learn

Personal project 2021
My Role
UX/UI design
Timeline
5 weeks
Tools used: Adobe XD, Optimal Workshop

Background

Designlab is a UX/UI focused bootcamp for career changers with no design experience or professionals in the area that wish to expand their knowledge of the area.

In order for students to be connected to each other as well as see important announcements, Designlab requires students to log into a Slack server. Students are also able to ask questions about design, ask for feedback, and recruit for research.

As a Designlab student, I used the Slack fairly regularly , but one of the biggest troubles I had in the server was utilizing the research channels to be able to recruit enough participants for my research tasks. Half the times I would post a request it's like five other people decided it was the perfect time to post and drowns out my request so I need to either repost later or go to a different channel.

This is what inspires me to imagine and design a function that would allow research recruitment to be a lot easier for Designlab students.

Link to Prototype

How might we make it easier for Designlab students to recruit and participate in research?

What we have right now

Slack

As of now, the Designlab curriculum does not focus on building the students' ability to find research subjects for their projects. Students are responsible for finding their research subjects on their own and most will go to the Designlab Slack in order to find their subjects.

As it's required for all students to join and interact with the Slack, that means the entire student body plus alumni is reachable on the Slack as a potential research participant. As a result, most students tend to look at the Slack server that is created by Designlab for both participants and research to participate in.

The problem is:
  • As a result, when students want to ensure that enough people have seen their post, they will post their research on unrelated channels, sometimes turning that channel into a second research channel. As a result, students are less likely to check that channel.
  • There is also no way to filter out the different types of tasks, such as surveys or usability tests, so students are forced to scroll up in search for the type of test they're looking for.

Discover

Research Goals

I was looking for the perspectives of two specific groups who are involved in research in Designlab - students who are looking to recruit students for their studies (Researchers) and students who are looking to complete other students' research tasks (Participants)

While the users are usually both the researcher and the participant, I decided to separate them as two personas as both sides because they have very different needs in these two situations. Most cases, the researcher is also the participant in order to encourage more traffic towards their own research task.

I want to understand:

Participants

  • What motivates a student to partake in research
  • What could encourage a student to partake in a specific research request
  • What could motivate students to participate in more research

Researchers

  • How researchers recruit their participants and how the process differs with what types of research and testing
  • The tools used by researchers and how it affects the researcher's decisions in how they conduct research
  • The problems that researchers face when recruiting for their studies

Researchers

  • How researchers recruit their participants
  • The problems that researchers face when recruiting for their studies

Participants

  • What motivates a student to partake in research
  • What could encourage a student to partake in a specific research request

Research Methods

  • Competitive Research
  • User Interviews
  • Survey
  • Observation

Research

Competitive Research

I first had to understand the current options available for user research. I was able to explore the sites' recruitment functions and an idea of how they conduct user testing.

Observation

One of my original assumptions was that the current way of recruiting participants made it incredibly difficult for enough users to see the post before it gets pushed up by new posts, motivating users to repost their research tasks in other channels to increase visibility.

Therefore I decided to observe exactly how often research requests tasks are posted in the community slack that is, at the time, the most common source of recruitment.

  • The intended channel for research, research-and-testing channel, had 67 task requests in one week, roughly 9.7 per day.
  • There could be long periods of time where nothing is posted and suddenly three or four task requests are posted within the period of an hour
  • At max there could be 3 task requests on the channel visible if the slack window is maximized and on the pc if the users provided a link due to Slack's automatically creating a link preview.
  • The next most popular channel, project-feedback, had 24 in that same week, roughly 3.4 per day.
  • My own cohort's channel had about 6 in the same week.

From this observation, we can see that it's very difficult to keep a task request visible in the channel if you don't try to predict when other researchers might try to post their own tasks vs when participants may actually do your task, so researchers may resort to going to other, tangently related, channels that may not necessarily be meant for research to find their participants.

Survey

Based on my observation results, I wanted to understand how effective it is to actually post in non-research-related channels for your task requests.

I posted different copies of a survey in three different channels found from the first round of observation - research-and-testing, project-feedback, and p2m2. These surveys were posted with no other input outside of the initial posting -this means no interactions with any other user, no outreach to other users, no dropping links to other people's research tasks to complete, etc.

  • Ultimately, all three only gained about two to five results
  • Project-feedback gained the most results with five results while module recieved only two. Research-and-testing recieved three results.
  • This showed me that
  • Without any input or effort on my part my surveys did not gain as much responses as it could have (on average when I have posted surveys in the past and plugged my link I averaged from ten to twenty responses)
  • The fact that the project-feedback channel got the most responses in comparison to the channel specifically meant for research shows how users are being rewarded for posting in the incorrect channel.

Interviews

I interviewed 5 different users, all students of Designlab in different phases of the course.

  • Participant ages ranged from 26-50
  • Out of the users, two of the users said that they have, at some point, gone to online communities to recruit for their research because they believe they won't find participants in their criteria in the slack server.

Creating a Preprototype

Seeing as I was working on adding a new feature to a website, my mentor suggested I make a pre-prototype based on the original site that would only hint at the potential functions that would be added. As I'm a major user of the Designlab website, I was able to make some assumptions that helped guide me in my creation of the preprototype.

Some assumptions include:

  • Users will want to sort between different types of research, like surveys vs interviews.
  • Users will want to know a basic description, how long it might take, and if anyone has done/commented about the task yet
  • Users will want a quick button to easily add tasks

Alongside the interviews I would also pull this preprototype out and ask them to interpret the different elements on the page and tell me what function they play if it was on the original site.

Results

  • Researchers tend to find a lot of success when they use personal connections or 'favor for favor' where if they complete someone's task they can send the researcher their own task to complete.
  • Students struggle with the high speed that the research-and-testing channel goes when posting their research requests, especially those who are in a different time zone.
  • Researchers tend to post in multiple channels to increase visibility and participants tend to check the research-and-testing channel first, which contributes to the high speed
  • After posting a research request, researchers will scroll up the channel they posted in to complete other research requests in order to invoke "favor for favor"
  • When a researcher states that they will do favor for favor in some way, this means they will do a research request in return
  • When "favor for favor" has been invoked, researchers will always do the request.

Define

Persona

Using the results from the research, I created two separate personas to further define the needs of the two groups.

Userflow

To understand what I might need when I go into creating my wireframes, I created a userflow that specifies how a user may post a research task, participate in a research task, and edit or end a research task.

Ideate

Iterations

While I did not create traditional wireframes when working on my screens, especially as I had the preprototype to build upon, I was still majorly changing the design.


I really struggled with balancing between staying with the patterns presented in the original Designlab site versus creating a design that works best. I eventually decided to prioritize what I thought would be the best design choices.

Prototype

Working Prototype

*Works best on desktop

Open Prototype in new tab

Testing

Usability Testing

I've designed an entire research function to add to the Designlab website in the image of what I thought is needed in a research function, however it was time for the other users to take their shot at the design and see if the function is actually usable for my user pool.

The tasks that were tested

  • Accessing a task the user has posted to view more information
  • Explain the purpose of the submenu when viewing a task's information and be able to hide and then archive a task.
  • Create a research task
  • Access the community research tasks posted and view a specific type of tasks.
  • Complete one research task
  • Share the user's task recently posted with the researcher of the completed research task.
  • View all of the user's posted research tasks.

Insights gained from the test

  • UI definitely fits the original Designlab site, to the point that some people were lost mainly because they didn't realize what had changed so they didn't know where to start. This prompted the thought that maybe an onboarding would be needed for existing students since new students are required to attend an onboarding for the entire website.
  • There was some dissent on whether a participant screener is needed, especially as on the Designlab slack most users do not use  a screener. Therefore, keeping it optional for now seems to be the best choice.
  • I need to rethink if a cap on participants is really necessary. Originally I added a cap for faster turnover on the tasks, but feedback tells me that it may be better just to not have a cap on the participants since the more participants doing your task the better.
  • There was the most confusion with the comment/share your task page. For one, Designlab does not have a proper messaging system so it's not something that is expected on the site. Another issue was that if you leave the page there wasn't a clear way to share the task. As of now the solution might just be to utilize Slack direct messaging as students are already used to that way of sending links and messages.

Next Steps

The tasks that were tested

  • Redesign and figure out an alternative way that students could use to be able to connect and share their task after completing a research task.

New Functions

  • Expand on tracking participants and their results, along with screener quiz results.
  • Brainstorm on whether a onboarding is needed
  • Slack integration/Native messaging option on the site

Special Process for new students

  • When students first enter Designlab, they spend the first few months working on the same projects, including a responsive website for one of three prompts
  • As a result, a special version of this design could be used to help ease these students into research and doing others' tasks
  • For example
  • Have students with certain experience (such as buying insurance or traveling) volunteer their experience and time in exchange for potential future research participants and show up on a list of potential participants
  • Have example research examples for guidance
View Deliverables

Connect with me!