EXPERIMENT 311265
UXsamples
Branding, UX research and UI design for fake interview and survey results AI generative service website and mobile app aimed at students, professors and recent graduates.
The challenge
The objective of this project is to build a design system for UXsamples app and desktop and mobile websites, establishing the core functionalities as well as developing the brand's image.
DESIGN A WEBSITE AND MOBILE APP
DEVELOP A BRAND AND LOGO FOR UXSAMPLES
CREATE A FUNCTIONAL ACCESSIBLE SERVICE
UNDERSTAND AND ASSESS OUR USERS' NEEDS
Our audience
Our users are English-speaking UX Researchers who lack real research data results and want to get a more realistic experience while working on their UX projects through their phones or desktop computer.
As the development of this project entailed a deep understanding of our audience, we opted for qualitative research. We conducted a series of interviews with potential users to determine the details of our client base and understand their needs and problems.
What is your experience when you need to work without UX Research results?
How do you usually get UX Research results for your projects?
Have you ever used UX Research results generator services?
When and where would you access our service?
PAIN POINTS
1
I have to create my own fake UX Research results and it's a waste of time.
2
There is a lack of realism working on UX Research projects when there is no data to analyse.
3
It's hard to find participants to conduct surveys and interviews.
4
There is no dedicated service to provide UX Research results.
CONCLUSIONS
According to this, we established three main user groups: UX Research Professors, UX Design students (university, college or online courses) and UX Design graduates.
ARIANA PAPADOPOULOS
Age / 19
Occupation / Uni Student
Education / Undergraduate
Location / Greece
Ariana is working really hard as she is a new student and is still getting used to uni life. She has already had a few projects regarding UX Research where she had to work on surveys and interviews, but she really struggled. Some of her peers had to fake the results, others managed to ask people in the street or their friends and family to fill them out. She is a bit shy, so she didn’t want to go out and interact with strangers. Plus, she would need to ask someone to transcribe the results for her. She’s asked her friends a few times to be her participants, but she would like to get results that match her criteria better.
JOEL KOCH
Age / 37
Occupation / Uni Professor
Education / Psychology Phd.
Location / Switzerland
Joel loves teaching and enjoys finding new ways to make his lessons more fun and easy to learn. He creates assignments that teach practical skills, the more they resemble a real project, the better. However, he often encounters problems with UX Research. Conducting surveys and interviews takes a long time, so his students have to make the results up, which is not ideal. Sometimes he creates them himself, but it’s really time consuming, so he can’t do it every time. He would love to have a tool his students could use to create results they could later interpret for their uni projects.
ROCÍO VERAS
Age / 64
Occupation / Unemployed
Education / UX & UI Design
Location / Andorra
Rocío is a recent graduate looking for her first job in the UX Design field. However, she wants to create a couple more professional looking projects for her portfolio. She always has to fake the survey and interview results, which is a tedious task to do. She would like to complete this process faster.
Problem statements
Regarding these findings we reached the following conclusions:
Ariana Papadopoulos is a blind UX Design uni student who
needs an accessible UX Research sample results service becase she wants to get survey/interview results that match her criteria better without a third party's help.
Joel Koch is a UX Research professor who needs a online service to create UX Research survey and interview results because he wants his students to get a more realistic work experience analysing actual data.
Rocío Veras is a recent UX Design graduate who needs sample UX Research results because she wants her portfolio projects to look more professional and work faster.
User journey
Here we can find an example of Rocío Veras's user journey to create sample UX Research results.
Our competitors
The use of AI technology and approach makes our concept new to the market, with no actual direct competition. Our closest competitors are other generative AI systems that could potentially be used to create fake UX Research results as well. Thus, our main advantage relies on the fact that we will be the first dedicated service for this matter. Our product will also be free.
The most apparent weakness of our competitors is the lack of a user friendly path to create, organise or share these potential results. We must be aware of the fact that AI companies have very strict and well-implemented accessibility features, which are a great strength, that we must strive to replicate and/or improve.
ChatGPT
Google Bard
Chatsonic
ClickUp
Information architecture
Below a schematic map of the service can be found, detailing how pages and sections are linked.
Ideation
Taking into account the previous research, we began the wireframing process. We took a mobile-first approach and decided to follow the progressive enhancement method to have our core features well defined and also to prioritise phone users, as a big part of our target audience are students and young people that rely more on their mobile devices than on desktop computers.
Wireframes & low-fidelity prototype
From initial wireframes in Procreate to a functional low fidelity prototype in Figma: the aim was to develop a straightforward and intuitive process that is easy to follow, edit and understand for the user.
Wireframe experimentation of possible App Home Screen layouts.
Final paper version of the Home Screen, Name Selection and Survey Creation.
Examples of several low-fi digital screen designs for the desktop website.
Wireframe experimentation of possible App Home Screen layouts.
Have a go at testing our early prototypes.
Usability study
We conducted a usability study with 10 participants (6 students, 2 graduates and 2 professors) that met our criteria to find out if the mobile app was easy to use, participants could perform the core basic tasks and if they could point out any missing features.
GOAL
Figure out if the mobile app is intuitive, easy to understand structure-wise and find possible user pain points or missing functionality.
KPIs
Task Success Rate (TSR)
User Error Rates
Drop-off rates
METHODOLOGY
Remote supervised study with 10 participants (individual sessions) where the users would be asked to complete the following prompts.
-
Create fake survey results.
-
Create fake interview results.
-
Find your previously saved survey and/or interview results.
-
Share the results of a survey or interview with a contact.
Sessions can last up to 1 hour.
THEMES & INSIGHTS
The following were the most prevalent pain points.
-
50% of the users missed having a bulk action to share or download the results.
-
100% of graduate users (30% of total participants) would like to be able to check individual participants profiles with their results.
-
100% of professors and some other users (30% of total participants) were confused about the saved status of the Participants and Content screens.
-
30% of users were a bit lost without further guidance (instructions).
-
90% of users showed a positive attitude towards the product.
-
100% of users said they would like to use the product.
CHANGES
Based on the themes we made the following adjustments.
-
We added a new feature that allows users to download several survey/interview results at once in PDF.
-
We added a new feature that allows users to bulk share one survey/interview project (finished or unfinished) with their saved contacts.
-
The placeholder text was replaced with real copy with instructions. Additionally a "Learn More" page that can be accessed through the Home Screen was created explaining the whole process.
-
A disclaimer was added to the Participants and Content screens to notify users when they are leaving the page without saving.
-
A second "Download Individual Results" button has been added in the sticky bottom bar of the results summary page. Now users can decide if they want to download the results alone or each participants individual results.
RECOMMENDATIONS
There were other important aspects that also required attention.
-
It would be important to test different scenarios outside of the prototype to determine if there should be a limit in the number of participants, number of questions or number of survey question possible answers so that the system doesn't glitch and files are manageable.
-
Once the basic features work, it's important to keep accessibility in mind for the following steps.
Branding & design system
The image of the brand is simple and clean, with a strong use of colour compared to our competitors. The design heavily relies on structured spaces with clear borders between sections and straight lines, broken by the roundness of interactive elements.
The logo, comprised of image and type, depicts a survey folder representative of UX Research.
In terms of typography, a friendly sans serif (Poppins) is used throughout the service for both titles and body text.
Colour is used as a tool to help the user easily identify what type of document they are creating, as both surveys and interviews are very similar. Orange is used for neutral pages, turquoise for surveys and purple for interviews.
The graphic style is very geometric and structured, mixing sharp edges and rounded shapes, with an overall serious but approachable undertone.
High-fidelity prototypes
Feel free to test the experimental hifi Figma prototypes.
Accessibility
We have taken steps to make our service more accessible. The colour palette is compliant with WCAG AA standards, text has a stablished hierarchy that will help screen readers, icons are accompanied by live text and images will include Alt text, all form fields are properly labelled and calls to action use descriptive prompts.
Takeaways
The main challenge was organising all the sections in a user-friendly and intuitive way. I found separating features into different screens and steps very useful. Adding further differentiation with colour also helped emphasise this. Trying to fit several features into one single place may seem convenient at first, but it ends up being chaotic and confusing.
Next steps
Prompts to help users navigate the product will be added and onboarding screens will be created to help first-time users. Components error status and copy need to be worked on. Mirror versions of the app and website will be created for high-contrast WCAG AAA standards as well as for colour blind users.