PAGE online

Abschlussarbeit: Digitale Gesten als analoge Papierkarten

Der Singapurer Produktdesignstudent Ye Jia Jie zeigt in wundervoll analoger Haptik, wie digitale UI-Gesten dreidimensional aussehen könnten. 

Eine hand bedient einen analogen Switch auf einer PapierkarteSwipe, Drag, Pinch und Force-Touch. UI-Gesten können sich erst einmal kompliziert anhören. Das fand auch der Singapurer Produktdesignstudent Ye Jia Jie, der im Rahmen seiner Abschlussarbeit an der National University of Singapore das Kartenset »Inkterface« entwickelte.

Skizzen für die Interface UI Karten
Das Konzept hielt der Designer in einfachen Skizzen fest. Oben links: On/Off Switch, Oben rechts: Vergrößern/Verkleinern, Unten Links: Drag, Unten Rechts: Button mit Magnethalterung

Vom Screen zur Papierkonstruktion

Das Prinzip der Inkterface Box ist simpel: Eine Geste aus digitalen User Interactions wird in eine dreidimensionale, haptische Erfahrung übersetzt. Dazu konstruierte Ye Jia Jie flache Boxen aus mehreren Papierschichten, zwischen denen unterschiedliche Mechanismen verborgen sind. Magnete halten Buttons  an Ort und Stelle, Gummizüge erlauben Switch Buttons das Hin- und Herschieben.

So entsteht auf spielerische Art und Weise ein tieferes Verständnis für die Gesten, mit denen wir tagtäglich unser Smartphone bedienen. Grafisch ist das Projekt außerdem wunderschön minimalistisch umgesetzt. Leuchtende Farben symbolisieren die Interaktionsmöglichkeit, festes weißes Papier verleiht den Karten einen eleganten Anstrich.

Die Verpackung von außen Zwei Hände heben eine der Karten aus der Papierverpackung Ein Farbstich Zwei Hände heben eine der Karten aus der weißen Papierverpackung zwei Hände heben eine Papierkarte aus einer VerpackungEin Zweifinger Rotationsswitch mehrere Papierkarten liegen nebeneinander auf einem TischEin Gif mit einem Schüttelinterface    Ein orangenes Quadrat vergrößert und verkleinert sich Ein Switch schaltet zwischen zwei Modi hin und her

Produkt: PAGE 6.2019
PAGE 6.2019
Colourful Branding & Usability ++ Color Fonts erstellen & OpenType SVG ++ E-Commerce & Color-Management ++ Öffentliche Designausschreibungen ++ Booklet: Agentursoftware

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht.

Das könnte Sie auch interessieren