Intro to Interaction Design

An Intro

Interaction Design revolves around making engaging interfaces that consists of creating carefully planned affordances and behaviours. It involves defining how users and technology interact with each other. Giving subtle clues to the person regarding a particular behaviour of the interface is also something that comes under this. For example: when designing a button to do a particular task, should the user push the button or just tap it, should the color and shape of the button communicate something. All these questions come under IxD, you can learn about it here.

Matt Cottam and Jan-Christoph

Our Teachers

This week we had two well reputed and highly experienced professionals as our teachers. Matt Cottam and Jan Christoph were guiding us throughout the week with our projects. Matt is the co-founder at Tellart and apart from being a really experienced Interaction Designer responsible for developing many amazing experiences and installations through Tellart, he is also a paramedic and an Ocean Yachtmaster.

Jan Christoph is well known for his expertise on creating sublime service experiences focussing on sustainable lifestyles and organisations. He is the founding partner at Experientia and is a strong advocate of behavioral modelling, qualitative user research and participatory design.


In this week, we were able to work on multiple projects with different teams. Each project involved creating interfaces that would allow people to gain a better understanding about the technology by giving clues through the interface. This involved the careful design and prototype of various touchpoints for a technology. After each project was complete, we would have a round of collective critique and feedback from the teachers as well as the rest of the class. A really good example about touchpoints and affordances and how they talk to a user can be seen in the really early video demo of the Polaroid camera above.

Re creating an interface

intro to interaction design CIID

In this assignment, each team was given a handout of a retro interface that consisted of different kinds of buttons, displays, meters, etc and were asked to prototype a similar interface using cardboard, paper or any other materials found in the workshop. Some of these images were from old launch control systems, airplane cockpits and other technology intensive systems. Moreover, after creating the prototype of the system, we then had to enact and create an experience around that interface that would help the audience understand what the system is supposed to do.
I worked on this project with Can Yanardag and Christopher Bogar where we made an emotion controller whose interface allows us to control the emotions and behavior of a person.

Post it icons for Fake News

intro to interaction design CIID

Fake news is something that annoys everyone. Many people fall victim to it and unknowingly become responsible for propagating it as well. In this project we had to come up with a design for a 32x32 size icon whose each pixel was represented using a post-it note. This project was done with Vytautas Gudaitis.

Product experience: Serel
Here, our objective was to create an end to end user experience for a particular concept. We were given three keywords around which we had to come up with a concept, build a cardboard prototype and present the experience. The three words which we got were: Radiation, Disabled Veteran and Emergency Room. The concept had to be in the range of Possible, Plausible and Probable. Ine-Charlotte Asakskogen and Esther Bretschneider were my team members for this project.


SeRel – Self-Regulated Mobile Radiotherapy

intro to interaction design CIID

Based on current trends, it is approximated that 19 million people will be affected by cancer by 2024. Radiotherapy and radiation are one of the premier forms of treatment used for controlling and killing cancer cells. However, this treatment requires the patient to be taken to hospital and to be isolated while undergoing it.

SeRel is a self regulated, mobile radiotherapy solution that provides radiation based therapy on the go. Controlled amount of radiation is delivered through SeRel’s self-adhesive patch placed directly above the tumour cells. With this patch, the patient is able to receive treatment with minimal disruption to their everyday life.

intro to interaction design CIID

SeRel’s emergency services
Radiotherapy does not come without its risks, and it can take its toll on the body. To give the patient’s loved ones peace of mind, the self-adhesive patch comes with a monitoring system which will measure key indicators of the patient’s health status. In the event of an emergency, it will set off an alarm to local participating health services. Emergency service providers will be notified of the patient’s location, health records and previous medical history to facilitate swift and effective treatment.

intro to interaction design CIID

The patient’s loved ones will also be notified through a discreet wearable ring, which will vibrate if the patient is in distress. Embedded in the ring is a projector, which will give the location of the emergency room the patient is being taken to.

More projects from this class can be seen here: Intro to IxD projects.

This is just a short intro to my life at CIID, I will be publishing more posts on the different topics we learn as well as the projects we do through this blog. Furthermore, all the credits to the media content for this blog goes to the IDP class of 2017.

Add your comment