Icebreaker — HCI Spring 2022 Final Project

Design Process

Ideation

Nick
Initial sketches for app interactions
Higher fidelity Figma Screen Interactions
Color Palette and Mood Board

Implementation

Backend

Game Loop Flow Chart

Evaluation

Our second round of need-finding consisted of a practical user focus group. The group was composed of five college students aged 19–21. Three of the five students knew each other prior to the experiment, having attended high school together. Furthermore, only two of the students attended the same institution (Clemson). Students were recruited in-person and via Discord servers by the conductor of the study and did not receive compensation for their participation. All students were friends with the conductor of the study. All participants except one, a fellow UT student, have already completed their spring semesters.

  • Players would be apt to play the game with acquaintances in a similar age range
    – If questions were more “chaotic” or intimate, then close friends as well.
    – If questions were more professional, then coworkers or those meeting for the first time as well.
  • Some introduction between players is necessary or every guess becomes completely blind. Better with individuals most people know.
  • The game is effective in getting to know others at a surface level, but discussion should be emphasized further to enhance the intent of the game.
  • The UI is effective but bland. Would benefit from color palette or themes; color-coding players/question categories; character limit on names; include question above names on mobile; two-column layout of names on mobile.
  • The game may benefit from user-generated questions, additional questions and categories, and special point opportunities
  • Keeping the game on mobile web as opposed to a downloadable app helps user retention due to storage concerns and lack of use sentiment.

Reflection

Looking back on our project, the largest obstacle by far was Repl itself. There were numerous occasions where we could not test anything we wrote in code because Repl had “unexpectedly closed the connection”.

Repl connection issues on mobile during user testing
Repl 404 Connection Error

Links

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Vishal Tak

Vishal Tak

Computer Science student at the University of Texas at Austin. Hook Em'