iAm SaaS Platform
- iAM
UI/UX
Team Project
01
Project Overview
Info
About iAm
iAm is a pioneering SaaS platform designed to intricately track, analyze, and understand subjective experiences in real-time, leveraging a graph-based model to navigate the complexities of human consciousness.
Other Details
- Timeline: 3 Weeks
- Tool Used: Figma
- Device: Desktop
My Role
The team consisted of three people. I worked as the design lead and also assisted in synthesizing research and designs. The second member played the role of research lead, and the third member was the Information Architecture & Interactions Lead.
Target Audience
02
Research
Info
Researching the Researcher
To start off the project, we wanted to get an idea of what the existing research platforms offer and how they compare to what our client wants to build. Throughout our research on competitors, we found a few key points:
- All have some form of a project or research dashboard.
- All are primarily focused on survey building.
- All have data exporting capabilities
- They all lack personalization and customization in study building and study type
- No existing platforms of this type cater towards the cognitive sciences in the way iAm does
After researching our competitors, we talked to seven researchers about their experiences and what their participation in studies looks like. In doing this, the team and I found:
- Existing research platforms come with a tedious and untimely learning curve.
- They place emphasis on the integrity and transparency of their data.
- They find recruiting and retaining participants to be essential to their studies
- Organization
This was one of the most repeated and highly emphasized points in our interviews. After researchers complete a literature review, they often have several tabs and windows open full of supporting and useful documents to help guide their research process. They often times are switching consistently through these tabs, and sometimes even losing important and valuable information they need to reference. Their is no current research study building platform that allows integration and uploading of documents.
Competitive Analysis
Through a comprehensive competitors analysis, by analyzing the strength and weakness of competitors. iAm can refine its product features and positioning to stand out in the market, to achieve this, i had to compare and contrast with notable companies like Expiwell , Team scope and Qualtrics
01
Problem & Solution
Info
Problem
Researchers struggle with keeping all of their resources organized across various mediums and staying ahead of the learning curve of software in a way that allows them to create engaging studies.
The Solution
Create an extensive document upload area to better help cognitive researchers who are constantly referring to several different documents throughout their research process, as well as create a guided and intuitive study set up.
02
HMW
Info
03
User Persona
Info
The Unclear Journey of a Researcher
User Flow
The unclear journey of a researcher made clearer
04
Design Process
Timeline
Design process involves gathering Information, developing user personas, prototyping, user testing, and iterative refinement, ultimately resulting in a user-friendly and aesthetically pleasing SaaS Platform.
3 Weeks
05
Information Architecture
UX / UI
Crafting an information architecture facilitated the creation of a user-friendly interface, enabling us to systematically organize and structure all pages with cohesive logic.
3 Weeks
06
User Flow
UX / UI
07
Style Guide
UX / UI
Primary Colors
Secondary Colors
Fonts Used
Icons
08
Usability Testing
UX / UI
09
Final Design
UX / UI
Researcher Dashboard
Study Information
After logging in the first pages user see is study information where user can enter the study objective. user can see other Application items as well like Resources , Design, Participants , Preview , Data etc.
Resources
Enter URL
Resources
Once users have entered the study information, they can navigate to the resource tab. Here, they have the option to either choose a file or search via URL before initiating the search CTA.
Resources
Enter URL
Create New Folder
The user can create a new folder by clicking on the 'Create folder' button, and a new folder will be created
Enter Folder Name
By clicking the 'Create folder' button, users can generate a new folder, which will then be added to the system.
Folder Created
Upon inputting the folder name, a fresh folder will be generated, allowing the user to spot a Call to Action (CTA) conveniently placed on the same page for initiating the creation of another folder.
Move Action
User can move folder into new one by just clicking on move CTA
Upload
Users have the option to select and upload files, with the progress of the upload being visible to them.
Design
01-Design Page
When user clicks “design” and then “study type” they are presented with different study types to choose from.
If the user selects one of the study types, and then clicks “select, they would be taken to a page with pre-set instructions and details about the study type.
02-Design Page
When user clicks “design” and then “design templates” they are presented with different design templates to choose from.
If the user selects one of the design templates, and then clicks “select”, they would be taken to a page with pre-set templates and details about the design template.
Participants
01-Participants
Here, whatever the participant enters in the study privacy closure (then presses “enter”) will be visible to the study’s participants and will provide details into the privacy measures be taken/ not taken by the researcher
If the box is selected by the researcher, then it will allow the researchers’ participants to opt in to sharing their information with iAM
02-Participants
When you go into “assign groups” under the “participants” tab, this is what a blank page without any groups or participants will look like
03-Participants
When user clicks “add a group” this block with a text field will appear.
When user enters group name and then presses “save” it will take them to the next frame.
04-Participation
This is what the page would look like with 4 participants and 4 groups
Participant reminder settings for scheduling frequency and method in which participants receive reminders
Participants
This is what the frame would look like as the researcher is assigning a participant into a particular group, in this case, participant 2 is being assigned to the control group.
Participants
This is the frame that displays all of the sharing options for the study.
Preview
Preview
When user select preview, they are presented with a mobile view and a desktop view of the survey they built out to confirm it looks suitable on both formats.
Data
When user clicks “data” and then “view”, the different variables of the study with individual participants’ states will be viewable
Data
Before selecting “verbal thoughts” in the second drop down, it would say “variable” then, when the user clicks the drop down, they would be presented with different variables from the study to choose from.
Reflections
