HCI Design Project

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.