Nio: for Notion

This project covers the design process of envisioning a CONVERSATIONAL USER EXPERIENCE for Notion, an all-in-one-workspace that offers users dynamic modules to organise work, write, plan, collaborate, and get organized.

Nio, is a Virtual Assistant for Notion and this conversational User Experience is designed for important user actions that help team be agile, aligned and accountable.

PROJECT DETAILS

Duration — 6 weeks Completed — October 2019 At — Carnegie Mellon University

MY ROLE

Concept Development UX Design and User Research UI Design - High fidelity Design Production

KEY WORDS

Conversational UX Virtual Assistant Future of Work

TEAM MEMBERS

Michelle Cedeno Diana Chun Nandini Nair

A Virtual Assistant for the Future of Work

Designed for Notion (Desktop, Mobile and Portal TV)

20140301_Trade-151_0124-copy.jpg

Part 1 - Nio For Individuals

Nio_FinalPresentation_2_Oct23_Page_07.jpg

Part 2 -Nio For Teams

PART 1 : Nio for individuals who conduct repetitive tasks and don’t have have an executive assistant for support.

Nio_FinalPresentation_2_Oct23_Page_05.jpg
Design Considerations

Design Considerations

Nio_FinalPresentation_2_Oct23_Page_12.jpg
Artboard 1 copy 11@4x.png

DESIGNING THE VIRTUAL ASSISTANT

The first step was to define the visual form of the virtual assistant for interfaces, so that it is consistent with the existing brand.

NioMotions.gif
Artboard+5@2x.png
Artboard+3@2x.png

PART 1

Nio acts as an Assistant for Individual (Managers)

 
Nio Motion.gif

Designing The Form

Using physical prototyping tools helped us visualize the movement and ease of the three blocks we landed on.

After reading into the Notion brand, the three blocks from binary history became a motif. We cut out three form core pieces to look at the movement.

KEY PRINCIPLES FOR DESIGN AND MOTION

Versatility, Simplicity and Agility.

 
Nio-TV-GIF.gif
FinalPresentation_Notion_Page_13.jpg
Managers we spoke to pointed out to certain daily aspects of collaboration. These in-depth interviews, defined the design direction of exploring Nio’s role as fluid between an assistant and a facilitator.

Managers we spoke to pointed out to certain daily aspects of collaboration. These in-depth interviews, defined the design direction of exploring Nio’s role as fluid between an assistant and a facilitator.

 
 
 
FinalPresentation_Notion_Page_14.jpg
Nio_FinalPresentation_2_Oct23_Page_06.jpg

PART 2

Nio acts as a Facilitator for Teams to Collaborate effectively.

Nio_FinalPresentation_2_Oct23_Page_08.jpg

OPPORTUNITY AREA

Whatever it is, the way you tell your story online can make all the difference.

Nio_FinalPresentation_2_Oct23_Page_18.jpg

Nio for teams (including remote workers) to collaborate and work together on varied tasks.

 

Nio Demo Video

 
 
Previous
Previous

Design For Learning

Next
Next

Electoral College - Explaining the Abstract