Project 4: Design

Ideation and Sketching:

This has been posted in individual blog posts as follows:


Description of Designer’s Mental Model

Here we describe the mental model that we, as designers of the Community Jukebox for CHCI had constructed while going through the design process of this system.

Ecological perspective:

This project has from the beginning been focused on building a sense of community within the CHCI at Virginia Tech among everyone who works in there. This is why we envisioned the large public displays which will display the content that is being posted by anyone within the CHCI in a queued order.

These displays will be put up in the common areas within the CHCI which most people use to wait in or meet and talk to others causally like the kitchen area, waiting area outside the admin office, small lobby at the back of the CHCI etc. Here people can view content being published by other members of the community together and this can stimulate conversation and encourage socializing among these other members.

Interaction Perspective:

Since it won’t be possible for people to interact with the large public displays, the Community Jukebox can also be viewed on the personal displays as a website that the community members can sign into and view content that they find interesting. They can filter content based on media type and tags and choose to only view these in order or they can watch anything that is being posted in a seemingly random order like it is with the public displays. Everyone can like or dislike content they view and also comment on it.

They may also see who else is online and start a chat. Members of the community can see what others have commented on any content and may also choose to see other’s profiles to see what their interests are, what they work on within CHCI and also what kind of content they have posted, commented on and liked within the Community Jukebox. This gives them a chance to see what events are becoming popular, which contents invoke the most discussions and strong reactions from people etc. Members can also be browsing through other random websites and may share that content on the Jukebox with the share feature.

Emotional Perspective:

Seeing one’s content being played on the large public display may invoke a feeling of pride when it becomes popular and a lot of people are currently viewing it. It can easily be judged how popular one’s posted event has become and how many people have decided to show up for it. Even other media can be commented upon and liked so it can be a good indicator as to what different people within the community enjoy and would like to share with others in the community. Watching content together while grabbing lunch from the kitchen can encourage conversations and discussions which people might otherwise find unnecessary.  It can create new connections when members find others who share similar interests which need not necessarily be regarding work within CHCI. This connects people even more and encourages them to socialize more and creates a better and friendlier work environment within the CHCI building.

Conceptual Designs:

Here are the conceptual designs that map the user’s mental model to that of the designer:

Ecological Perspective

Ecological Perspective

This shows how the members of the CHCI community when taking breaks at the lounge or common areas within the CHCI building can watch the content posted on the large public display.

Ecological Perspective 2

Ecological Perspective 2

This shows a community member using the Jukebox on his/her personal display.

Interaction Perspective

Interaction Perspective

This shows a sequence of interaction steps that a user has taken while viewing a content posted by someone else, reading a comment by another user, checking out that user’s graph of connections within the Jukebox and finally viewing a content by that same user.


Emotional Perspective

Emotional Perspective

This shows how a post about an event gains popularity and the emotional impact it has on the different community members it may have. The user who posted about the event is excited to see many people have responded positively with comments on the post. Another user is looking at the post for the first time and decided to attend it as well when he/she sees who else has planned to go. Yet another user checks with someone else if they plan on attending and may make a decision based on the response.

Design Persona:

The persona we chose for our system is a character we’ve named Dan

Dan is a first year graduate student who has recently graduated from an undergraduate program in computer science at Washington Tech. Dan tends to be quite reserved but finds that after he finds interest in a topic, he tends to get very involved in the topic.

Coming to Virginia Tech all the way from Washington Tech, Dan is disconnected to his new department, but he know he is interested in topics such as 3D user interfaces, information visualization, and topics within graphics. During his time at Washington Tech, Dan was quite involved with a research group that did graphics work on his campus after seeing a flyer about the lab in the school’s computer science building. He found he was one of few undergraduate students to get involved in research labs at his school as well.

Outside of coursework, Dan was used to going to small gatherings where students would get together to play games or watch popular TV shows such as The Big Bang Theory and Glee. He was also involved with the Linux User Group at his school, after again seeing a flyer. He was involved in opening up a custom question forum for Linux users at his school. He used the forum a lot to answer questions and post Linux content, professional and social. Dan would also classify himself in the category of a “foodie,” often trying out new types of foods and new restaurants wherever he travels as well as developing new concoctions on his own. He would like to keep up some of these leisurely activities at Virginia Tech with groups similar to those at Washington Tech.


While browsing one of his news aggregators, Dan, being a fan of linux and 3D user interfaces / visualizations, realizes that Unity 4.O now supports linux. Since the VisCUBE at Virginia Tech is linux based, he figures this could be useful information to the HCI students who want a cross platform solution that can be run on the CAVE. Without leaving the page, he uses a javascript bookmark to post the info to the community jukebox. He looks at the time and decides that he should take lunch before his class. He gets up and packs his bags, before realizing that he isn’t sure where to go.  He heads over to the public display and taps on the filter options for restaurants. He immediately sees some of the higher rated places and reads their comments. People recommend Sal’s chicken parm, and he decides to head over there. After lunch, he pulls out his phone and searches for Sal’s.  He then gives it a thumbs up and comments on how delicious his chicken parm was.

StoryBoard and Wireframe


This entry was posted in UE Project Deliverables and tagged , , , . Bookmark the permalink.

1 Response to Project 4: Design

  1. Pingback: CS5714 Usability Engineering – Table of Contents

Leave a Reply

Your email address will not be published. Required fields are marked *