H541: FINAL PROJECT PART 3 PHASE 3: Sketching, Prototyping & Internal Walkthrough
Team Juliett: Joshua Hansen Echo Lu Pratik Nalawade
Table of Contents
H541: FINAL PROJECT PART 3 PHASE 3: Sketching, Prototyping & Internal Walkthrough Table of Contents Prototype Internal Walkthrough Cognitive Walkthrough Task Description Task Action sequence Task Description Summary Potential Fixes
Prototype The prototype has been uploaded as a separate file in the team folder, to keep the dynamic interactive links. Scenario: You are a graduate student enrolled in three classes at IUPUI. In two classes you are a student and in another you are a teaching assistant. As a student you want to use the messaging app to ask a question in your human computer interaction practice class. You want to ask about the project requirements for assignments 2 and 3. After the question is asked, you want to check out the general channel to see if any relevant comments have been left by other students. After finding out that there are no relevant comments, you want to return back to your class selection. Now you want to enter the class that you are a TA for. Find the question that hasn’t been answered yet and answer it by letting the student know that they are to add 2 pictures. When finished, return back to class selection and logout.
Internal Walkthrough
Cognitive Walkthrough CWR Number: CW01
Product Name: Seek – Student Teacher communication
Task Name: Asking teacher, a question using the application
Date and Time of Study: 11/15/2016
Experimenters’ Names: Pratik Nalawade
Task Description Task is for a student user who has a doubt regarding an assignment for the human computer interaction practice class. The student wants to get it clarified from the teacher.
Task Action sequence 1. 2. 3. 4. 5.
User:
Open application System: Login screen is displayed User: Enter credentials and click login System: User’s enrolled classes are displayed User: Select a class System: Class details are displayed User: Add a new question System: Question page is displayed where user will enter the data User: Submit the question System: Question is displayed with other questions
Cognitive Walkthrough 1. User: Open application System: Login screen is displayed CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the user was presented with the login screen
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes
2. User: Enter credentials and click login System: User’s enrolled classes are displayed CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the user can see their enrolled classes and the respective office hours
If the user does the right thing, will they know that they did the right
Yes
thing and that they are making progress towards their goal? 3. User: Select a class System: Class details are displayed CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the user can see their enrolled classes and the respective office hours
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes, the class name is displayed on top on selecting a class
4. User: Add a new question System: Question page is displayed where user will enter the data CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the plus icon is a good indicator that the user can add a new question
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes, the system displays questions page
5. User: Submit the question System: New question is displayed with other questions CW Question
Issue?
Notes
Will the user know what to do at this step?
No, the submit and cancel buttons are on top while user flow is top to bottom
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
No, Although the question is added to the list of questions there is no message indicating the action was successful
General Notes: There is no unread message count on the screen. There is no indicator suggesting if the question has been answered or not for other users.
CWR Number: CW02
Product Name: Seek – Student Teacher communication
Task Name: Answering a question from a student
Date and Time of Study: 11/18/2016
Experimenters’ Names: Echo Lu
Task Description The task is generated for teaching assistant, to answer a question on Seek that a student asked.
Task Action sequence 1.
User:
Open application System: Login screen is displayed 2. User: Enter credentials and click login System: User’s active classes are displayed, including both classes that the user is taking or teaching 3. User: Select a class System: Class details are displayed 4. User: Open up a posted question System: Question page is displayed where user can access the data 5. User: Submit the answer for targeted question System: Answer is displayed under the question 6. User: Go back to the previous page System: The button for unread message is unchecked
Cognitive Walkthrough 1. User: Open application System: Login screen is displayed CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the user was presented with the login screen
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes
2. User: Enter credentials and click login System: User’s all active classes are displayed, including both classes that the user is teaching or taking CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the user can see all the active classes separated by names
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes
3. User: Select a class System: Class details are displayed CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes, the class name is displayed on top on selecting a class
4.
User:
Open up a unread posted question
System: Question page is displayed where user can access the information CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes, the red button is a good indicator that the user can open up to see the new questions
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes, the system displays questions page
5. User: Post the answer to the question System: Answer is displayed after the question CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes
6. User: Go back to previous page System: The button for unread message is unchecked CW Question
Issue?
Notes
Will the user know what to do at this step?
Yes
If the user does the right thing, will they know that they did the right thing and that they are making progress towards their goal?
Yes, the system shows there is no more unread messages
Summary The core tasks for our application is 1) to post a question for the teaching assistant or instructor to answer and 2) to answer a question from a student. After the walkthroughs we have uncovered some usability problems. First of all, the ‘submit’ and ‘cancel’ button are on the top of
the screen, the user would have to scroll the page to the top to use these buttons. Second, there is no pop-up system message telling the user that they have successfully done their tasks. Third, there is no unread count message displayed anywhere on the screen so the user cannot tell how many messages they will be attend to and how many of them are left.
Potential Fixes 1. Moving the submit and cancel buttons on the questions page: The buttons can be placed at the bottom so that the user can immediately submit after writing the body of the message 2. Toast Messages: Once the user has performed an action, a toast message should appear indicating the result of the action. E.g.: On submitting the question, a toast message should appear saying “Question submitted successfully” 3. Unread count: There should be an unread count against the group messages, so the user knows there are messages that he/she has not read.