Feedback for complex interactions

You-et / Mar 6, 2020 / edited on May 13, 2021

The Design Process Modeler personalizes a model that represents the design process by adapting to a series of questions. The intention is to explore different phases of the design process. The user can select and change answers. The choices have consequences. In this blog, we discuss the feedback that's part of the interaction, such as changes in the model and disabling a question. Try the modeler for yourself.

The Design Process Modeler

The modeler builds a model in real-time with a series of questions. The user responses to a question by selecting one of the buttons. The 'Why?' button shows an explanation of the question and options. When an option is selected, the model changes and the next question appears. Sometimes the answer does not impact the model because it already matches the answer. Furthermore, some answers have impact on another question.

Should Test be a separate phase? - [Yup] [No] [Why?]

Below is a short video with the basic interaction of the Design Process Modeler (Fig 1).

Animation of the first interactions with the modeler

Fig 1. Basic interaction of the Design Process Modeler.

Feedback

The model changes or stays the same

The model can change based on the selected answer. One button will change the model and the other keeps the model the same. The answer can be altered. Although there are basically two answers to a question, the feedback is different in three situations:

  • The model remains the same.
  • The model changed an aspect.
  • The model changed the aspect back.

The last two situations might be very similar. However, the feedback texts are opposite of each other. For example if the user first adds cheese and secondly removes the cheese again. Fig 1 shows this process visually.

The response can changes the state or the state remains the same

Fig 1. The response can change the model to state A (solid green). The state B can remain the same (orange) or it's possible that state B is reached through changing the model by altering the answer (green dashed).

The question has room for text to explain what changed in the model (Fig 2). It will show text in all situations.

Three types of feedback are shown below the questions.

Fig 2. Three types of feedback are shown below the questions.

The question becomes irrelevant

There are questions that depend on other questions. Let's look at an example.

Add element X? - [Yes] [No]
Which shape for element X? - [Round] [Square]

In the example, selecting a shape for a non-existing element is not relevant. Therefore, the second question about the shape is not shown at all if the user chooses no element. However, users can change their answers. The skipped question can appear if needed, but what happens if it's already shown?

For the modeler, the irrelevant question remains visual but becomes disabled. This way, we don't hide information but show the consequence of the users action by color and text. Fig 3. shows an example. The user has changed the answer to the second question and therefor the third question becomes disabled. Note that inactive buttons are not enough. They do not explain to the user WHY this has happened. The textual feedback helps to explain what caused this.

Four states of buttons

Fig 3. The disabled question explains why it is disabled.

Conclusion

Systems can give visual feedback by showing the changing states of the model. However in this case, it is clear why textual feedback is beneficial to understand what and why something happend. The design process modeler can still improve by providing the buttons themselves with informative texts.

You might also like...

Data Science for Service Design

CASE

This project identifies the opportunities for data science to support the service design process. It evaluates if the techniques meet the designer’s needs and fit the design process with user-centred activities.

More on Data Science and Design

Design Process Modeler

INTERACTIVE

The Design Process Modeler personalizes a model that represents the design process by adapting to a series of questions. Here is a little warning: it is work in progress.

Make your own model

The holistic double diamond, an extended double diamond design process

ABOUT DESIGN

The holistic double diamond (HDD) is a service design process model. It is similar to the double diamond (DD) and includes a broader timeline than the DD and other models.

Read the blog

Explore more blogs