Brief

Research

Ideation

Wireframing

Style Guide

Final Outcome

Animation

3D Sketching

ARCLUX

A data visualization app that fosters connectivity among remote employees.

This IOT application connects remote employees together and relieve their isolation with the element of light. It records users' lamp activities to create chronological and geographical data visualizations. By enabling users to understand group usage rates and others' status, we create a distinctive social space that enhances their communication.
Yi Wang,
Yuanxi Wei
2023/8
3 months
User Experience Research
Creative Ideation
UI Design
Visual design
Branding
Information Architecture

The Problem

The less connection among remote workers

Research have shown that around 53% workers feel a lack of connection and belonging with other colleagues. Initially, it might feel great to have so much flexibility and independence in a remote position, but over time, that level of isolation often leads to remote work loneliness.

The less connection among remote workers

Research have shown that around 53% workers feel a lack of connection and belonging with other colleagues. Initially, it might feel great to have so much flexibility and independence in a remote position, but over time, that level of isolation often leads to remote work loneliness.

The Solution

A data visualization app that connects users together

Problem statement

How might we relieve the isolation among remote workers?

The increasing number of remote workers

It is expected that they will be 87% increase of remote work from pre-pandemic levels to 2025

The increasing number of remote workers

It is expected that they will be 87% increase of remote work from pre-pandemic levels to 2025

Solution - 3 Features

Enable users to know the usage rate better through two visualizations

This IOT app collects the data of the lights and visualizes the usage rate based on the geographical and chronological sequence. Users are able to see those in 'Light Map' and 'Light Track' pages.

Customized data source for users to connect with their intentional contacts.

In the setting process, Users are able to choose where the data came from based on location or contacts, which gives them the freedom to connect with certain people they want to connect with.

Customized data source for users to connect with their intentional contacts.

The users are able to customize data source in the setting process. Users can choose it based on location or contacts, which give them freedom to connect with their ideal people.

Encouraging users to have an easy and fun socialization  by status emojis.

In order to better enhance the connection between users, but also not to make the app too complicated, we designed the 'status' feature to enable users to have some short and easy socialization with others.

Light

&

Remote Workers

Light is an essential tool for remote workers, and it serves as a common representative for 'living places' and 'home'. Besides, it is an element that has large potential to make the visual identity unique and appealing. For these three reasons, we chose light as our key concept element.

The process behind..

Research

The Increasing number of remote employees.

61.9

%

of the companies planning more remote work

87

%

increase of remote work from pre-pandemic levels to 2025

Younger Generations are Leading the Charge

24-35

years old

is the average age of those the most likely to work remotely

Younger Generations are Leading the Charge

24-35

years old

is the average age of those the most likely to work remotely

The less of connection within the remote workers

53

%

of those who work remotely feel less connected with co-workers

Interviews

The demand for flexible working hours.

Remote work offers greater flexibility in terms of when and where work is performed. It greatly improves work-life balance.

A need of belonging

Remote workers may feel disconnected from the company's culture, values, and mission as they are not physically present to experience or participate in cultural events and activities.

The feeling of isolation and loneliness.

Remote workers are not physically present with their colleagues, which can lead to feelings of isolation and disconnection.

Persona

  • A remote employee.
  • Usually have heavy working schedules.
  • Feel isolated from other co-workers.

Information Architecture

Ideation & Concepting

Inspired by the answers, we have sketched multiple drafts to explore the use of metaphor to develop ideas for the interfaces. Then we narrowed down to 2 ideas with the theme of capacity and light bulbs..

What we focus on:

Low Fidelity

Mobile

Desktop

Style Guides

Visual key attributes

Simplicity

Linear

Light

Moodboard

In order to take inspiration for the visual styles, I have built a moodboard including photography, graphic design and web design.

Typography

I chose Montserrat as my typography. As a humanist font, it takes balance in both simplicity and humanity, which matches the key attributes of this project.

Component

I used several components in my project, including navigation bars, cards, buttons.etc

Final Outcome - 4 Task Flows

Setting Process

  • Connecting product
  • Selecting groups (location or contacts)

Status

  • An abbreviated socializing feature to enhance user interactions

Light Map

  • Visualizing the usage rate based on geographical sequence

Light Track

  • Visualizing the usage rate based on chronological sequence

Usability Testing

After the user testing, I found out the key problems for the users:

Unable to understand those unfamiliar functions and concepts.

I solve this problem by doing...

Wireframe Updates

Adding instructions while choosing the data source

  • Emphasizing ’data source’ with a subtitle
  • Lowering the hierarchy of the description

Adding notes on uncommon features

  • Adding an explanation pop-up for ‘Current Brightness’
  • Labelling the data source

Adding notes on uncommon features

  • Adding an explanation pop-up for ‘Current Brightness’
  • Labeling the data source

Changing the display of on and off status

  • Changing the previous light dots to text for on and off status.

Desktop Screens & Animation

We also have made the desktop screens with animation on it. Here are some of the outcomes:

3D Product Sketching

Although we did not have time to develop the part of the physical product very further, we managed to sketch several potential concepts. We have also used VIZCOM, which is an AI generator to render and visualize one of our ideas.