View allAll Photos Tagged interfacedesign

Fachbereich Design: Interfacedesign: Eyetracking Labor

push.conference 2013 day 2

"Design Ah!" Exhibition

 

"Ah!" in motion

by tha ltd.

Mar. 31, 2013

 

at 21_21 Design Sight, Minato-ku, Tokyo Japan

www.2121designsight.jp/en/program/design_ah/

push.conference 2013 day 2

push.conference 2013 day 2

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.

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

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.

"Design Ah!" Exhibition

 

Room of objects, sounds and movies

by tha ltd. + Cornelius

Mar. 31, 2013

 

at 21_21 Design Sight, Minato-ku, Tokyo Japan

www.2121designsight.jp/en/program/design_ah/

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

This is how I turned in this latest assignment. I know, I'm awesome.... oh you were going to say something else....?

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 2

"Den „grafischen Spagat“ meistern" - Vortrag von Herrn Schreck beim Industrial Usability Day 2013 in Würzburg

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

push.conference 2013 day 2

This used to be Gowalla.

push.conference 2013 day 2

push.conference 2013 day 2

First working version of installation Computermusic4kids

computermusic4kids.marieke.nu

Multilane crossings in Iceland include a tactile map on the control box so that pedestrians with visual impairments can conceptualise the multi-stage crossing process and their place within it.

 

These haptics aren't consistent. For example, the crossing activation button provides no feedback about its location or state. Similarly, tactile paving isn't used.

push.conference 2013 day 2

push.conference 2013 day 2

DOC Wine Shop's eCommerce site designed by Editorial Pinch.

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.

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.

Work developed with the company ImagemPlus Mutimedia.

An interface design for a portable tv device. Bring back the 80s, its been a while since the idea of portable tv on the move became a reality but this is a far cry from the grainy black and white devices of 1980s.

 

Having previously worked with Mediafly on designing their media sharing site for podcasts. They approach us with a brief to design an interface for this new generation of devices which are currently hitting the market.

 

The screen shot here shows all the windows open with their content displayed. The top section collapses down to the grey bar. It reveals the currently playing episode shows icon, tile, episode title, brief descriptor copy and options to add to your Mediafly account areas.

 

The bottom section reveals the shows available in your Meadifly subscribed account, displaying icons for video or audio, status on download - downloading ready to download. There is the ability to scroll left and right through the various categories and down through all the subscribed shows. Beside the my favorites tab is the option to flip to other area of new shows categories of shows.

 

The final design required elements that would be fast to load, easy to overlay moving footage and wouldn't require loads of images to be uploaded before the device is ready to watch. A compact space with lots of information to be displayed was a tough challenged, but we feel this solution addressed the clients concerns and provided a visually interesting and accessible product for the consumer.

 

w2design.co.uk

Visualisierung der Debatte zum Thema Embryonale Stammzellenforschung.

 

entstanden im Kurs »Politikvisualisierung« von Prof. Boris Müller, betreut von Max Steinbeis (www.politikatlas.de/)

 

Ausführliche Dokumentation:

incom.org/projekt/1281

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.

1 2 3 5 7 ••• 45 46