Illustrator

Evaluating Experience around Public Interfaces

Evaluating Experience around Public Interfaces

This was the second semester project and involved the creation and evaluation of an interactive public interface. The interface could be controlled using a person’s movement. The project was led by two students and one Research Associate from the Urban HCI Lab. Two quantitative studies were completed with 60 people.

The final version made use of Processing, a gesture control program made by Wout Standaert and a projector. Images and the summary poster PDF can be found below.

FULL PROJECT DESCRIPTION (PDF – 2.2 MB)

Early version

System overview

Leaflet for advertising the user study

FYP – Lifeguard Examination Animation

Final Year Project – Lifeguard Examination Animation

The purpose of this animation was to help the participants of the exam understand the exam process on the day. The examiners can see what the queuing process is like. In essence it is an instructional video. All of the icons and characters were created in Adobe Illustrator. These were then imported into Adobe After Effects for animation. Once I had completed these animations I did some further editing and post-processing in Final Cut Pro X to arrive at the final product. The two most useful resources for creating this animation were the Creative Cow Youtube playlist and this video on Puppet Pin animation.

DocuPal – Applied Interaction Design

DocuPal – Applied Interaction Design

For this college module, we had to choose a topic that we wanted to explore. We were allowed to choose any topic. This topic would then be explored using either a ‘design game’ or ‘design probes’. Our team of two decided to do a design game on the software product development process.

This game was based loosely on the concept of Apples to Apples. The video below demonstrates how the game worked.

The sticky note solutions from the design game were all collected and analysed. After getting inspiration from these solutions, we had to come up with a final design solution. After brainstorming ideas and sketching a simple graphic user interface I ended up with this final design concept and prototype:

This video was made using Axure RP, Final Cut Pro X and Adobe Illustrator.

A brief description of how the interaction was prototyped:

  • A clickable prototype was made in Axure RP.
  • I then took a video of the screen as I was completing a task normally in Microsoft Word.
  • I edited a GUI into this video and placed it back on the smartphone.
  • Finally, I filmed myself pretending to use the application.

The final result is DocuPal, a prototype of an application that can assist people in using documentation for software.