daan weijers

Arcdive

In a world where our content is filtered, can we provide a way to seperate the wheat from the chaff?

When?

Spring 2016

Duration

2+1 weeks

Type

UX & UI

With who?

Leila Byron
Dario Loerke
Mikio Kiura

Abstract

There's a ginormous amount of content available on the internet. To get the best pieces of content to consume in your precious time, we often rely on leaders in certain industries to collect this content. Arcdive makes this connection with people you admire easier.

Concept

A video explaining our concept through a record-store analogy

Arcdive is a bookmarking and knowledge-sharing app that lets readers find interesting online content by following experts in a certain field.

With the overwhelming amount of content we produce on the internet, it can be hard to find the gems you are really looking for. However, there are always people that have the same interest areas as you do, often part of- and recognised by a certain community; so called thought leaders. These people might have more valuable sources of content. Arcdive is a platform that helps connect you to those people and the content they love.

Brief

As part of the Graphical User Interfaces course at CIID, we were challenged to translate our user-research to an application. The third week focussed on prototyping the app.

Initial Research

An in-depth interview with a potential user, using multiple research tools

Developing the Arcdive concept started out with short interviews amongst our friends and families, in order to define theme of “self-surveillance” in the context of our project. After deciding to focus on social-media, we had more in-depth interviews with people inside the CIID building and people we sourced on the streets of Copenhagen.

After two days we found ourselves going down a rabbit hole of battling internet-giants and their sometimes sketchy ways of data-collection. We realised this would be a lost cause at conception in the two short weeks that we had, and decided we needed a different take on the subject. We had to look back at our research.

Refocus

Looking for a little easier-to-tackle problems regarding social media, we found another recurring theme in our interviews. All of the people we interviewed had difficulties finding good content among the vast amount of things shown to them on a social network.

Inspired by services such as “Daily Digest” by Medium, which serves you a summary of interesting content, every morning (but just for Medium articles), we set out to create an application to help people with content-overload. However, to remain in the spirit of respected community members, our service would revolve around the personal curation of content by thought leaders.

Execution

wireframing the screens

To entice people into curating for others, we had to create a few incentives and easy ways to do so, which we had to incorporate in the flow, wireframes and final design of the application.

A paper prototype testing options for easy sharing of content

In the end, we designed an application that allowed the collective sharing and collection of content, based around the personal curation of industry leaders. Also, we allowed every user to start their own 'crate' of content, crossing the bridge between sharing woth others and bookmarking for a personal record.

Version 2

redefining the user-flow through arcdive

The goal of the third week of this course was to refine the design of the applications and prototype its experience. Because I was responsible for a large portion of the GUI design in the weeks before, I wanted to challenge myself in this week.

First of all, I decided to redesign the application from the ground up, following the iOS Human Design Guidelines. Sometimes this resulted in subtle changes, but in some other cases it caused me to rethink the whole structure of the application.

(subtle) redesign of the application. Original (left) and with iOS Guidelines (right)

A few icons + logo I designed

Digital Prototyping

In the same week, I took it upon myself to learn a new prototyping tool that allowed me to have more freedom in the interactions and subtle animations than tools such as InVision do. I learned Framer and CoffeeScript, resulting in the interactive prototype below.

Video of my prototype in Framer.js

Role in Team

In this multidisciplinary team, I was the only one with prior experience in GUI design. This meant that at first, I was mainly responsible for guiding the rest of the team through the process of designing an information architecture, user-flow and the wireframes. It also meant that, when time was limited, I was responsible for the final GUI design in week two.

In the third week, we were asked to work alone and I did a redesign of the app, following Apple's human design guidelines and prototyped the entire thing in Framer.

 

← Back to my work