The Process

Problem

Our brains can only retain between 3–7 items in working memory at once, but we have 12,000 - 60,000 thoughts a day.

thought representation 01 - JUL1219 UIUX HAD.png

When we don’t keep track of important things, they slip through our memory and we forget to take action on them.

So we begin to feel overwhelmed because we can tell we have a lot on our minds, but most of those things are lurking in the back of our minds.


Approach

If an app is created that can keep track the most important of those 12,00–60,000 thoughts, users will feel more organized and their minds will be freed up, allowing them to focus better on what is at hand. That’s how Sorta was born.

sorta+logo+01+-+JUL1219+UIUX+HAD.jpg
Sorta allows busy people torelease and organize anything that is on their mind,while also enabling them to take action, collaborate with others,and even let go of things out of their control...”

Defining the Audience

persona+sorta+01+-+JUL1219+UIUX+HAD%402x.jpg

During the interview process, it became very apparent that women tend to feel moreoverwhelmed with everything that is on their minds, and therefore more in need of an app like Sorta. It was also apparent that the likely users of Sorta had multiple things going on in their lives at once but not enough time to do it all. From this research I created Amanda Fitts.


Walking a Mile in Amanda’s Shoes

user+journey+sorta+01+-+JUL1219+UIUX+HAD%402x.jpg

In order to understand better how to cater the product to the defined audience represented by Amanda, I mapped out what her day might look like and how Sorta could swoop in to make things easier.


Mapping it Out

site map sorta 01 - JUL1219 UIUX HAD@2x.png

The site map was originally made into three main sections: the dashboard (which had access to all of the 6 categories), the archives, and the settings. After using testing, the site map was changed dramatically to better suit the user’s needs. Read more below to see how it changed.


Wireframes

I built out the wireframes to get an idea of how everything was going to be laid out on each screen, as well as see how navigating through the app would really feel. This was used in the first round of user testing.


User Testing

After several rounds of user testing, I discovered key points about the app’s functionality and ease of use, to which I made corresponding changes:

problems solutions sorta 01 - JUL1219 UIUX HAD@2x.png

Final Product

After refining the app structure and its flow, I had to take a hard look at the aesthetics and fix things so they were more intuitive. Below is just one example of many of how I went about this:

Category Pages

old+category+sorta+01+-+JUL1219+UIUX+HAD.jpg

Before:
The top bar was a way to access the archives, but it was so confusing to testers. Users also had a hard time knowing to swipe right to completean item and left to delete one. Everything in general felt clunky and abstract.

new+category+sorta+01+-+JUL1219+UIUX+HAD.jpg

After:

The logo was removed to make the screen sleeker, and a search bar was added at the top of the screen in case the user did get lost and needed to find an item withinthe category.

Now, instead of swiping to in two directions delete or complete and item, one single swipe reveals both options.

In addition to that, toggling between current items and archives is much simpler.

The logo was removed to make the screen sleeker, and a search bar was added at the top of the screen in case the user did get lost and needed to find an item withinthe category.

Now, instead of swiping to in two directions delete or complete and item, one single swipe reveals both options.

In addition to that, toggling between current items and archives is much simpler.

See the Entire App Below:


Dashboard

3 screens sorta 01 - JUL1219 UIUX HAD.png

After realizing that the original 3-screen layout was confusing to users, I combined all of the functions into one simple screen. Now, users can compose, sort, and navigate through their different categories all in one screen.

Navigate. Compose. Sort. All in one place.