top of page

Co-Sleep: Design - Part 2

  • Writer: Irene (Shiyin Zheng)
    Irene (Shiyin Zheng)
  • Mar 9, 2019
  • 2 min read

In this post, I would talk about how we continued for the first part and also what we did for the second part.


Continuing the first part


Having decided on the mirror idea, we moved on with the task flow, wireframes and the interface and the prototype.


So basically, there are two main functions for the mirror. One is showing the sleep data and the other one is a messaging system, a digital notepad for leaving a note. For example, when one woke up early and found his couple did not sleep well, he could leave some sweet note for his partner. Also considering that bathroom is mostly a wet place, we use gesture and distant touch as the main interaction.


Task flow, wireframes and demo video

Task flow

Wireframes

Jing and I further developed the mirror interface and I used Sketch and Principle to make a demo for the mirror. In order to present our idea in a more clear way, we made a demo video with model Yiheng, who is one of our classmates.



Physical Prototype

We also made a physical version of the mirror. We asked the technician about the material we could use and we went to a store outside of the uni. We heard that mirror acrylic was perfect for our prototype, however, when we got that, we found it too thick for light to come through. We had to use a silver film instead and stuck it onto an acrylic.


I also made a frame for the mirror. I went to 3D workshop and used laser cut to make a wooden frame, also for the place of iPad behind the mirror.


The mirror and the frame

Mirror prototype


Working process


The second part: a development of the original app


For the second part, we’ve developed onto the existing interface by adding a shared entrance for co-sleeping users to enter. A segment that is built just for analysis and synthesis of co-sleep data, and it is independent from the individual data page.


We chose the data based on our previous summary, and added day/month/year tab for an overview of sleep status. I designed the overview page and most of the cards.

Choosing the data

Interface and colour choose

App demo


We have also had some fun at adding other features, allowing users to see the live stats of their co-sleeping partners. Obviously, individual users will have to consent to their data being accessible to their partners, and they can do so by limiting what they want to show in a privacy panel.

Other pages, made by Michael and Jing

Presentation

With this, we hope we have successfully conveyed sleep UX from a different perspective. We’ve taken a step back to redefine Dreem’s users, which lead us into a distinct yet familiar territory.




Comments


ABOUT ME

I'm currently a MA user experience student in London College of Communication, University of the Arts London. Bachelor of Architecture.

SOCIALS 

SUBSCRIBE 

I'm a user experience student in LCC.

© 2018 by Irene Zheng. 

bottom of page