Watch a video of Rasmus Skjoldan here:
Posted: Sun Jan 19, 2025 3:11 am
Situational web design
Let's call this situational web design. In fact, it's about adaptive web design, combined with knowledge of the user's behavior. Behavior + function + form = situational web design . Situational web design is the creation of web interfaces that adapt to the user's situation, both in form and function, and that are possible in real time. In other words: due to the specific situation of the user, the possibilities of the device that the user is using may be more limited than in the most ideal situation.
Situational web design uses real-time signals from the use of a website – such as visitor behavior, screen size, location, loading speed or environmental data – with the aim of optimizing the user experience. In addition, it also assumes the possible situation of the user. The fact that a user uses a smartphone via a wifi network does not necessarily mean that he is sitting on the couch at home. That is possible, but it could also be the wifi network of a train.
But what use is it to you now?
It has been known for a long time that when you tailor a message better to the user, you achieve a better conversion. For example, it turned out that sales of products increased by 30% when Augmented Reality was used to make the product more tangible. It is therefore constantly important to ensure that you connect with the user experience of your visitor. Then you will realize at a certain point that responsive design is no longer sufficient to get content to your target group in the right way. Then you come back to the story of Gmail from the example, where Google returns to the essence of offering an e-mail platform. The only way is to think from the user experience, in combination with the possible behavior of your target group. By developing personas of your target group and then tailoring versions of your website to them, you develop a website that is more accessible and better suited to the situation of the user. This ultimately results in a higher conversion.
The role of the editor
At this point you have a problem, the success of responsive web design is mainly paraguay mobile phone number list determined by the fact that it can be realized without the intervention of editors. An editor generally has no influence on the distribution of the blocks at one of the many breakpoints. 'Out of the box' most content management systems certainly do not have this available. An editor cannot decide for himself how text blocks are distributed over a screen on a tablet or smartphone.
But even if you were to offer that, you would still have the one size fits all solution. The solution that should come is one that offers editors the possibility to edit content based on multiple previews, so to speak input and previews based on personas. Input possibilities and previews that do not only look at device or screen size, but at a predefined situation in which the target group can find themselves. And the great thing is that these possibilities are coming. Pieter De Clercq from Drupal writes about this in the Twitter message below. Rasmus Skjoldan from TYPO3 Neos describes the working method in TYPO3 Neos in which he says that “preview is not only about devices”.
Accept cookies
The next phase
We are rapidly heading towards a situation where we can no longer speak of a few devices with which we go online. We create situations where the internet is a part of daily life. Websites will have to automatically adjust to this by coming up with the right message during the right situation. Responsive web design was a nice solution, but as a basis it is no longer a closed solution that can respond to this. With the knowledge gained through responsive web design, the next phase must be entered, that of situational web design.
Let's call this situational web design. In fact, it's about adaptive web design, combined with knowledge of the user's behavior. Behavior + function + form = situational web design . Situational web design is the creation of web interfaces that adapt to the user's situation, both in form and function, and that are possible in real time. In other words: due to the specific situation of the user, the possibilities of the device that the user is using may be more limited than in the most ideal situation.
Situational web design uses real-time signals from the use of a website – such as visitor behavior, screen size, location, loading speed or environmental data – with the aim of optimizing the user experience. In addition, it also assumes the possible situation of the user. The fact that a user uses a smartphone via a wifi network does not necessarily mean that he is sitting on the couch at home. That is possible, but it could also be the wifi network of a train.
But what use is it to you now?
It has been known for a long time that when you tailor a message better to the user, you achieve a better conversion. For example, it turned out that sales of products increased by 30% when Augmented Reality was used to make the product more tangible. It is therefore constantly important to ensure that you connect with the user experience of your visitor. Then you will realize at a certain point that responsive design is no longer sufficient to get content to your target group in the right way. Then you come back to the story of Gmail from the example, where Google returns to the essence of offering an e-mail platform. The only way is to think from the user experience, in combination with the possible behavior of your target group. By developing personas of your target group and then tailoring versions of your website to them, you develop a website that is more accessible and better suited to the situation of the user. This ultimately results in a higher conversion.
The role of the editor
At this point you have a problem, the success of responsive web design is mainly paraguay mobile phone number list determined by the fact that it can be realized without the intervention of editors. An editor generally has no influence on the distribution of the blocks at one of the many breakpoints. 'Out of the box' most content management systems certainly do not have this available. An editor cannot decide for himself how text blocks are distributed over a screen on a tablet or smartphone.
But even if you were to offer that, you would still have the one size fits all solution. The solution that should come is one that offers editors the possibility to edit content based on multiple previews, so to speak input and previews based on personas. Input possibilities and previews that do not only look at device or screen size, but at a predefined situation in which the target group can find themselves. And the great thing is that these possibilities are coming. Pieter De Clercq from Drupal writes about this in the Twitter message below. Rasmus Skjoldan from TYPO3 Neos describes the working method in TYPO3 Neos in which he says that “preview is not only about devices”.
Accept cookies
The next phase
We are rapidly heading towards a situation where we can no longer speak of a few devices with which we go online. We create situations where the internet is a part of daily life. Websites will have to automatically adjust to this by coming up with the right message during the right situation. Responsive web design was a nice solution, but as a basis it is no longer a closed solution that can respond to this. With the knowledge gained through responsive web design, the next phase must be entered, that of situational web design.