Organic Interface ConceptMai, 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.
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.
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.
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, …):
Here’s a small extract from other material experiments we made in this course: