Show Menu
Minnewaska State Park, NY
October 2016

InVision Groups (side project)

largeinvisionlogopink
For more than a year now, InVision has been my day-to-day tool for getting feedback on my work, creating interactive prototypes or discussing the copy. I can’t say enough about this tool. It improved our design process a lot at Dailymotion and it became our centralized “design history platform” where all people can track design decisions.

But InVision still misses one thing to fully get there: the ability to group projects. Big design teams with many ongoing projects see a need to group projects on InVision for more clarity. Projects could be grouped by client, by feature, by team, by device, by location…

Why the need for groups?

In my opinion, groups should exist for two reasons:


  1. To clarify the interface and simplify the navigation on accounts with many projects
  2. To allow group permissions: today, there is no way to give someone full access to a collection of projects without going through each project.

I decided to propose a solution and mock up the experience I’d see for groups on InVision, especially the creation process and how they could be shared to collaborators, on both desktop and mobile.

Definition of the experience

InVision-Groups_Cecile.003

InVision-Groups_Cecile.004

InVision-Groups_Cecile.006

InVision-Groups_Cecile.007

Cécile’s experience (desktop)

On a UI standpoint, groups should be invisible to those who don’t need them. To navigate between groups, I decided to go with a collapsable sidebar that the user can open via a menu icon. Just like in the Mac OS Finder sidebar, users can browse between groups very quickly, or close the sidebar if they don’t need it. Creating a new group is easy and does not necessitate to enter collaborators (as they are optional).

Follow me (Cécile, designer/admin) navigating between groups, creating a new “AMC” group, and sharing it with group collaborators:
View interactive prototype (and follow the blue hints)

InVision_Groups

 

Devin’s experience (mobile):

On mobile, for consistency, a simplified sidebar is accessible through the same menu icon.
Follow Devin (copywriter/collaborator) on his mobile device after Cécile invites him to join the AMC group.

Inspiration – The Unix Group System

As I was talking to a friend about this project, she mentioned that the Unix Group System had a lot of similar aspects to the experience I was defining.

In Unix, a group is a logical collection of users on a system, the primary use of which is to assign “group ownership” of files and directories. As a result, certain groups of users on a system can all have the same access rights to the designated files and directories. Each group is independent of other groups and there is no specific relationship between groups.


(Source: Indiana University)

The key difference is that I consider InVision groups to be primarily used to better organize projects, as opposed to facilitating user permissions as described for Unix.