squidr

Open Science Repository

open-science-repository-cph

PROJECT DURANTION

Spring 2022

CLIENT

Open Science,
University of Copenhagen

TEAM

3 scientists
1 data manager
1 programmer
1 designer (me)

WHAT I DID

Re-design, UI/UX/IA,
design system,
clickable prototype

The challenge

Squidr is a platform to help scientists store, share and retrieve scientific studies, and thus aligns with the noble promise of science as a community of collaboration and support. Technology has played a huge part in this development, made actionable by organizations like Open Science and the development of FAIR principles.

Scientific studies have complex designs and methodologies, which must be dealt with in the upload process for data to be interoperable and reusable in the best conditions possible. Archives of scientific studies should be characterized by accommodation of all data types in a flexible framework for allowing any study design. Datasets and studies should be uniquely identified, accessible and searchable. Squidr aims to fulfill this goal for the area of experimental or observational biomedical research, but we hope it will be further developed to accommodate many other areas of research. The code and data are freely shared under the creative commons CC-BY license.

Squidr should prevent loss of data and allow new research based on all the data from previous studies. Squidr will also allow better transparency in research by making it possible to gradually open study data and protocols to a wider group of fellow scientists or even the full public.

Task flow

Uploading a dataset is a complex task because of a great variation in the design of the studies. As this is one of the main user flows, we wanted it to be easy and user friendly. Through iterations we landed this flow.

task-flow-ui-design

The structure

We designed an information architecture/ IA to better understand the structure and the connections between the pages. This revealed dubletes and pages that could be merged together.

Design principles

The focus is user-centric with the goal to be easy to use. A hierarchy is built by the use of spacing, typography and product colours, to keep it easy to navigate and be informed about where you are. 

Open Up

Your Research

typography-brand-ui-design-system
design-system-ui-kit
color-system-brand-product-ui-design

The users

We mapped some user profiles, to be further investigated when the system goes live and we can run som tests.

ui-design-user-profiles

Task flow

The hi-fi wireframes show the screens the user goes through to upload a dataset.

wireframe-walthrough ui ux design
wireframe-walthrough ui ux design
wireframe-walthrough ui ux design
prototype-interactive-ui-design

Thanks for watching!