How do you manage chaos? One beautiful app at a time.
Next Step - High Fidelity Designs
The answer to family chaos. Meet Collab.
The Problem: Chaos everywhere. How do you make manage it?
Family households today are often very chaotic places. Parents and children are coming and going at various times. There are chores that need to be done. Menus need to be planned, groceries need to be purchased, and meals need to be cooked. Everyone wants to chip in and help, but it can be challenging coordinating everything. Many times the kitchen ends up being the central point of interaction. Design an interface that a modern family can use in that space to orchestrate their busy lives.
I started this journey with pen and paper. Fortunately, I was able to find a chaotic family very close to home. My own family! After sitting my wife down and explaining the project, I begin to interview her on her biggest pain points with family management. From that interview, I was able to understand her pain points. I took those and started iterating on some solutions that might help ease her pain.
Once I worked through the wireframes on my iPad Pro, I was ready to take those wireframes and turn them into high fidelity designs for the prototype.
User Testing the Prototype
I added a series of these high fidelity screens into Invision. Getting them ready for the user testing sessions I was going to conduct later in the day was a lot of fun. It really helps me to think through the logic of the information architecture and the logic of the micro-interactions.
User Test #1
User Test #2
User Test #3
What I Learned
Each user was able to understand and grok the basic premise of the site.
Each user was able to complete the task of assigning a helper to a task.
2 out of 3 found the task chart (the 3rd probably would have found it if all the links were working)
All Screens and Interactions designed by Dan Vineyard
Project Screens: https://www.dropbox.com/sh/yfeebhu77z6n8rg/AACAu_1Px1OJgom1DS8upjI3a?dl=0
Project Prototype: https://invis.io/8GGE8TV362T#/285753157_Menu
View the Prototype
Each level of navigation corresponds to the problem statement.
The meals contains dinner idea cards to help the family choose a meal that has all the tasks ready to go.
Selecting the meal card, the user can then see all the tasks for that meal. The tasks can then be assigned to individual helpers.
The tasks for the selected pizza dinner show up in the task chart. Each card here can be placed into any column. A family kanban.