Organic Interface Concept

Mai, 2016

During a 4-day-university course, Vinzenz and me had the chance to experiment with materials.

We started by creating a lot of materials with mixtures of water, glue, soap, coffee, wax, paper and stuff to learn more about different surfaces and haptic.

3

One material, a mixture of soap and glue, had a very special, bouncy effect when squeezing it. And we immediately associated it with digital buttons.

8

Why not try to use this material to build an analog interface and re-create a digital interface with it’s behaviour?

I rebuild the mobile facebook interface with modelling clay and we soon recognized a very interesting thing: The more often you touch a button, the bigger it gets. What happens if we adapt these physics to a digital interface? The buttons we use the most take more space on the interface, and the ones we don’t use will be less important. That’s quite interesting for a dynamic and complex UI.

11

Try the digital facebook-prototype right here in the mockup and touch some buttons:

 

Alright, that interface feels quite good, because it’s learning and adapting your very own user behaviour. Otherwise this kind of UI can appear confusing and unclear after a while. It’s definitely not the best approach to let the user „design“ his own interface. Also things like UI-Changes and updates can be very confusing.

Maybe you could use this technique for A/B testing prototypes with users and see what functions are most important and most used. And to determine how the users want to design the interface in a very subtile way.

Same idea goes for color intensity (or drop-shadow, contrast, icon-size, font-size, opacity, …):

Group 5

Here’s a small extract from other material experiments we made in this course:

ezgif.com-optimize (2) ezgif.com-optimize (3) ezgif.com-optimize (4)