Babysitter Connect

ABOUT

Barnard Connect is an application created to streamline communication for babysitters by organizing child-related information and providing options for different communication methods.

Tools Used

Figma
Balsamiq

Team

Salma Arshi
Maria Albizu
Molly McNutt
Annie Wang

Timeline

Sep 2021- Dec 2021

4 months

Role

 

The Challenge

Having clear communication for logistics on babysitting schedules and other instructions given by the parents is critical to all babysitters. Design an experience to help babysitters schedule and organize tasks and communicate with parents.

Babysitter Connect

ABOUT

Barnard Connect is an application created to streamline communication for babysitters by organizing child-related information and providing options for different communication methods.

This group project was for Introduction to Contextual Design, taught by Professor Sarah Morrison-Smith at Barnard College, Columbia University in Fall 2021.

Tools Used

Figma
Balsamiq

Team

Salma Arshi
Maria Albizu
Molly McNutt
Annie Wang

Timeline

Sep 2021- Dec 2021

(3 months)

Role

UX/UI Design

 

Understanding our Users

Research Methods

After defining the problem, we conducted user interviews with four babysitters. We asked each user to sign a consent form. User interview questions consisted of walkthroughs of events and tasks of the job. I also asked for work demos in which users ultimately taught me and let me learn about their job. 

Persona

I created personas and mapped out user behaviors based on their goals and pain points. 

persona_jess.png
Affinity Mapping

After collecting interviewee data, we mapped out our findings and grouped them to create an affinity diagram to solve higher-order problems. 

affinity diagram
Insights
Consolidating our user research

Work modeling allows us to provide a concrete representation of users' work practices. Models represent consolidated findings across users into a single picture of representative users. 

Cultural Model
Cultural Model

press to zoom
Sequence Diagram
Sequence Diagram

press to zoom
Flow Model
Flow Model

press to zoom
Cultural Model
Cultural Model

press to zoom
1/3

Cultural Model: visualize how people influence each other in a babysitter's culture of practice

Sequence Model: visualize how babysitters accomplish a task

Flow Model: visualize how babysitters interact

Ideation and Sketching

With our research findings, we began our design and ideation process by creating a UED to help guide us and define our design system. 

Focus areas

  • Login/register

  • Tasks

  • Contacts

  • Messaging

  • Calling

  • Video calling

  • Rules of conduct

  • Children profiles

  • Settings

 

Low Fidelity Wireframe 1

  • Users will start from the onboarding page where they have the chance to sign in with their institution

  • Users will be able to enter the tasks page where users can edit their tasks as well as view the navigation bar. 

  • Navigation bar consists of task projects, contacts, and the child's profile page

  • The child's profile page has a large identification photo as well as other identifying markers such as age and school

  • Tapping on the contact icon, the last screen is the contacts search page where the user is also able to call and text a person

Low Fidelity Wireframe 2

  • On this onboarding screen, users are welcomed and provided a login

  • On tap interaction, users enter the task screen, tasks are organized by date

  • The navigation bar consists of 4 functions: home, chat or call, tasks, child’s profile page

Final Design Low Fidelity Wireframe 

Screen Shot 2022-01-03 at 10.39.12 PM.png

Evaluation and Iteration

We conducted a think-aloud with a user to learn more about the user flow and journey with our system. Another crucial step in our evaluation process was gathering additional insight into our design by performing a think-aloud method with six more UI/UX experts. After performing these evaluations, our team was able to detail important changes for the next step in our iterative design process.

The main takeaway from these evaluations is that grouping different families’ information together is confusing. This re-emphasized the idea that we need an application that separates and organizes the tasks, rules of conduct, and contacts page for each family.

Mid- Fidelity Design

The first major iteration in the application is adding a family view on the tasks page and the child’s profile page. This structural change became evidently necessary when the experts realized the long list of rules on the rules of conduct page and the tasks were for multiple children.

Another major change we implemented is to have a calendar view on the tasks page since an expert mentioned it seemed inconsistent to link to Google calendar and not have a calendar view. We previously had a checklist view of the tasks. 

Design System

I developed a design system to improve and centralize the interface aesthetics. I used iOS Human Interface Guidelines to guide the final design.

High-fidelity Design

The Final Design streamlines communication between the babysitter and the parents by allowing neat organization of the child-related information and by having all relevant contacts and options for different communication methods

The Solution

Scheduling Tasks 
  • Navigate tasks by time and date for the specific family chosen using the dropdown menu 

  • Ability to add, delete, mark as complete, and modify tasks which facilitates error prevention

  • Create a task by entering the task name, location, time, date and whether it is repeated

Children Profile & Rules of Conduct
  • Allows babysitters to view important information on the children such as child's age, school, allergies, and home address

  • Ability to add notes for each child on the child profile page

  • Access all the rules and guidelines set by the parents in a centralized location

Communication
  • Ability to create, delete and save important contacts of those with whom babysitters interact 

  • Control and freedom to edit babysitter’s Profile page which displays the name, email, password, past and current families.

  • Centralize task scheduling by linking to Google Calendar and push notifications in settings

 

Key Takeaways 🔑

Understanding Constraints

Understanding constraints which the application will need to honor. Constraints are unavoidable, but what is important is to use them to define and frame the problem that we as designers are trying to solve. 

Don't need to re-invent the wheel

It is important to acknowledge existing UI patterns such as cards, buttons, navigation bars so we can use our time on more critical decisions. Spending time on critical design decisions such as analyzing why existing design patterns work and why they do not allow us to learn and improve as designers.

Discuss design choices

Every designer will have a different perspective for design when thinking about human-centered design. It can be a fruitful experience in learning from your peers by listening to why they chose a certain design choice. It is also important to advocate and share your own reasoning for your design choices. All in all, communication and discussion are critical when it comes to design choices. 

 
proto pictures2.jpg