Open Site Navigation

Figma prototype of desktop organizer

Website

Visual References

For visual references, I referenced other ways people used to organize their desktop.

Redesign the web browser by observing how our movement through digital space is expressed through interface and icon. 

Wayfinding App

Fall 2021

Time

Signs & Symbols

Class

Figma, Prototype

Tools

Figma Prototype

Deliverables

As one of the most ubiquitous but overlooked tools, the web browser mediates most of our access to information. Redesign the web browser by observing how our movement through digital space is expressed through interface and icon. Pay close attention to affordances, hover states, and micro-interactions. Demonstrate how your web browser works by creating a video that demonstrates how you navigate through a series of pages. I investigate the relationship between graphic mark-making and navigating digital spaces and apply them in a concrete way by drawing upon previous skills in interaction design.

Context

By clicking the '+', you can instantly select the folders you'd like to organize.

Organizing Folders

Applications

You can add the necessary applications for the folder for easy and quick access.

Clean Desktop

Once 'done', you can hit the toggle to clear the screen of the section you created.

SORT app logo design