View allAll Photos Tagged interfacedesign

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

Install of new version seems to have coincided with massive data server glitch. Some data appearing now.

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

Copyright: SawazkiMühlenbruch

 

Für die Sparkasse Essen haben wir ein interaktives Infotainment-System entwickelt und bereits in vier Filialen ausgerollt. Das System hilft der Sparkasse, ihre Produkte zu vermarkten, Medienkanäle miteinander zu vernetzen und Kundenerwartungen an eine moderne Form der Kommunikation zu erfüllen.

 

Auf touchbaren Monitoren im Quer- oder Hochformat (z.B. 46“) können sich die Kunden in der Filiale interaktiv über Produkte, Angebote, Aktionen und Immobilien informieren. Die Daten stammen unter anderem von den Servern des Sparkassen Finanzportals, dessen lizenzierter Partner wir sind.

 

Gerade bei diesem Projekt ging es uns in erster Linie darum, ein nutzerfreundliches, modernes Interfacedesign zu entwickeln, das die Kunden animiert, sich per Touch mit den angebotenen Inhalten zu beschäftigen. Eine Herausforderung, die unsere Designer gerne angenommen haben. Die Hauptnavigation der Anwendungen ist ein Videomenü. Die Navigationspunkte werden durch themenbezogene Videos angekündigt und stellen bei Touch auf den Monitor die verlinkten Inhalte zur Verfügung. Technische Basis dafür ist die Software der Firma dimedis, die wir über eine Schnittstelle in unserem Backend ansprechen.

 

Alle Inhalte – ob die kurzen Frage-Antwort-Module oder von uns entwickelte Tools – wie der „Kaufen-statt-mieten“-Rechner – legen den Schwerpunkt auf den „call-to-action“. Ziel ist es, mit dem Kunden in Kontakt zu treten und ihn im Anschluss persönlich zu beraten. Natürlich endet dieses Vorhaben nicht mit dem Geschäftsschluss: Ist die Filiale geschlossen, können die Kunden die Anwendungen über ihr Smartphone steuern. Durch das Scannen eines QR-Codes gelangt der Kunde auf eine von uns erstellte separate Steuerungsseite, die es ihm direkt auf seinem Smartphone ermöglicht, Bilder auf dem Monitor zu swipen, Objekte zu wechseln oder Kontaktformulare auszufüllen.

 

Alle Inhalte – Texte, Bilder und auch die Videos – können über unser Sparkassen-Backend vom Kunden selbst aktualisiert und gepflegt werden. Das Projekt wird auch 2015 fortgeführt und in weiteren Filialen in Essen den Kunden der Sparkasse zur Verfügung stehen.

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

I can't prove that running this speed test crashed my DSL connection [and I've always preferred Speakeasy's test anyhow] but while I was staring at this screen for a while, I noticed that the speedometer motif, though visually sense-making uses similarly sized gaps for 1MB at the low end and 20MB at the high end. Bleh.

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 1

push.conference 2013 day 1

Box appears when the user selects the option “Check for updates” in the “Help” menu:

push.conference 2013 day 2

push.conference 2013 day 1

push.conference 2013 day 2

UT POP UP! TYO

www.ut.uniqlo.com/tyo/

Shibuya ekiato, Shibuya, Shibuya-ku, Tokyo

Apl. 1, 2013

 

Interior designer : Junji Tanigawa (JTQ)

www.jtq.jp

Interface designer : tha ltd.

www.tha.jp

2013

 

Checkout counter

push.conference 2013 day 2

push.conference 2013 day 2

Vision sketches to pitch an idea in it's early stage

Fotocredit: Lily Roggemann & Henrik Hagedorn

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 1

Travelstart

 

Brand identity, research, information architecture, prototyping, usability testing on prototypes, interface design,

brand manual

 

www.travelstart.co.za

push.conference 2013 day 2

push.conference 2013 day 1

Fundstück aus dem Internet. Autor unbekannt (noch).

Weitere Informationen über Abbildung und Buch unter:

www.designismakingsense.de

Abbildung und Text stammt aus einem Buch über Screendesign, Interfacedesign, Informationsarchitektur und Usability für Hardware und Software von Torsten Stapelkamp.

Torsten Stapelkamp: Screen- und Interfacedesign. Springer (XMedia-Press), Berlin 2007, ISBN 3540329498

 

out of book:

Screen- and Interfacedesign from Torsten Stapelkamp.

Fundstück aus dem Internet. Autor unbekannt (noch).

Weitere Informationen über Abbildung und Buch unter:

www.designismakingsense.de

Abbildung und Text stammt aus einem Buch über Screendesign, Interfacedesign, Informationsarchitektur und Usability für Hardware und Software von Torsten Stapelkamp.

Torsten Stapelkamp: Screen- und Interfacedesign. Springer (XMedia-Press), Berlin 2007, ISBN 3540329498

 

out of book:

Screen- and Interfacedesign from Torsten Stapelkamp.

UT POP UP! TYO

www.ut.uniqlo.com/tyo/

Shibuya ekiato, Shibuya, Shibuya-ku, Tokyo

Apl. 1, 2013

 

Interior designer : Junji Tanigawa (JTQ)

www.jtq.jp

Interface designer : tha ltd.

www.tha.jp

2013

 

Interior

push.conference 2013 day 2

»Das System Schule« visualisiert die unterschiedlichen Schulsysteme der Bundesländer in Deutschland zusammen mit weiteren Kriterien wie PISA, Übergang und Absolventen.

 

Ausführliche Dokumentation:

incom.org/projekt/1260

...to better balance performance load and tune the flexibility:usability tradeoffs to their current cognitive abilities.

 

via Amy Dalton

1 2 ••• 5 6 8 10 11 ••• 45 46