Prototypes
In February 2023 I started a series of interface explorations and prototypes built using SwiftUI.
The aim of these prototypes is to explore interesting interface ideas that use more of the device's capabilities and sensors, and make you feel something.
You can can follow along on Twitter/X.
Genie Effect
Interactive 'genie' animation using SwiftUI shaders.
See Tweet
Zoom & Motion Blur
Subtle zoom & motion blur shader that changes the feel of the dragged element entirely (and makes it fun to play around with).
See Tweet
See Tweet
Titanium Material
Interactive Titanium material with particles that are driven by touch and the device's motion.
Amalgam of SpriteKit particles, gradients and blend modes.
See Tweet
Amalgam of SpriteKit particles, gradients and blend modes.
See Tweet
Incense TimerTimer using a incense stick metaphor and gestural invocations for setting, starting and stopping the
timer. A little exploration into materiality, gestures, particles and haptics.
See Tweet
See Tweet
Glass Material A glass-like material that subtly reflects and adapts the room's ambient light. The prototype
samples the device's front camera to determine the light source in the room and adapts the border and surface reflection.
See Tweet
See Tweet
Hour GlassA timer that is initiated by a physical flip interaction. The interface responds and interacts with the
device's motion. The effect is achieved by blending together linear gradients, shapes and SpriteKit particles.
See Tweet
See Tweet
Ambient Interface 1 Interface that responds to the current ambient light level and creates a glow-in-the-dark
effect. The effect is achieved by reading the device's ambient light sensor and partially dimming UI elements.
See Tweet
Ambient Interface 2 A dynamic background using the same ambient light reading. The fireflies are generated using
SpriteKit.
See Tweet
Reflective ButtonUses the device's front camera to emulate a reflective metal/chrome surface. The effect is
augmented by layering multiple inner shadows and showing smudges after interacting with the button.
Solar Eclipse Uses the device's accelerometer to move the 'moon' around the canvas. When the moon and sun
ellipses overlap they create an interesting glow effect. The smooth glow is achieved by layering multiple outer glows on top of
each other.