Versions Compared

Key

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

...

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

Don't know where the chunk is located
in the page (context)

Everything else (except the current, previous and next chunk) on the page is visible, but it very
low-contrast and dark - the user can figure out what is going on but does not read those parts of the page.

Context

Change the color to a filter instead of a color. Prev chunk - out of focus but not SO much
Everything else more out of focus

Hard to learn

Hover over

 

 

 

 

 

 

Fixes from First Iteration

  • In addition to clicking, users can use keyboard arrows to navigate through chunks.
  • Changed Select Text Icon to an Icon that said Select Text.
  • Website is shown briefly for a second so that the user can see the actual webpage before going into reading mode.
  • Users can escape reading mode and view entire page at any time.
  • Make articles in the progress list clickable so that users can move between articles.
  • Users can pull out Progress List in the middle of reading to switch to another article.

Second Iteration Additions

icons for hover-text explanations. First time users prompted to hover over icons for 
instructions and tool-tips.

Need more examples.

Add wikipedia as an example to the prototype

 

 

Additional Points:

  • With adding Wikipedia as an example to the prototype, we were forced to consider what would happen to links the user clicked on in Read/Focus Mode. We added the functionality that links clicked on in Read Mode get added to the Progress List.
  • Links can be added to the Progress List by either right clicking and selecting the "Add to Progress List" option, or Clicking and Dragging a link onto the Progress List
  • Created a mock-up for Wikipedia articles to be more useful for users. Most users do not read entire Wikipedia articles and only want to see a specific section. For example, this new format would allow a user to go to an article like "World War II", but only read the part on the Pacific Front.
  • Instead of a gray background, text will be grayed out. This will allow the user to have reference to the page, without it being actively distracting.
  • First time users will be prompted with hover over text messages on the main components of the UI, which will act as a non-intrusive tutorial.