Versions Compared

Key

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

...

Section
bordertrue
Column
width75%

We implemented our front-end in HTML, CSS, javascript, and JQuery with Foundation libraries; our back-end was built on top of django. The key design decisions were are mentioned in the previous section.

The biggest challenge we encountered was because of different levels of familiarity with django, we divided our work not by feature, or the different pages, but by expertise. For example, Viksit took care of 90% of the back-end implementation, while the rest of the team took on most of the work in the front-end. This created a problem because whenever a feature requires both front-end and back-end work, it will involve at least two members of the team, which is the majority of the time.

Evaluation

Section
bordertrue
Column
width75%

Formative Evaluation Sheet

Aged to Perfection
Briefing

Our website is aimed at the elderly population as a way to connect with each other, foster community, and find information about hobbies and interests. You have the following scenarios you'd like to perform on our site.

Scenario Tasks

The following scenario tasks were given to our user testers.

  1. Look through a list of health related questions and choose to answer one.
  2. Find a person you don't know and try to connect with him or her with video.
  3. After talking with an user through video, you decided to add him or her as a friend.
Specific Questions/Feedback

We included a guided questions list in addition to collecting feedback on the fly as well as if we noticed any critical moments during the evaluation.

How hard was it complete the given tasks? Did you find any of the tasks unintuitive?
Is there anything annoying on the site and do you find it fast enough to perform the things you wanted?

User Testing

For user testing, we interviewed three users:

  • User1: A 65-year-old male professor at MIT; he is a regular internet user.
  • User2: A 67-year-old male retired stock trader in Cambridge, who is also proficient at use of internet.
  • User3: A third user is a 79-year-old female retired elementary school teacher without much computer experience. The testing was guided by a 30-year-old grandson who took notes and relayed info.

Usability Problems

  • "How do I go back to home page?"
    • Description: Even though we have a grid to the top-left corner, it is not clear to the users that it brings them back to the home page.
    • Severity: Medium
    • Heuristic: Learnability; efficiency
    • Solution: Animate the home page grid zooming into the top-left corner.
  • Post question was hard to use
    • Description: Posting new question was not intuitive. They didn't know they had to first click in the textbox to start typing and click on the button "Post" to post the question
    • Severity: Minor
    • Heuristic: Visibility; Help and Documentation
    • Solution: Fill the textbox with a grey "click here to type your question" background text.
  • "Did I post something?"/"Where is my post?"
    • Description: After the user clicks on the "Post" button, the page refreshes with the user's answer buried somewhere in the middle of the page. He/she can't tell immediately if the post was successful.
    • Severity: Medium
    • Heuristic: Feedback
    • Solution: Instead of refreshing the page with new content, the button should dynamically insert content into the page and highlight the post that fades out gradually.
  •  "How do I delete my post?"
    • Description: After seeing that he/she can edit his/her own posts, the user asks if it's possible to delete or take away the post.
    • Severity: Major
    • Heuristic: Safety; CRUD; User Control & Freedom
    • Solution: Add an "X" button, which will confirm the user's intent of deleting his/her post upon click.
  • "Who are these people?"
    • Description: It is not clear to the users how the "Meet new people" section is formed. By age? By geography?
    • Severity:Medium
    • Heuristic: Visibility
  • "I don't want to show them my camera; turn it off."
    • Description: Users are concerned with revealing themselves to strangers over the internet without knowing more about their identities.
    • Severity: Major
    • Heuristic: Safety; User Control & Freedom
    • Solution: Prompt the user for consent of turning on the web camera.
  • Fonts are too small
    • Description: Depending on the apparatus, the font appeared to be too small for a particular user.
    • Severity: Medium
    • Heuristic: Readability
    • Solution: Use bigger font size in general and make sure the font family is easy to read.

Presentation and Demo

Presentation Slide:

...