Perception & Interfaces

Course materials for UCL module COMP0160

View My GitHub Profile

COMP0160 2023/24 Individual Coursework Assignment

Summary

Your task is to design part of the interface for a complex application. You are not expected to implement the app or to create polished graphics for it. You will instead submit a written report describing your design and critically assessing it.

The steps of this task are outlined below:

Background

Media creation and editing software is typically complex and perceptually demanding, with detailed user interfaces densely packed with information and lots of fiddly controls. Your new startup, Fictitious Studios, aims to make rich media editing available to everyone via its suite of cloud-based apps, known collectively as Fictitious CS. Among the domains targeted by this suite will be:

(The products mentioned are intended only as examples. You do not need to model your app on any of them.)

You are the product lead responsible for the design of one of these apps. Choose a topic with which you are familiar and focus on a small, relatively self-contained piece of functionality. (If you are not familiar with any of these you are welcome to choose something not on the list but be sure to define it clearly.) The scope and level of detail are up to you, but bear in mind the limited size of the report.

Constraints

Your app should be designed for deployment to at least one of: web browser, mobile device, desktop computer. You may propose a unified design that works on multiple platforms if you wish.

The design should be implementable with only widely-available mainstream technology as of early 2024. You may posit the use of assistive devices such as screen readers and basic voice recognition, but not custom hardware or speculative methods such as direct brain interfaces or general AIs that magically “understand” what you want.

Design

It is common to distinguish user experience (UX) from user interface (UI) in software design, with the latter more concerned with details of visual appearance. This is a somewhat slippery distinction, and for the purposes of this assignment we are not concerned with such nuances of job title. You have some latitude as to where you locate yourself on the UX-UI design spectrum. However, we are primarily interested in your analysis and insight rather than in slick aesthetics, and the marking will reflect this.

You may use whatever means you prefer to lay out and trial your design. If you are comfortable with tools such as wireframe.cc, Figma or Sketch, feel free to use those. Alternatively, lay your design out in PowerPoint or just sketch it on paper with a sharpie.

Testing

You should attempt to get feedback on your design from users other than yourself. Clearly the degree to which you can do this is limited — you do not have the time or resources for large scale testing, and your design will probably be implemented in only the most rudimentary fashion. Your testing paradigm will most likely be something along the lines of Hallway or Guerrilla Testing. But however constrained and ad hoc it may have to be, try to approach it purposefully. What are you trying to find out? How will you do so?

You may collaborate with other COMP0160 students to test out each other’s designs, but if so ensure you are each working on unrelated pieces of functionality to avoid the risk of inadvertent plagiarism.

Report Format

Your submission must be a single document in PDF format. It should consist of no more than 8 sides of A4, including all figures, tables and references. Body text should be no smaller than 12pt, spaced for easy reading. If you have created an online wireframe, prototype or mockup demonstrating your UI you may include a link to it, but your report should be complete and comprehensible without it.

Be succinct and readable. If your report exceeds the maximum length, only the first 8 pages will be marked. If it is illegible you will lose marks. Do not waste space on title pages or appendices.

You may assume your readership is reasonably well informed about software development, user interface idioms and accessibility, but they are not experts in your target domain or chosen functionality. You will need to explain these clearly in terms that will be understood by an educated layperson. Avoid obscure terminology or jargon.

A suggested report structure is given below. This is not a strict prescription — you may organise the material differently if you think doing so presents your design more clearly. However, you should aim to cover all these bases and bear in mind the Marking Criteria below.

  1. Introduction: Outline the application context. What is the purpose of this app? Who is its audience? To what plaform(s) will it be deployed?
  2. Requirements: Define the specific task or piece of functionality you have chosen. What objects or data are being manipulated? What tasks does the user need to be able to perform with them? What constraints does this impose on your interface? What perceptual challenges does it entail?
  3. Proposed Design: Show and explain your proposed interface solution. How does it address your identified requirements? What are the thought processes underlying your decisions? How does your choice of platform inform your design?
  4. Testing & Evaluation: Explain your testing process. What information have you gained from it? How did your design perform?
  5. Critical Analysis: Review your proposed design in the light of the testing results. What are its strengths and weaknesses? How well does it achieve your requirements? How well does it meet the expectations of your audience?
  6. Conclusion & Future Work: What have you learned? Suggest possible improvements for future iterations of this process.

IMPORTANT: Submissions are anonymised. DO NOT include your name anywhere in the report, including the filename.

Marking Criteria

100 marks are available for this coursework, which will contribute 30% of your overall grade for the module. The marks will be apportioned as follows:

There is no single correct answer to this task. As indicated earlier, we are more interested in problem solving and clarity of thought than pretty pictures. We do not expect anything approaching a polished final product.

Submission

Submit your report via Moodle. The submission link will be available from 29 Jan 2024. Deadline for submissions is 18 March 2024 at 1600 BST.