bannerbanner

THE BRIEF

Exploring different ways people play with their phones, and working to put meaning behind the fidget. 

This project seeks to play off of the unconscious behavior of touching and interacting with our phones, aiming to create a series of unique interaction "sprints". These interactions will live in a conceptual app that looks to solve the problems specific to endless feeds and social media.

Client

School Project

Role

User Interaction, User Experience, Visual Design

Duration

4 weeks, Spring 2017

[unex_ce_button id="content_0nv15abvx" button_text_color="#353535" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#353535" button_border_radius="0px" button_text_hover_color="#007aff" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#007aff" button_link="http://aml8069.cias.rit.edu/wordpress/wp-content/uploads/2017/07/circles_deck.pdf" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]View Project Deck →[/ce_button]

The nature of the beast

So you've scrolled your day away and still managed to miss all of your friends' and family's social media posts.

Social media is the content funnel to rule them all. Each app serves users content through the use of algorithms. Whether it’s sorting based on the users’ friends or what the app deems “most relevant”, users are missing out on the content they care about. These sorting algorithms sift through content differently, but one thing remains the same; users are frustrated with the inability to control what they see.

Solution

circles will provide access to your closest friends and family’s social media content, aggregated on one platform. Eliminate the need to search for specific people, while honoring the intention behind doing so.

dialing it back

Looking at how people connected with each other in the past, I was inspired by the idea of a rotary phone. The act of dialing someone to connect with them required a sense of intention, but was also met with an incredible amount of friction. 

intentional friction

I was inspired to recreate this friction, minimizing the scale of a rotary dial, but playing off what it means to connect with who you want when you want.

UI Patterns

Friend List

Giving users a meaningful way to engage with their friends

Categorization

Help users make sense content by enabling them to create groups

Persuasive Patterns

Conceptual Metaphor

Mimic the idea of a rotary phone, helping users to make associations in using the app

Chunking

Giving users a meaningful way to engage with their friends

Design

Distilling the research and conceptual model down into one (or three) fun, delightful interaction.

Sketches

I started by drawing circles, and then I drew more circles. I played around between having a literal rendition of a rotary dial, to pushing the abstraction in the interactions. 

sketchessketches

Interaction sprints

With all these sketched circles, and anywhere to go, I iterated through 3 different types of interactions revolving around entering a circle. I experimented with a literal rotary interaction, and then expanded to different ways people like to fidget with their devices.  

test 1, literal

Select the circle of friends you want to see, and drag the group around the circle, unlocking that groups social media content.

test 2, "push dot"

Push the center dot to the circle you want to enter. Release the dot and access that groups social media content.

test 3, "pull dot"

Drag the circle you want to access to a center “mouth”. Releasing the circle triggers the social media content to be displayed.

feed

A simple, traditional feed of social media content, organized by you. Never miss your friends’ social media content again. Organize your viewing experience by which social media content you want to see, or view it all at once.

Conclusion

Circles will provide access to your closest friends and family’s social media content, all organized on one platform. Eliminate the need to search for specific people, while honoring the intention behind doing so.

Post-mortem

Circles Due to a short timeline and the end of the semester sprint to the finish I had to reduce the scope of this project. Post-mortem I would like to revisit the visual design of this project, as well as fully tackle the UX challenges that would come with this app, such as creating groups, editing groups, and onboarding. Interaction-wise, I would like to create a suite of 5 possible interactions for entering a group to further explore the possibilities of translating intention and user interaction.

Thanks for checking this out!

Like what you see? View my other projects below →

[unex_ce_button id="content_j9yryike5,column_content_h496wrdd1" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#7841e5" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/usa-today/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Previous Project:
USA TODAY Life[/ce_button]
[unex_ce_button id="content_j9yryike5,column_content_7gkf1me9x" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#fef035" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/cliffsnotesar/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Next Project:
CliffNotes AR[/ce_button]