Chalkmark and the Tao te Ching — A usability study for Iowa State University

6 min read Alan O'Neill

Today, we present a usability study run and written by Dana Lynn as part of her Masters degree in HCI at Iowa State University. Dana’s report shows Chalkmark in action, and will give you insights from Dana into how to run and report on an effective usability study.

Dana is an Interactive Designer for Hewlett Packard, and has over 20 years of visual design experience. She’s a graduate of Parsons The New School for Design in NYC, and is interested in HCI and User Experience as a practice.

This usability report is the result of a mobile web application assignment that was developed with jQuery mobile UI, PHP and MySQL. The usability study was performed using the Chalkmark tool. Wireframe mockups of the mobile app were tested to determine if the iconography was intuitive and if people were interested in this genre. The focus of the project was to learn more about what actually goes into the development of something as simple as a user system and a bookmarking tool.

Introduction

My Tao te Ching is a mobile site that offers the complete Tao te Ching in a simple yet inspiring format. Each chapter is presented daily for 81 days. The content for each chapter is available as text or audio. The user can browse chapters, read them in order, bookmark them and add to favorites. The user can also send a chapter to someone by email. Journal allows users to record their thoughts about the Tao.

Goals

The goals for this usability study were to determine:

  1. if the users accessed the site from the home screen icon or from the login button
  2. if the chapter iconography is intuitive
    • chapter expand/collapse icon
    • ­chapter share icon
    • chapter favorite
  3. if people are interested in content delivered in this format
  4. if we like this new usability tool from optimalworkshop.com called Chalkmark to test wireframes.

Summary

Summary Chalkmark

Participants

21 Participants

Chalkmark participants
Demographic: Degree professionals

Questionnaire

Q1. Do you currently use a mobile site or mobile app that fosters mindfulness and simplicity?

Overview chalkmark 1

Q2. How likely are you to use a mobile site or app in the future that promotes mindfulness and simplicity?

Overview chalkmark 2

Q3. What would you change about the user experience of this site thus far?

  • The star looked like it was for favorites but which favorite is it applied to? It was hard to tell from the screen.
  • Use a standard accordion UI.
  • Can I access the site anonymously without logging in? I would like to preview it before creating an account.
  • I have no idea what the circular/triangular icon is to the right of the chapters.
  • I’m not sure what the icon on the far right for each chapter is supposed to be. If I could click on it I’d probably figure it out though. I thought “History” would be a history of what I’ve done in the app and not a “History” of the Tao. I think I was supposed to assume the later.

Q4. What would you change about the user experience of this site thus far?

  • The chapters look easy to select with a mouse but I think bigger targets would be more user friendly and help avoid clicking the one what I didn’t want. The same goes for the open close carats for the chapters. Perhaps hard to select with touch gestures.
  • Maybe the ability to set reminders to pop up a tip of the day. I didn’t find an email link to recommend the entire site rather than just a chapter.
  • I would like to keep track of which chapters I have already read. I would also like to see different translations of the text in parallel in order to deepen my understanding. Perhaps explanatory footnotes would help with this as well.
  • A help section.
  • I’d like Samuel L Jackson or James Earl Jones to read the Tao to me. Maybe depending on the day I could pick a different voice.

Tasks

Task 1: Click on where you would enter the site.

  • 71% clicked the login button.
  • 14% clicked the Chinese character.
  • 10% clicked the search bar.

Insight: Users recognize that for a mobile site you typically enter the site through a login button.

Screen shot 2014-04-26 at 12.41.55 PM

Task 2: Click on where you would finish logging in.

  • 90% clicked the correct login button.

Insight: Users are not confused about the login button that completes the login after entering a username and password.

Screen shot 2014-04-26 at 12.42.04 PM

Task 3: What would you do if you didn’t have a username or password?

  • 48% clicked the join button.
  • 48% clicked the forgot username button.

Insight: Users are confused about where to go if they do not have a username or password.

Action: Make it clear to the user that membership requires a username and password and not having one means you have not joined the site then test again.

Screen shot 2014-04-26 at 12.42.13 PM

Task 4: Read the Tao te Ching in its entirety.

  • 71% clicked the full text expander.
  • 10% clicked on the full text row.
  • 10% clicked on the next button.

Insight: Users understand the clicking anywhere on full text row will open the full text.

Screen shot 2014-04-26 at 12.42.26 PM

Task 5: Select a single chapter to read.

  • 72% clicked a single chapter.

Insight: Users understand that clicking anywhere on numbered row will open/close a chapter.

Screen shot 2014-04-26 at 12.42.35 PM

Task 6: Where would you click to open and close a chapter?

  • 76% clicked on the chapter open/close icon.

Insight: Users understand that clicking on the triangle icon will open/close a row.

Screen shot 2014-04-26 at 12.42.45 PM

Task 7: Where would you click to add a chapter to your favorites?

  • 76% clicked on the favorite icon.

Insight: Users are familiar with the star as being the favorite icon.

Screen shot 2014-04-26 at 12.42.55 PM

Task 8: Where would you click to share a chapter?

  • 62% clicked on the share icon.
  • 24% clicked on the main menu.

Insight: Users are familiar with the share icon.

Action: Explore a better UX for sharing, possibly a tool tip or hover and test again.

Screen shot 2014-04-26 at 12.43.06 PM

Task 9: Where would you click to have chapters selected for you in no particular order?

  • 90% clicked on random.

Insight: Users understand the concept of random.

Screen shot 2014-04-26 at 12.43.20 PM

Task 10: Where is the main menu for this site?

  • 90% clicked on the main menu.

Insight: Users are familiar with the main menu iconography and its expected location.

Screen shot 2014-04-26 at 12.43.28 PM

Task 11: Where can I learn more about the Tao te Ching?

  • 76% clicked on history.
  • 19% clicked on discussion.

Insight: Users would expect to learn more about the text on the history page and also in the discussion area.

Action: Develop discussion feature and test again.

Screen shot 2014-04-26 at 12.43.37 PM

Task 12: Where would you record your thoughts or feelings?

  • 86% clicked on journal.

Insight: Journal is a recognizable location for users to record their thoughts.

Screen shot 2014-04-26 at 12.43.45 PM

Task 13: Where would you click to see all of your journal entries?

  • 86% clicked on view.
  • 10% clicked on the main menu.

Insight: Users understood the view button would display journal entries since they are already in the journal section.

Screen shot 2014-04-26 at 12.43.56 PM

Task 14: Where would you click to logout of this site?

  • 100% clicked on the logout button.

Insight: The logout button is in an expected location making it easy for the user to logout.

Screen shot 2014-04-26 at 12.44.07 PM

Recommendations

Fixes:

  1. Preview site without logging in.
  2. Provide user feedback when adding chapters to favorites.
  3. Keep track of chapters read.
  4. Improve the clarity of the sharing feature.
  5. Clarify that membership is required if the user does not have a login.

Aspire:

  1. Offer different translations of the text.
  2. Offer the text with audio options.
  3. Develop discussion feature.

Comments:

Most participants do not use a site like this but would like to.

Alan O'Neill

Alan O'Neill