Introduction

                Refocus.io is an app for web surfers with Attention Deficit Hyperactivity Disorder (ADHD), that aims to help them stay focused on a set task by changing the way they interact with a webpage through a Chrome Extension. The potential users we interviewed all had problems with skimming information, losing focus due to large sections of text, and getting distracted by clicking on links and failing to do the task at hand. You can read more about our User Research here.

Our app has 3 key features:

  1. Focus Mode:  By clicking the Focus button that hovers on top of the page, the article is broken into chunks the page based on paragraphs and presented in a pop up window. The user can navigate through the chunks by using the keyboard or the left and right arrow in the pop up window. This prevents users from getting overwhelmed by large blocks of text.
  2. Link Queueing: Links can be dragged from the page into the link queue. While in Focus Mode, left clicking on a link will automatically add it to the queue. This prevents distractions due to link clicking, and allows users to maintain a "task list".
  3. Selective Focusing: Some users only want to read a small section of an article. A user can select text in the article, then right click to open up the drop down menu. By selecting “Focus on Selection,” only the selected text will be chunked and Focused on.

Installation + Setup

Software Requirements: 

Setup Instructions:

  1. Download file called Refocus_Extension from the DropBox here.
  2.  Open up Chrome
  3. Open up the settings tab by clicking on the three parallel bars in the top right of the screen
  4. Select Settings
  5. Click on the Extentions Tab, located above the Settings Tab
  6. Activate Developer Mode, then Load the Refocus_Extension file.
  7. Go to: http://www.theglobalmail.org/feature/resort-of-last-resort/585/

Platform and Software Requirement:

This is a Chrome Extension, so you will need to use Chrome as your browser. The extension works on Mac and Windows. Latest version of Google Chrome, can be found here: https://www.google.com/intl/en/chrome/browser/

Instructions: 

  1. Open up Chrome
  2. Download our Chrome Extension from: https://www.dropbox.com/s/ryzjfhxctnnyks4/mockup_extension.zip
  3. Open up the settings tab by clicking on the three parallel bars in the top right of the screen
  4. Select Settings
  5. Click on the Extentions Tab, located above the Settings Tab
  6. Activate Developer Mode, then Load the Refocus_Extension file.
  7. Go to: http://www.theglobalmail.org/feature/resort-of-last-resort/585/ 
  8.     

Depth

Focus Mode/ Chunking:

Partially implemented. Works well on certain websites (especially news sites like TheGlobalMail). Our responses are not hard-coded, we have a functional back-end!

Pictures will be implemented into Chunking once we determine how to prevent ads from being “Chunkified.” This content is distracting.

As of writing this wiki, dragging a link to the Progress List may lead to the page scrolling away from the content. Once adding the link, the page will return to its original location automatically.

Sidebar/Link Queue:

Almost completely implemented.

You can drag and drop links onto the sidebar, check off or remove queued links. You can also Clear Completed items and hide and show the Sidebar.

However, there is no memory currently because we have not fully implemented the backend. I.e., if you navigate to a new page, the Progress List will refresh.

Clicking on Links in focus mode will automatically add these links to the sidebar.

Selective Focusing:

You can select some text, right click "Go into focus mode" and it will chunkify the selection. However, there are still some bugs, and it may keep looping through different chunks/positions on the page.

Sample Scenarios

  1. Enable the extension.
  2. Go to page http://www.theglobalmail.org/feature/resort-of-last-resort/585/
  3. Click the "Focus" button to read chunks of text. Try clicking on a link in focus mode.
  4. Click and drag links into the Progress List. Check off some links and click "Clear completed"
  5. Try Focusing on a selected part of the article by selecting text and right clicking on "Focus on Selection" 
  6. Try the extension out with other similar articles/on the Global Mail site. Keep in mind that chunking may not work perfectly since this is a shallow-depth prototype. Similarly, links in the progress bar do not stay over multiple pages.
  • No labels

5 Comments

  1. Unknown User (abw333@mit.edu)

  2. Wiki presentation: There wasn't a Refocus_extension file when I unzipped the extension. Also, it looks like you repeated some information.
    Fidelity: Excellent work!
    Usability: I really like how you can actually get more information from the links without actually navigating to them in focus mode! I ran into a bug where links and images on the page itself show up over the focus dialog box. This seems to happen if I drag links over to the progress bar and then go into focus mode. You still have the problem of your dialog boxes running off the page--you're going to need to find a way to limit your chunks. The act of selecting text before entering focus mode isn't discoverable without prompting.

  3. Unknown User (jsharps@mit.edu)

    jsharps_hw2.pdf

    Some of the things didn't work for me, but I didn't have the time to find an appropriate test environment since I started late.  Sorry!