View allAll Photos Tagged interfacedesign
My team and I recently developed a web app for the National Science Foundation for their internal communications tool called NSF Weekly Wire. Essentially, program/division directors can login and create content (articles, images, videos, events, etc.) that will be pushed out internally to the foundation once a week in an email newsletter.
These screenshots represent a concept I mocked up where the NSF Weekly Wire was an iPad 'news' type app. In this model, the user can more actively engage w/the content - as opposed to reading a static newsletter and every link they click takes them out of the branded experience. These are preliminary mockups, based on existing mobile UI patterns, etc. Nothing groundbreaking but fun to work on nonetheless.
Thanks for looking everyone, I hope you enjoy.
Special thanks to Chris Wallace for his excellent iPad template.
adjacent to Crissy Field at 640 Mason Street, San Francisco
See also: Secom parking validation vending machine
Fundstück aus dem Internet. Autor unbekannt (noch).
Weitere Informationen über Abbildung und Buch unter:
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
5 themes
by Taku Satoh Design Office
Mar. 31, 2013
at 21_21 Design Sight, Minato-ku, Tokyo Japan
"Design Ah!" Exhibition
Here there "Ah!"
by Taku Satoh Design Office
Mar. 31, 2013
at 21_21 Design Sight, Minato-ku, Tokyo Japan
simulating fighting movements (punching, kicking) for a Obama vs. Hillary street fighter game found here. (she chose obama)
Based on the data gathered by Hoeckstra et al. in their study ªWater Footprint of Nations´ Timm Kekeritz created this double-sided poster. One side visualizes the water footprint of selected nations, emphasizing the im- and export of virtual water. The other side shows the virtual water content of selected foods and commodities.
The latest & greatest of my business cards. Reprinted with a quality printer. Spot UV pattern on the orange side.
Example of Interface Design.
To see even more pictures of the table and our team, check out our Flickr page:
Web design powered by wordpress, here´s the link www.syg.cl , this web site will be abaible very soon.
"Design Ah!" Exhibition
Ana (Hole)
by Taku Satoh Design Office
Mar. 31, 2013
at 21_21 Design Sight, Minato-ku, Tokyo Japan
Fundstück aus dem Internet. Autor unbekannt (noch).
Weitere Informationen über Abbildung und Buch unter:
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.
Either an extremely philosophical modal dialogue or a microcontent content design fail — you decide. 😅
Reddit: u/Fuad_Kuliev
fellow students from the Interface Design dept. @ FHP had one week to take apart a keyboard and re-apply it in their own manner.
"Design Ah!" Exhibition
Ah!
by Taku Satoh Design Office
Mar. 31, 2013
at 21_21 Design Sight, Minato-ku, Tokyo Japan
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.
The new web site has been in the works for quite some time. It's nice to finally see it alive!
*WARNING - Geek speak below*
A friend of mine recently said to me, "it's rare these days that I come across a Flash site that doesn't make me want to injure someone." I have to say that I agree with him and that's why the primary focus for the design of this new Gridplane site was on user experience.
With this site, you'll find a lot of features that you'd expect from an html site like back-button support, unique URLS, direct links and non-flash scrolling! The projects are tagged and organized by filters. Those tags/filters (Favorites, Culture, Brands, etc) will surely be evolving over time. We've added a video player to use on project pages and will be posting more videos over time.
You might ask "why not just make it in HTML" and my answer would be because innovation is what keeps me going. I've ben working with Flash for almost 10 years and I think it is just now beginning to live up to it's potential.
By the way, there is also a simple html version for those of you who are totally over Flash - and the 2 wide columns collapse to 1 column on an iPhone.
We're thrilled with the Content Management System that was built by Instrument. (you'll be hearing more about Interface CMS in the near future). This allows us to tie every bit of content together. So, you can combine contacts with clients with projects with tags, etc to create complex associations. We actually used the CMS to create the data models as well.
Instrument also built a super slick SEO layer behind the scenes so Google will index all the site's content and we can use analytics to track things.
Zach Stevens and Kemal Wahju checking their work on the Cannon T3i at BCIT Downtown Campus. This is part of the New Media Design and Web Development 2012 - 2013. Skills include Web Design, Web Development, Video and Audio Production, Graphic Design, Information Architecture, Interface Design, Social Media Integration, and more!