Fluid Interfaces er et foredrag om å bygge mobilgrensesnitt som føles levende og naturlige — det Apple ved WWDC 2018 kalte "Fluid Interfaces". Foredraget ble holdt av Mats Hauge og Jarand Millett som utviklere i Agens, og eksisterer i flere varianter: React Native-utgaven, en generalisert norsk og engelsk versjon, og en intern Agens Talk-versjon.
Grunnlaget er tre prinsipper for et flytende grensesnitt:
- Responsive — grensesnittet reagerer umiddelbart på input, uten forsinkelse.
- Interruptible — animasjoner kan avbrytes når som helst og starter naturlig på nytt.
- Redirectable — bevegelser kan omdirigeres underveis, som en ekte fysisk gjenstand.
Foredraget bygger videre på tre artikler Mats publiserte i UX Collective (april–mai 2019): Fluid Interfaces (om de tre prinsippene), Make body language of your design by using Animation (om animasjon som designspråk), og Rethinking the iOS switch controller (om å designe en custom bryter med fluid-følelse).
Innhold
Foredraget dekket praktisk React Native med Animated-APIet — Animated.timing med Bezier-easing og Animated.spring med tension og friction — samt navigasjonsoverganger med react-navigation. Den praktiske delen inkluderte en workshop der deltakerne implementerte animasjonene selv.
Varianter
- React Native (Fluid Interfaces.key / .pdf) — med kodeeksempler og workshop
- Generalisert norsk (Fluid Interfaces - Generalistert.key) — plattformuavhengig versjon
- Generalisert engelsk (Fluid Interfaces - Generalistert - Engelsk.key)
- Agens Talk (Fluid Interfaces - Agens Talk.key) — intern presentasjon
