Sorted - Mobile

Designing a better photo keeping experience

Sorted app hifi prototype - mobile view

Timeline

Jan '22 - Apr '22
~ 4 months

Contributions

Secondary researchInterviews
Diary Studies
Competitive analysisUI

Team

(all UX researchers)Rashmi Elera
Anne Feldman
Guru PrasadAnning Wang

Tools

Mural
Figma

The problem

Despite keeping vast amounts of digital media (photos and videos), we tend to avoid organizational practices to sort our media. This negatively impacts how we retrieve and interact with our media. 

The Outcome

Investigative UX research approach with design applications of design thinking. 

My Design Process - Simplified
Here is a brief overview of my design process. While I believe that design is not linear, I used the steps below to help convey my design process.

How might we enable seamless digital media management?

Chapter I - Discovering

A broad starting point

Looking into the personal information management space was the starting point of our research. Across the team, we sourced and analyzed roughly 26 secondary resources on on personal information management including subtopics like data privacy, photo management, and  environmental impact. As personal information management is a rather vast space,  we quickly narrowed the focus: personal digital media management.

Key secondary research finding: information overload

"Personal information management: From information consumption to curation" by Steve Whittaker was a key resource on on our personal digital media management resource:

 

Information Overload


"people tend to keep too much information with the exception of contacts and web pages."

- Steve Whittaker, Researcher

Retrieval Challenges


"premature filing of low value information lead people to generate complex collections of information that are of little utility" 

- Steve Whittaker, Researcher

Exploratory interviews

After having a clear idea of the direction of the our research from our secondary research stage, moved towards primary research. We conducted a total of 20 semi-structured interviews over 2 rounds, I personally conducted 4 of these interviews. We sought demographic information as well as information on our interviewees' digital media sorting habits.

Example interview questions: 
1. Would you identify as someone who is organized with their digital media?
2. Is your current method of media management working for you? (why/why not?)

Below are some stats from the primary research:

12/20

Time-consuming nature of deleting media led to infrequent media deletion.

16/20

Large amount of data stored to infrequent media deletion

Understanding user actions through diary studies

Diary studies provided a self-reported record of our participant’s attitudes and behaviors. This was  an essential part in showing the the real actions of the user over their reported actions. As a team, we conducted a total of 8 diary studies over 7 days. Each day, we asked our users to answer task oriented questions around their capturing, retrieval and deletion process.

Capturing
  • What motivated you to capture these photos and videos?
  • How many of the photos/videos captured today will be relevant to you 48 hours from now?
Retrieval
  • Approximately when were these taken? Was it easy or hard to find?
  • How did you go about searching for it?
Deletion
  • What kinds of photos did you delete?
  • What motivated you to delete these photos?
Chapter  II- Translating

Understanding the users' tech use habits

Information about users' technology habits was collected throughout the primary research collection. 16/20 of our interviewees were iPhone users, all of who depend on their phones for capturing media and managing their digital media libraries.

Affinity diagramming

Sorting ideas into an affinity diagram was helped show a high-level grouping of recurring themes. A total of 24 groupings were identified. Below is an example of one of the groupings below:

Reasons for deletion

Quantifying diary study reports

Self-reported level of difficulty in retrieving digital media.

We noted a correlation between the time passed since the photo was captured and the difficulty of retrieval.

Digital Media Deletion Practices

Users showed a range of reasons for photo deletion. The top reported reasons were that the media was "irrelevant/no longer necessary" 9/20 entries  and "Unsatisfied with the photo" 6/20 entries.

Understanding user rankings of digital media

Our diary studies showed that users frequently captured a mix of photos and videos ranging in importance. Users had sentimental digital media together with less important media like screenshots and GIFs. 

Analyzing existing solutions

Reviewing existing solutions to digital media storage problems gave us new perspectives on how to solve our problems and also helped us validate our insights. Slidebox is an app that allows users to organize photos and albums. Manage all media files. Overall impressions of the app are positive as per it's 4.3 star rating (at time of project) on the app store.

 
However, coming from a usability perspectives, I noticed some areas that could be improved on.

Management at different stages

Users were only able to manage their digital through their library. If the goal is to encourage better media management, users should be supported at different stages of their journeys.

Picking up where you left off

When you close the app, it does not queue past photos you’ve already swiped through (i.e. have to scroll/swipe to find the last photo you were sorting)


No way to mass delete

Users have to swipe each photo individually. In some cases, users know that there are several photos you wish to delete. Having to swipe through them individually is not the most efficient.

Formulating design guidelines

Based on our research we created 5 design guidelines to inform the design of our solution:

01. Automation

Design for a way to automate the digital media organization process.

02. Prompts

Design for a way to assign photo relevancy using prompts to assist with deletion. 

03. Retrieval

Design for searchability by contents of media (tag/sort media by contents).

04. Identification

 Design for a way to group and visually highlight duplicates. 

05. Deletion

Design to allow deletion of media based on the media type, relevancy, and file size. 

Chapter III - Materializing

What platform?

As the majority of our users reported using their smartphones to manage their digital media and owned iPhones,  I decided to design for iOS.

Mapping the user flow

As the goal was to support users to manage their media throughout different stages in their journey, I designed both in-app and out-of-app features. 

Out-of-app scenarios:

  • Management prompt after capturing a photo/video
  • Management prompt after receiving a photo/video (e.g. via message)

In-app scenarios:

  • Search digital media by date, album tags
  • Delete or restore photos/videos

    Final outcome

    As an supplementary part of the project, I took initiative to created a clickable prototype in Figma. This involved incorporating  micro interactions and animations.

    Camera and duplicates flow


    Message and deletion flow

    Chapter IV - Review

    If time permitted

    • This was a research-first project, more time spent on designing could have helped explored more solutions
    • Usability testing of hifi prototype

    Next steps

    • Add more functionality to filter digital media
    • Add "To delete after x days" feature
    • Usability testing
    • Observe how many users adopt new solution if given the opportunity