Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Google page when Refocus.io is open.

Image Modified

Going to one of the articles before reading.

...

  • When doing searches on Google, users wanted to be able to skim each article, instead of reading them entirely.
  • Users liked that they could see the previous section read. Graying out the previous section was a good idea.
  • Some people would have liked to know where the specific "chunk" of text was, relative to the rest of the article. 
  • Some people expressed frustration that they weren't able to switch to view other pages from the Progress List. This occurred because we did not make a mock-up of every page that Google showed. 
  • When articles chunked immediately, it was not obvious what the page looked like before being chunked.
  • Many people were curious to know what commonly visited pages would look like, such as Wikipedia. 

...

Second Design Iteration

We incorporated the observations from user testing our first iteration (listed in the Observations section above)  

Problem from First Iteration

How it is addressed in Second Iteration

Articles in progress list not clickable

Made articles in progress list clickable so that users can move between articles
they wish to read

Select text icon/functionality non-intuitive

Changed Select Text icon to an Icon that simply had the words "Select Text" on it
Notify the user that the app is in Select Text Mode by adding a text panel on the top of the page
that explains what to do

Next arrow distracting

 

 

 

 

 

 

 

 

 

Fixes from First Iteration

...