hci-ClassMates

code base for ClassMates interface, developed for IS4300: Human Computer Interaction

Instructions for Testing

Startup Instructions:

1. Open the Terminal or Command Line on your device.
2. In the terminal, navigate to the location where you are ok downloading the interface files. ($ cd …)
3. Next, type the command git clone https://github.com/restmegan/hci-ClassMates.git into the command line and wait for the files to download.
4. Now, type the command cd hci-Classmates to navigate into the codebase
5. Next, type npm -v to check if you have npm installed a. If it prints out a version number, then you have it installed b. Otherwise, install npm using sudo or homebrew - see https://phoenixnap.com/kb/install-node-js-npm-on-windows for Windows or https://changelog.com/posts/install-node-js-with-homebrew-on-os-x for Mac
6. Next, type the command npm install to install all the dependencies required to run the interface.
7. Now, to finally start the interface, type the command npm start.
8. A browser window should open automatically with the interface displayed. This may take a moment. If nothing opens, navigate to “localhost:3000” in your browser.

Tasks

1. Send a message in an existing chat.
2. Make a new group chat with John and Lucy.
3. Schedule a group meeting.
4. Join an open study group meeting.

Briefing

Greetings and introduction: Hello, [name] Today you will test the first digital prototype of the ClassMates interface. This interface aims to help students communicate with other students in their course section and create study groups to collaborate on homework, preparing for exams, and discussing learning objectives. It is a tool to help students meet and reconnect during online learning but it also can be helpful to establish connections between new-coming students.

First, we will have you download a version of the interface and run it per the startup instructions. [Refer the user to the startup instructions in README file on GitHub.]

Now that you have the interface up and running, we have prepared 4 different tasks for you to complete in this interface testing session. Just to make things more comfortable, we want to convey that the user is always right, so no matter what you say or do you are correct. If anything confuses you at any point that’s perfectly fine because that tells us something we need to improve in our design. So, please tell us what makes sense or is confusing, and any questions you have in the process. Feel free to let us know what you think through during your steps, what your motivation to click on something was, or why and how something should work in your opinion. It can be literally anything you want to share with us. Let’s begin! Here are the four tasks. Make sure you navigate back to the home page after completing each task.

1. Send a message in an existing chat.
2. Make a new group chat with John and Lucy.
3. Schedule a group meeting.
4. Join an open study group meeting.

Thank you for your participation and remember that it is a prototype and there it is good for us if you make mistakes and let us know if anything is confusing, it is our job to improve the interface. Good luck!