Problem

Our personal links usually look like this when we store them:

https://www.behance.net/?tracking_source=typeahead_search_direct&search=data%20viz

-It makes them dicult to identify at rst glace, so we waste time

-Our preferences and personalized libraries usually come from a curation of dierent sites: we have a pinterest board, a dribble collection, etc. so the collections scattered on dierent sites make it inconvenient to navigate, having to open multiple sites.

Existing platforms like “Pocket”

-Difficult to share with others

-Doesn’t allow for visualizing our data. Tracking and categorizing how our attention is being spent,

relevant themes ight allow for better control of our time or interests.

Ex: “I see i have a lot of resources pertaining to entertainment, pehaps I need to cut back”

-It’s geared more towards saving personal content than to organize your workspace. The interface takes up more space because it includes a thumbnail image.

Objective

Create a page that transforms long links into renamed hyperlinks, that can be easily remembered and organized into categories to simplify navigation and save time in the workspace while visualizing the categories to see where resources and time are being spent.

Design Process

First sketches:

Second phase before coding:

I realized the colors could have been simpler than the first draft, the alignment of the elements needed to be perfected and

Link to the repository:

https://github.com/ernestofurchtgott/Interactive-Data-Vis-Sp2021/tree/main/proj1

Motivation

Most of my motivations for projects come from a desire to do a real world application or solution to a problem I see, and this is also the case in this project. Because I have a background in advertising, but hate traditional forms of advertising where it’s just an attempt to manipulate the consumer, I actually like the models were there’s value provided to the consumer in the form of a product like this one and in turn an impression is gathered at the right time to be sold. To explain further, in this case if we found an ad for a sports related product, wouldn’t we be less annoyed than if it were placed right before a song we want to hear? Where we feel it more like an interruption rather than something that come in at the right time with the right mood? Free digital products are a win/win in that regard for both consumer and advertiser, though this data gathering needs to be put in check, and is currently a highly debated topic.

Design

The impulse to design something that is alluring to the common sports-like aesthetic is difficult to overcome. Most if not all sports related imagery needs to be dynamic and in this case I wanted to create a dashboard that really appealed to that, specially since what I’m looking for is actually making it more dynamic for the user, and not have it be plain numbers, and try to provide an more immersive experience.

Transitions and interactivity

The image on the left side (the player) is intended to switch as a right-fade-in motion depending on what player or team select. The controllers next to the graph bars switch the stats that you want to see, and the dropdown menu to the right lets you switch teams, players and seasons.

Data

The data can be found in the NBA official site, and is easy to download.

Early sketches and ideas.

Welcome to CUNY Academic Commons. This is your first post. Edit or delete it, then start blogging!