Physics + UI

No Tags | Nature of Code

I’ve been thinking a lot a lot about UX/UI design and have been considering ways to experiment with UX, Physics, 3D space and Motion Design.


It’s not a novel idea…

In the Material Design Guidelines, motion plays an integral part to the overall feeling and functionality of the design framework. It conveys energy, drawing inspiration from forces like gravity and friction. Just as objects in the real world don’t come to abrupt stops or instantly speed up, material motion responds to the user’s input without missing a beat. Similarly, material design aims for motion to feel natural, like gaining velocity or easing into a resting state by following an arc rather than a straight path. But more than simply seeming natural, motion should above all else help guide users, providing them with the right information at the right time. Motion should help navigate complex challenges, and clearly communicate to the user an element’s resistance, dynamism, and path.


But anyway… I’ve also been wanting to explore how physics can be utilized in UI design for immersive designed environments…

We are able to comprehend and function effectively in our world because we are familiar with its natural laws, physics, and patterns. Even if a UX Designer wanted to create an entirely new world, he or she must first create guiding experience principles that, once learned, enable users to quickly become familiar and comfortable with their surroundings. That way, users focus more on having experiences and less on figuring out how to have one.


I watched this guy’s video:


And was fascinated by these demonstrations of concept:



I did some reading….

And thought about the random walker…


And came up with some simple ideas which I hope will be the starting point for much more detailed explorations in the future…









http://blog.annekgoodfriend.com/natureofcode/wanderingbutton1/

https://github.com/AnneKGoodfriend/wanderingbuttonscroll


http://blog.annekgoodfriend.com/natureofcode/wanderingbutton2/

https://github.com/AnneKGoodfriend/wanderingbuttonclicktoscroll


No Comments

Leave a comment