Assignment one overview Human Computer Interaction COMP3511/COMP9511 – T2, 2022 Dr Ali Darejeh Assignment 1 Housekeeping • DUE: Saturday, Jun 25th at 18:00 (Week 4) • A late penalty of 10% will be deducted (off the raw mark) per day (or part thereof) late. Assignments more than 4 days late will not be marked. Assignments submitted after 18:00 on the due date will be marked as late. • The report, excluding the cover pages, must be a maximum of 21 pages with 1.5 line spacing. Assignment 1 steps Analyze a website - video game digital distribution service website: a. Steam (https://store.steampowered.com/) b. Crazy Games (https://www.crazygames.com/) c. Gog (https://www.gog.com/) d. Humble (https://www.humblebundle.com/store) e. Itch (Itch.io.) f. Green Man Gaming (https://www.greenmangaming.com) g. Epic Games Store (https://store.epicgames.com) h. Ubi Soft (https://store.ubi.com/) i. Fanatical (https://www.fanatical.com/) 1. Purpose of the website: provide a brief explanation 2. Users: Five different types of people (stakeholders) 3. Tasks: Choose TWO users from your list above, and analyse what is each of those people trying to accomplish. 4. Walkthrough: Conduct a “WALKTHROUGH” of your chosen website using the tasks. Assignment 1 steps 5. Analysis: As you do your walkthrough of the interface, note down any issues you are having or any positive aspects of the interface in an issues table. 6. Take screenshot of the issues. Frameworks to increase usability Design principles + Heuristics principles = Increasing usability ➔ User experience goals Structure Frameworks to increase usability (example) Design principles + Heuristics principles = Increasing usability ➔ User experience goals Structure Sample screenshots Assignment 1 steps 7. Critical analysis and design solution: Choose 7 issues from your issues table and IN DETAIL provide a critique of the issues and possible solutions to solve the issue. 8. Analysis of the Visual Design: analyse the chosen website based on layout style (symmetry or asymmetry), white space, colour harmony, colour contrast, alignment of the components, system flow,… 9. Analysis of the Accessibility: analyse the website for people with vision impairment, colour blindness, hearing impairment,... 10. Sketches: draw 14 potential solutions and annotate them (7 sketches for the usability issues, 4 for visual design principles, and 3 for the accessibility issues)
欢迎咨询51作业君