hci assignment 2

Individual Assignment #1: UI Critique (due in 1 week)

  Administrative

• Create a personal course web page with your name and email address at the at the top and post it to a server somewhere. You will use this during the semester to post all of your individual homework assignments. You can organize this however you want, but make sure the instructor can quickly find each week’s work on the page. Send an email with your name, email, and the web address to [email protected] .
• Respond to the email you will receive with questions about your goals for the course.

Remdedial Programming

If you’re new to programming or not comfortable with it, you should begin working immediately on tutorials in your language of choice. If you are not sure what language to use, pick Java and start working your way through the Sun Java tutorial  Trails Covering the Basics . 

Find 2 examples of good user interface design, and 2 examples of bad user interface design.

Your examples should be  specific . It's very hard to find a large interface that's completely good or completely bad, so don't try. Instead, focus on a particular feature or aspect of a user interface that makes your case. Avoid fuzzy words like “intuitive” and “user-friendly”. B e as precise as possible about what makes it good or bad. For example, don’t just say that it “looks professional.” Explain what makes it look that way. Don't just say the interface "is confusing." Explain what specifically makes it so.

You aren't limited to desktop software. Web sites offer many great candidates for fame and shame. You aren't even limited to traditional computer interfaces. Feel free to go out into the real world, and consider consumer appliances, car dashboards, building entrances, traffic intersections, shower controls, etc. (Norman's book  Design of Everyday Things  includes a lot of examples of this kind, which you may find inspirational.)

What to Post   

Your report should include 2 good examples and 2 bad examples. For each example:

• describe the purpose of the overall interface
• describe the particular aspect you find good or bad
• in a bullet list, explain why it's good or bad (please make explicit reference to the "design heuristics" described in class, e.g., consistency, feedback, etc)
• if bad, in a bullet list, speculate why it might have been designed that way, and suggest a better design if possible
• illustrate with screenshots or photographs if possible 

Your document needs to be well organized, easy to read, and free of typos.

Individual Assignment #2 – Project Brainstorming (part 1 due on 1/24; part 2 due 1 hour before class 1/26)

Skim Tim Bickmore's bibliography of HCI for older adults , and the research papers on interfaces for older adults and health interfaces, and think about project ideas for the course (see Team Assignment #1 for more details). Pick three different project ideas that you would be interested in working on for a team project, make a rough sketch of a user interface (a scanned or photographed sketch on paper is best) and write a 1 paragraph proposal for each, further fleshing out the idea.

Part 1: Post your 1 paragraph proposal for each idea on the Piazza newsgroup under #projectbrainstormingideas (Do this by 1/24 6PM). Monitor the website and see how other students and Stephen respond to your ideas. Comment on ideas from your peers.

Part 2: Revise your ideas (or come up with new ones) based on the newsgroup feedback and post your three best ideas and write-ups and sketches on a web page in your order of preference (these will be used to help form project teams).

Individual Homework #3 – Ethnography (due in 1 week)

Please do not attempt this until we have discussed it in class on 1/26.

In this assignment you will spend some time observing an an environment where older adults spend time. You will hone your observation skills and generate ideas about how technology could either help older adults with their help or help researchers advance health with the help of older adults.

Tasks (detailed in the class slides ... please review them for the full information!):

• Select a place where you will spend 2.5 hours observing and interviewing older adults. You need to select a location where older adults are spending time.
• Arrive at the location and check in with someone and let them know that you are working on a class project and are hoping that you will be able to sit and observe for a while and perhaps talk with some people in the location. If anyone tells you that you cannot do so, you need to thank them and leave immediately. It is critical that you be respectful at all times.
• Find a good place to observe older adults working on a task or interacting. Observe for at least an hour, making notes about what you see. Pull ideas about how to do that from the readings. What is important that might impact UI design: people, objects, timing, relationships, exchange of information, documents, etc. Your goal is to observe carefully and thoughtfully and try to understand the behavior and activity that you see.
• Spend at least 30 minutes trying to interview at least one and optimally 2-3 older adults about what they are doing in the location that you chose. Again, your goal is to observe and listen, and to learn what some of the activities or challenges are for the people. This should help you come up with (or refine) project ideas.
• If you already have a project idea in mind, you can approach this exercise from that perspective. However, you need to keep an open mind. Your primarily goal is to learn what the really important issues are ... not those that you think might be important.
• In total, spend 2.5 hours in a single block of time observing, listening, and thinking. For some of this time you may feel like you are not seeing much. But look around! Use your keen senses. You will see things you did not expect if you do this exercise properly.
• Please do not bring your phone or computer or any other device that could distract you. You need to be completely focussed on the environment for the 2.5 hours.
• Afterwards, spend some time reviewing your notes and organizing them. Make some bullet lists of your most important observations that might impact user interface design (and project selection) for older adults. In particular, I'd like you to focus on what you saw the older adults actually doing and how that provides information about the tasks they may most care about or need help with.

What to Post

Your report should include a copy of the notes you made while doin the observation (if they are messy that is ok), a one-paragraph summary of why you picked your particular activity to focus on, followed by an overview of the activity, the kinds of people you observed engaging in it, a description of any artifacts they used. Following this, provide a detailed description of the activity and any variations you observed, and what you found out in your interviews (do not identify people by full name in your writeup - first name is OK). You should try to include a few quotes from people that support your conclusions. (See the ethnography research readings for examples of how to write your report.) You can include sketches in your report but no photographs, and you cannot mention any person's name. Total report length (not including the raw notes) should be 2-3 pages.

Individual Homework #4 –Task Analysis (due in 1 week)

In this individual assignment, you will start the design of your term project by doing the following:

• User analysis . Identify the characteristics of your user population, as we discussed in lecture. If you have multiple user classes, identify each one. Identify all stakeholders in your application.
• Task analysis . Determine the tasks of the problem you've chosen, analyze their characteristics, and answer the general questions about tasks we asked in lecture. Think about other questions you should ask that might be relevant to your particular domain. You should find and analyze at least 6 tasks. If you can't find that many tasks in your problem, try drilling down to more specific tasks, and consider exceptional and emergency tasks.

Each person on the team should do this assignment independently. You are not to consult with one another!

What to Post. Your user analysis and task analysis report should be around 4 pages long. Include the following parts:

• Title . Give your project a title, if you haven't already.
• Problem . Briefly restate your problem.
• Users . Describe each of your user classes and other stakeholders.
• Tasks . Describe 6 (or more) tasks you have identified. Every task should have a goal, preconditions, subtasks (if any), and exceptions (what can go wrong). Also include a paragraph describing other relevant features of the task, such as time constraints or frequency of use.
• Problem Scenarios . For the 3 most important tasks in your task analysis, write a paragraph-length problem scenario: a concrete, realistic example of the task.

Individual Homework #5 – Idea to Low-fidelity storyboarding (due in 1 week)

At this point in the course you should be gaining an appreciation for not committing to an idea too early in the design process. You should also have gained an appreciation for how you should go about understanding the user and problem domain in order to come up with useful and innovative solutions to problem that are likely to work in the real world (as opposed to only in your head!). In this assignment your goal is to put these skills to use on a new problem you haven't thought about so far.

This is an individual assignment that you should perform on your own. Please do not talk with your classmates.

Your mission in this exercise is to design and storyboard the best interface you can to address this problem:

There is increasing evidence that extended sitting is bad for your help. Scientists have known for a long time that lack of physical activity causes health problems. More recently, however, they have uncovered evidence that extended sitting (even for just two hours) causes physiological changes in the body that may be harmful. We are trained throughout our lives to sit, but this may not be good for us. Increasingly, there are people (such as your instructor) who are vowing to (1) spend more time walking or standing throughout the day, especially the workday, and (2) break of long bouts of sitting with short or long bouts of standing or walking. To facilitate this, these people (such as your instructor) are buying desks that can be manually (and easily) raised or lowered so that some of the workday can be spent standing. Other innovations such as cordless phones, mobile phones, instant messaging, location-based systems, and others may also facilitate this change. The problem is that even with these innovations, many people (such as your instructor) may still spend the vast majority of their time sitting. A big-time silicon valley investor has decided that creating software that will help people spend less time sitting is a big-time business opportunity. The investor is ready to fund you to build the system, but has told you to come up with a good idea of what to build. The investor has given you one week to make a case that you should be the one to create this software. The investor has made a few rules. You can assume that people will have manual sit-to-stand desks. You can assume that people have advanced smartphones. Your target users are office workers in the U.S. (such as most of us at Northeastern). You cannot assume that people will invest in fancier desks (such as sit-to-stand desks with treadmills built in). Although some people are interested in sitting less already, most of people the investor would like to sell the software to are not even aware that sitting is a problem. Finally, the investor does want to make money somehow. Your challenge, therefore, is to develop an idea for computer software that will address this problem and help people who want to spend less time sitting actually do it. You must hand in a storyboard that will convey the idea effectively to this investor.

What to Post. Please turn in the following:

• A bullet list of what you did as you developed your idea.
• A bullet list of important concepts, tasks, and/or constraints that you learned from #1 that your design takes into account.
• Your storyboard, that clearly shows how the interface works and demonstrates that you have used strategies that we have talked about so far in the course. One suggestion is to do this in a powerpoint presentation, but you can use another format if you'd like. It must be clear what you propose and professionally presented, with some justification of your major design decisions. It needs to be understandable on its own (i.e., you will not be there to present it, the investor will just read what you hand in).

Our "investor" will pick the five ideas that seem to have the most promise based on the information posted and only those assignments will receive an A on this assignment. You are therefore competing against your classmates and want to employ your new skills!

Individual Homework #6 – Heuristic evaluation guidelines (due in 1week)

Your mission in this exercise is to create a comprehensive list of heuristic guidelines, user interface rules, and tips and tricks . Your goal is to record the "nuggets" of ideas you that have been mentioned in all the reading materials up to this point, and to organize those ideas in a way you believe to be helpful for you. Your work will be shared with the rest of the class.

• A well-organized list of heurstic guidelines. The guidelines should be clustered by topic area. Please make sure the list is proofread and suitable for distribution to the rest of the class. You need to do more than list ideas, you need to cluster them in some useful way.

We will send around a document with links to all the checklists for the entire class, so make sure your checklist will be accessble by everyone else.

Individual Homework #7 – Graphic design (due in 1 week (after the break) )

In this assignment, you will design a mockup of the user interface for a hypothetical home-automation application that may run on a phone, desktop, or tablet computer (a well-designed UI will scale to each).  This will be designed for users with a minimum amount of technological experience, and may include older adults (avoid fiddly little controls).  What you submit will be one or more "screen shots" that demonstrate understanding of the graphic design principles outlined in Krause and the other readings.

The tools you use are up to your discretion, but may include colored pencils, graph paper, OmniGraffle, PowerPoint, HTML, etc.  What you will produce should be adequate to show to a developer with some reasonable expectation that they would be able to implement it.

The application, though Wizard-of-Oz magic, has the following capabilities:

• Make a cup of coffee
• Start your car remotely
• Adjust the home thermostat to a desired temperature

At minimum, you must create iconic buttons (a button with text that says "make coffee" is not iconic!) for each of these functions. Refer to Krause p164-169 for tips on creating a good icon.  Artistic talent is helpful but not required as long as you can convey your concept.  Ultimately, this button will be pressed by the user in order to "do this thing now"

For each of these functions, your interface should provide additional widgets for the following:

[Make a cup of coffee] - Select light, medium, dark roast - Add cream and/or sugar

[Start your car remotely] - Display status whether car is currently on or off

[Adjust home thermostat] - Show current temperature - Select a new temperature in the range of 55-85 deg

Think carefully how these functions are organized, arranged, and when/where they are presented to the user.  And that's all the instruction you will get.  Design is an open-ended iterative process.  You probably have questions about other details related to this broadly specified application.  Make some educated guesses, and show your ideas to other people to elicit feedback.  When you come up with a final solution, render it as convincingly as possible.  A well-designed interface will include some consideration of the following principles (among others):

• Color (we want this to be eye-catching but not overwhelming)
• Typography (Serif, Sans Serif, or both?)

Search code, repositories, users, issues, pull requests...

Provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications

Assignment 2 Covid Application with review and changes

leeman45/HCI2

Folders and files, repository files navigation, hci2 covid-19 alert application.

Assignment 2 Covid Application with review and changes. The application is designed to inform users of COVID-19 related news and information. The focus for this application is Canadaian cases for COVID-19. Other functions of the application are focussed towards informing the user about symptoms of COVID-19 and ways to help prevent getting or transmitting it. The bottom menu has shortcuts to important features such as FAQs, chat functionality with volounteers, and an emergency assistance.

Figma URL: https://www.figma.com/file/72gjT0wsXv91NVayD7EBKV/Assignment-1?node-id=0%3A1&viewport=505%2C214%2C0.24965530633926392

Explanation Video: https://youtu.be/EysGJKQrpdI

Screenshots

Five Extra Desirable Functionalities

• A bluetooth function that tracked all users who have been within 2 meters with eachother. With this function, the data produced can track the spread of the virus more accurately by tracking who had interacted with someone before and after contracting the virus.
• Multi-language support. Canada is home to many different people with different backgrounds. A large number of Canadians might not speak English which leads to them being unable to use the app. Or even if people are less fluent in English, they would be able to switch the language to their native one so they would be able to understand the information better.
• Showing locations of COVID-19 test centers as well as being able to schedule appointments at them.
• Ways to arrange meeting with people during COVID-19 lockdown. A function to allow users to rent out large areas for very few people to maintain social distancing and other safety protocols
• Utilize the native functions of newer smartphones to check for symptoms. Some health applications are designed to track heartrate and some devices like smartwatches track other body functions. Using the information gained from these devices, there might be a way to check if the user is showing symptoms of COVID-19 or not.

SECOND HOMEWORK

• What is the Memex? What are its design features? How is it similar and dissimilar to the networked personal computers of today?
• What kind of user is Bush imagining? In what situations does he describe the Memex being used? (Business computing? Recreational computing? Social computing? Archival storage?)
• What kinds of input mechanisms are described by Bush? (Think about all the devices he describes now, not just the Memex.) What kinds of input mechanisms are not described?
• What kinds of output mechanisms are described?
• What does Bush say about the problem of natural languages?
• How does Bush describe both paying for content and file-sharing between friends? How does he justify this device economically?

Submit your assignments

You can currently submit your results to Assignment 2 . So far, we received 166 submissions.

You can currently submit your results to Assignment 3 . So far, we received 0 submissions.

You can currently submit your results to Assignment 2 . So far, we received 8 submissions.

You can't submit any results at the moment, but Testat 1 will be available soon.

Please note our Privacy Policy .