Versions Compared

Old Version 21

changes.mady.by.user Anvisha H Pai

Saved on

compared with

New Version 22

changes.mady.by.user Anvisha H Pai

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

First Iteration Prototype

Overview

Our solution is in the form of a Browser (Chrome/Firefox) Extension that has 2 distinct modes: a Browse Mode and a Read Mode. Browse Mode is when the user interacts normally with their Browser, until they find an article they want to read, and can then go into Read Mode on the article. The user can enter Read Mode in two ways: by choosing to read the entire article or selecting a part of it to read. The workflow below outlines interaction with the Prototype.

...

Figure 1: Workflow for Protoype

Google page when Refocus.io is open.

Image Removed

Going to one of the articles before reading.

The page is seen with all of its content before it gets separated into smaller "chunks."

Image Removed

Reading the article after it has been "chunked."

The progress list is hidden to avoid distractions for the user.

Image Removed

Prototype Screenshots

Action

Prototype Screenshot

Open Browser, Open Refocus.io extension

Google Search Topic of Interest, in this case the 
"Epic of Gilgamesh"

Image Added

Click on link of interest. In this case, click on
the 3rd Link

Image Added

Go into Read Mode for this article by clicking 
on the Focus button

The resulting page is the chunked version of the
article. It shows the previous chunk (grey text) 
and the current chunk (black text).

Users can exit Read Mode by clicking on the 
small X on the top right

Users can go to the next or previous chunk using 
the arrow buttons or arrow keys on the keypad

Notice that the Progress Pane is collapsed in
Read Mode to prevent distractions.

Image Added

 

 

Briefing

  • You are a High School Student who has ADHD. You have been assigned to research "The Epic of Gilgamesh" for a school, but you have a lot of trouble focusing. You have installed Refocus.io to help you with this task.

...

  1. Search for the "Epic of Gilgamesh" on Google. 
  2. Add links of interest to the Refocus.io Progress List.
  3. Navigate to the 3rd Result on Google
  4. Activate the Refocus.io functionality to start reading the article.
  5. Read through the article using Refocus.io.

...

  • 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. 

Images of Second Iteration Prototype