Successfully reported this slideshow.
Gestalten für das iPad.Design. Kantine. Namics.<br />Zürich, 19. Oktober 2010<br />
„We see the iPad as the Mac for the masses.“<br />Wall Street Analyst Gene Munster von Piper Jaffray im September 2010<br ...
…more than 50 percent of the Fortune 100 are deploying or testing the iPad.<br />Wall Street Analyst Gene Munster von Pipe...
Das Menü.<br />Antipasti <br />User-Interface Prinzipien und Häppchen<br />PrimiPiatti<br />Zutaten und Gewürze<br />Secon...
Antipasti<br />
User-Interface Prinzipien und Häppchen<br />Delight People<br />Enhance Interactivity<br />Simplicity is powerful<br />Pay...
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />7<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />8<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />9<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />10<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />11<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />12<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />13<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />14<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />15<br />
29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />16<br />
Weitere Beispiel.<br />Wilmaa TV<br />Memonic<br />Photoshop Express<br />Sleep<br />Vogue Deutschland<br />Datum<br />Wir...
Primi Piatti<br />
Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze...
Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze...
Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze...
Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designk...
Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Desig...
Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Desig...
Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze...
Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designk...
Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Desig...
Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze...
Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designk...
iPad optimiert. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Desig...
Secondi Piatti<br />
Paper Prototyping<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />32<br />Gestalten für das iPad. Würze. ...
Paper Prototyping<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />33<br />
Paper Prototyping<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />34<br />
iPad GUI PSD<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />35<br />Gestalten für das iPad. Würze. Desig...
iPad GUI PSD für Photoshop<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />36<br />http://www.teeha...
iPad GUI InDesign<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />37<br />Gestalten für das iPad. Würze. ...
iPad GUI – Vorlage und Libraries für InDesign<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />38<br />
LiveView<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />39<br />Gestalten für das iPad. Würze. Designkan...
LiveView – Preview vom Desktop auf das iPad<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />40<br /...
Interface HD<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />41<br />Gestalten für das iPad. Würze. Desig...
Interface HD – Rapid Prototyping auf dem iPad<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />42<br...
Hybrid. Native. Programmierung.<br />29.5.2009<br />43<br />Gestalten für das iPad. Würze. Designkantine.<br />
Hybrid. Native. Programmierung.<br />Apple Software Development Kit<br />Objective-C Programmierung<br />Flash CS5<br />Fl...
Sencha Touch<br />Hybrid. Native. Programmierung.<br />29.5.2009<br />45<br />Gestalten für das iPad. Würze. Designkantine...
Dolci<br />
Was würden Sie wählen?<br />
Was würden Sie wählen?<br />Dolci. Kitsch vs. Corporate.  <br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantin...
Nach der Stimmabgabe „Browser-Back“.<br />http://www.surveymonkey.com/s/8Z8G269<br />Dolci. Kitsch vs. Corporate.  <br />2...
Was ist eigentlich Kitsch?<br />
Some rights reserved by genevieveromier<br />
Auch auf Deinem iPad ist Kitsch…<br />Unnötige Texturen<br />Material-Imitat<br />Reale Objekte oder Interfaces <br />Unse...
Books oder Lonley Planet<br />
“A graphically rich look at a wide variety of trips.”
- New York Times<br />
“Wonderful. Grab it now.” 
- Gizmodo<br />
Warum spricht uns Kitsch so an?<br />
Pathos <br />(Emotion)<br />Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />
Drei Überzeugungsmittel der visuellen Rhetorik.<br />Dolci. Kitsch vs. Corporate.  <br />Pathos <br />(Emotion)<br />Ethos...
Bezug zur Realität schafft Kontext.<br />29.5.2009<br />59<br />Gestalten für das iPad. Würze. Designkantine.<br />
Kontext ist wichtig.<br />29.5.2009<br />60<br />Gestalten für das iPad. Würze. Designkantine.<br />
Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Ein Ort an dem man gernewäre<br />Dinge, die einfachschöns...
Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EindigitalesBuchRealitätwerdenla...
Some rights reserved by jensjeppe<br />
Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EinladungzumAnfassen<br />Objekt...
Some rights reserved by realblades<br />
Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EinladungzumAnfassen<br />Intuit...
Some rights reserved by quinn.anya<br />
Pathos <br />(Emotion)<br />Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />
Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />Wo viel Licht ist, ist viel Schatten ;-).<br />Dolci. Kitsch v...
Kitsch-O-Meter <br />
Kitsch-O-Meter <br />Was steht vor der ersten Seite?<br />
Kitsch-O-Meter <br />Und was kommt jetzt noch?<br />
Kitsch-O-Meter <br />
Kitsch-O-Meter <br />ON<br />OFF<br />
Was ist an einem realen Schalter falsch? <br />
Was ist an einem realen Schalter falsch?<br />Dolci. Kitsch vs. Corporate.  <br />K<br />29.5.2009<br />78<br />Gestalten ...
Meta-Information fehlt<br />
Vorne<br />Bühne<br />Spots<br />Mitte<br />Hinten<br />Rechts<br />Links<br />Mitte<br />
Das sind iPad Schalter.<br />Dolci. Kitsch vs. Corporate.  <br />Raumsteuerung<br />Vordere Lichtleiste<br />Bühne<br />Sp...
Zurück zum Beispiel.<br />Dolci. Kitsch vs. Corporate.  <br />Some rights reserved by HoriaVarlan<br />Gestalten für das i...
Morphologischer Kasten. Raiffeisen iPad.<br />Dolci. Kitsch vs. Corporate.  <br />Online <br />Strategie<br />Marken-<br /...
Unsere Entscheidung.<br />Corporate Design	 vor Kitsch<br />Markenkommunikation: Eine Raiffeisen Welt – emotional ausreich...
Raiffeisen iPad Prototyp<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />86<br />Keine Originaldars...
Und was ist Ihre Wahl?<br />http://www.surveymonkey.com/s/8Z8G269<br />Dolci. Kitsch vs. Corporate.  <br />29.5.2009<br />...
Fazit<br />29.5.2009<br />88<br />Gestalten für das iPad. Würze. Designkantine.<br />
Delight People<br />“Delight People withStunning Graphics – One way to increasetheperceivedvalue of yourapplicationis to r...
EnhanceInteractivity<br />“The best iPadapplicationsgivepeople innovative ways to interactwithcontentwhiletheyperform a cl...
Simplicityispowerful<br />Simplicityfuelsmanyelements of good design, includingease of use, speed, visualappeal, and acces...
Payattention to patterns<br />Users spend themajority of their time on interfacesotherthanyourown. Thereis no need to rein...
Makeitself-explanatory<br />Good designmakes a productunderstandable. Itclarifiestheproduct’sstructure. Better still, itca...
Designprinzipien.<br />iPad User Experience Guidelines (Apple)<br />http://www.lukew.com/ff/entry.asp?995<br />10 User Int...
Fazit<br />Zweckorientiert. Reduziert. Intuitiv.<br />29.5.2009<br />95<br />Gestalten für das iPad. Würze. Designkantine....
Single Minded<br />29.5.2009<br />96<br />Gestalten für das iPad. Würze. Designkantine.<br />
Vielen Dank für Ihre Aufmerksamkeit.<br />claus.medvesek@namics.comdaniel.demel@namics.comthomas.link@namics.com<br />© Na...
Nächste SlideShare
Wird geladen in …5
×

Gestalten für das iPad. Design. Kantine. Namics.

3.055 Aufrufe

Veröffentlicht am

Veröffentlicht in: Design, Technologie
  • Als Erste(r) kommentieren

Gestalten für das iPad. Design. Kantine. Namics.

  1. 1. Gestalten für das iPad.Design. Kantine. Namics.<br />Zürich, 19. Oktober 2010<br />
  2. 2. „We see the iPad as the Mac for the masses.“<br />Wall Street Analyst Gene Munster von Piper Jaffray im September 2010<br />29.5.2009<br />2<br />Gestalten für das iPad. Würze. Designkantine.<br />
  3. 3. …more than 50 percent of the Fortune 100 are deploying or testing the iPad.<br />Wall Street Analyst Gene Munster von Piper Jaffray im September 2010<br />Gestalten für das iPad. Würze. Designkantine.<br />29.5.2009<br />3<br />
  4. 4. Das Menü.<br />Antipasti <br />User-Interface Prinzipien und Häppchen<br />PrimiPiatti<br />Zutaten und Gewürze<br />SecondiPiatti<br />Kochutensilien und Zubereitungshinweise<br />Dolci<br />Kitsch vs. Corporate<br />Menü.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />4<br />
  5. 5. Antipasti<br />
  6. 6. User-Interface Prinzipien und Häppchen<br />Delight People<br />Enhance Interactivity<br />Simplicity is powerful<br />Pay attention to patterns<br />Make it self-explanatory<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />6<br />
  7. 7. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />7<br />
  8. 8. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />8<br />
  9. 9. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />9<br />
  10. 10. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />10<br />
  11. 11. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />11<br />
  12. 12. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />12<br />
  13. 13. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />13<br />
  14. 14. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />14<br />
  15. 15. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />15<br />
  16. 16. 29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />16<br />
  17. 17. Weitere Beispiel.<br />Wilmaa TV<br />Memonic<br />Photoshop Express<br />Sleep<br />Vogue Deutschland<br />Datum<br />Wired<br />Twitter<br />Cool Hunting (News & Gadgets)<br />Marvel Comics<br />Associated Press<br />Tap Tap Radiation (Interaktion & Sound)<br />iDeskLite<br />Das Foto-Kochbuch<br />Antipasti. User-Interface Prinzipien und Häppchen.<br />29.5.2009<br />17<br />Gestalten für das iPad. Würze. Designkantine.<br />
  18. 18. Primi Piatti<br />
  19. 19. Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />19<br />some rights reserved by andreajoseph's illustrations<br />
  20. 20. Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />20<br />Online <br />Strategie<br />Marken-<br />kommunikation<br />Online <br />Marketing<br />Social<br />Application<br />Web Content<br />Management<br />Intranet/<br />E-Collaboration<br />Marktthema<br />E-Commerce<br />Industrie/<br />Transport<br />Konsum-<br />güter<br />Medien/<br />Verlage<br />Pharma/<br />Chemie<br />...<br />NGO<br />Automobil<br />Energie<br />Finanz<br />Nahrung<br />Branche<br />Verfügbarkeit<br />offline<br />Mobiles Netz<br />ISDN<br />Breitband<br />Jahre<br />Wochen<br />Tage<br />Stunden<br />Minuten<br />Nutzungsdauer<br />oft<br />einmalig<br />immer<br />selten<br />regelmässig<br />Häufigkeit<br />spielen<br />erkunden<br />suchen<br />arbeiten<br />lernen<br />unterhalten<br />Nutzungskontext<br />iOS Standard<br />Kitsch<br />Physikalisch<br />Brand<br />Infografik<br />Designkonzept<br />Desktop<br />
  21. 21. Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />21<br />Online <br />Strategie<br />Marken-<br />kommunikation<br />Online <br />Marketing<br />Social<br />Application<br />Web Content<br />Management<br />Intranet/<br />E-Collaboration<br />Marktthema<br />E-Commerce<br />Industrie/<br />Transport<br />Konsum-<br />güter<br />Medien/<br />Verlage<br />Pharma/<br />Chemie<br />...<br />NGO<br />Automobil<br />Energie<br />Finanz<br />Nahrung<br />Branche<br />Verfügbarkeit<br />offline<br />Mobiles Netz<br />ISDN<br />Breitband<br />Jahre<br />Wochen<br />Tage<br />Stunden<br />Minuten<br />Nutzungsdauer<br />oft<br />einmalig<br />immer<br />selten<br />regelmässig<br />Häufigkeit<br />spielen<br />erkunden<br />suchen<br />arbeiten<br />lernen<br />unterhalten<br />Nutzungskontext<br />iOS Standard<br />Kitsch<br />Physikalisch<br />Brand<br />Infografik<br />Designkonzept<br />Desktop<br />
  22. 22. Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />22<br />
  23. 23. Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />23<br />
  24. 24. Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />24<br />
  25. 25. Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />25<br />Online <br />Strategie<br />Marken-<br />kommunikation<br />Online <br />Marketing<br />Social<br />Application<br />Web Content<br />Management<br />Intranet/<br />E-Collaboration<br />Marktthema<br />E-Commerce<br />Industrie/<br />Transport<br />Konsum-<br />güter<br />Medien/<br />Verlage<br />Pharma/<br />Chemie<br />...<br />NGO<br />Automobil<br />Energie<br />Finanz<br />Nahrung<br />Branche<br />Verfügbarkeit<br />offline<br />Mobiles Netz<br />ISDN<br />Breitband<br />Jahre<br />Wochen<br />Tage<br />Stunden<br />Minuten<br />Nutzungsdauer<br />oft<br />einmalig<br />immer<br />selten<br />regelmässig<br />Häufigkeit<br />spielen<br />erkunden<br />suchen<br />arbeiten<br />lernen<br />unterhalten<br />Nutzungskontext<br />iOS Standard<br />Kitsch<br />Physikalisch<br />Brand<br />Infografik<br />Designkonzept<br />Desktop<br />
  26. 26. Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />26<br />
  27. 27. Single Minded. iPad App.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />27<br />
  28. 28. Morphologischer Kasten. Lecker.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />28<br />Online <br />Strategie<br />Marken-<br />kommunikation<br />Online <br />Marketing<br />Social<br />Application<br />Web Content<br />Management<br />Intranet/<br />E-Collaboration<br />Marktthema<br />E-Commerce<br />Industrie/<br />Transport<br />Konsum-<br />güter<br />Medien/<br />Verlage<br />Pharma/<br />Chemie<br />...<br />NGO<br />Automobil<br />Energie<br />Finanz<br />Nahrung<br />Branche<br />Verfügbarkeit<br />offline<br />Mobiles Netz<br />ISDN<br />Breitband<br />Jahre<br />Wochen<br />Tage<br />Stunden<br />Minuten<br />Nutzungsdauer<br />oft<br />einmalig<br />immer<br />selten<br />regelmässig<br />Häufigkeit<br />spielen<br />erkunden<br />suchen<br />arbeiten<br />lernen<br />unterhalten<br />Nutzungskontext<br />iOS Standard<br />Kitsch<br />Physikalisch<br />Brand<br />Infografik<br />Designkonzept<br />Desktop<br />
  29. 29. Full Service. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />29<br />
  30. 30. iPad optimiert. Website.<br />Primi Piatti . Zutaten und Gewürze.<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />30<br />
  31. 31. Secondi Piatti<br />
  32. 32. Paper Prototyping<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />32<br />Gestalten für das iPad. Würze. Designkantine.<br />
  33. 33. Paper Prototyping<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />33<br />
  34. 34. Paper Prototyping<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />34<br />
  35. 35. iPad GUI PSD<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />35<br />Gestalten für das iPad. Würze. Designkantine.<br />
  36. 36. iPad GUI PSD für Photoshop<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />36<br />http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/<br />
  37. 37. iPad GUI InDesign<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />37<br />Gestalten für das iPad. Würze. Designkantine.<br />
  38. 38. iPad GUI – Vorlage und Libraries für InDesign<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />38<br />
  39. 39. LiveView<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />39<br />Gestalten für das iPad. Würze. Designkantine.<br />
  40. 40. LiveView – Preview vom Desktop auf das iPad<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />40<br />http://zambetti.com/projects/liveview/<br />
  41. 41. Interface HD<br />Designskizzen. Simulation. Prototyping.<br />29.5.2009<br />41<br />Gestalten für das iPad. Würze. Designkantine.<br />
  42. 42. Interface HD – Rapid Prototyping auf dem iPad<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />42<br />http://lesscode.co.nz/interface?p=ipad<br />
  43. 43. Hybrid. Native. Programmierung.<br />29.5.2009<br />43<br />Gestalten für das iPad. Würze. Designkantine.<br />
  44. 44. Hybrid. Native. Programmierung.<br />Apple Software Development Kit<br />Objective-C Programmierung<br />Flash CS5<br />Flash CS5 Professional<br />Adobe Digital Publishing Tools<br />InDesign CS5 + Digital Content Builder <br />PhoneGap<br />HTML + JavaScript<br />Sencha Touch (HTML Framework)<br />HTML + JavaScript<br />29.5.2009<br />44<br />Gestalten für das iPad. Würze. Designkantine.<br />
  45. 45. Sencha Touch<br />Hybrid. Native. Programmierung.<br />29.5.2009<br />45<br />Gestalten für das iPad. Würze. Designkantine.<br />
  46. 46. Dolci<br />
  47. 47. Was würden Sie wählen?<br />
  48. 48. Was würden Sie wählen?<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />48<br />Keine Originaldarstellung möglich<br />
  49. 49. Nach der Stimmabgabe „Browser-Back“.<br />http://www.surveymonkey.com/s/8Z8G269<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />49<br />
  50. 50. Was ist eigentlich Kitsch?<br />
  51. 51. Some rights reserved by genevieveromier<br />
  52. 52. Auch auf Deinem iPad ist Kitsch…<br />Unnötige Texturen<br />Material-Imitat<br />Reale Objekte oder Interfaces <br />Unsere tägliche Umgebung wird zitiertDer Nutzen ist meist fraglich…<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />52<br />Gestalten für das iPad. Würze. Designkantine.<br />
  53. 53. Books oder Lonley Planet<br />
  54. 54. “A graphically rich look at a wide variety of trips.”
- New York Times<br />
  55. 55. “Wonderful. Grab it now.” 
- Gizmodo<br />
  56. 56. Warum spricht uns Kitsch so an?<br />
  57. 57. Pathos <br />(Emotion)<br />Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />
  58. 58. Drei Überzeugungsmittel der visuellen Rhetorik.<br />Dolci. Kitsch vs. Corporate. <br />Pathos <br />(Emotion)<br />Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />Emotionale Assoziationen<br />Illusion der Existenz<br />Einladung zum Anfassen<br />Intuitive Interaktion<br />29.5.2009<br />58<br />Gestalten für das iPad. Würze. Designkantine.<br />
  59. 59. Bezug zur Realität schafft Kontext.<br />29.5.2009<br />59<br />Gestalten für das iPad. Würze. Designkantine.<br />
  60. 60. Kontext ist wichtig.<br />29.5.2009<br />60<br />Gestalten für das iPad. Würze. Designkantine.<br />
  61. 61. Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Ein Ort an dem man gernewäre<br />Dinge, die einfachschönsind<br />Eintolles Fest<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />61<br />Gestalten für das iPad. Würze. Designkantine.<br />
  62. 62.
  63. 63.
  64. 64. Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EindigitalesBuchRealitätwerdenlassen<br />MeineNotiz auf Papierfesthalten<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />64<br />Gestalten für das iPad. Würze. Designkantine.<br />
  65. 65. Some rights reserved by jensjeppe<br />
  66. 66. Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EinladungzumAnfassen<br />Objekte die auch “in echt” benutztwerden<br />Oberflächen, die man gernberührt<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />66<br />Gestalten für das iPad. Würze. Designkantine.<br />
  67. 67. Some rights reserved by realblades<br />
  68. 68. Kontext ist verantwortlich für:<br />EmotionaleAssoziation<br />Illusion derExistenz<br />EinladungzumAnfassen<br />Intuitive Interaktion<br />InteraktionohneNeueszulernen<br />KeineHürdefürungeübte Beginner<br />Steuer-Elemente zum Drehen, Schieben, Bewegen<br />Schalter oder Hebel zum Tippen, Drücken, Umlegen<br />Griffe zum Festhalten und Bewegen<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />68<br />Gestalten für das iPad. Würze. Designkantine.<br />
  69. 69. Some rights reserved by quinn.anya<br />
  70. 70. Pathos <br />(Emotion)<br />Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />
  71. 71. Ethos<br />(Normen & Werte)<br />Logos<br />(Verstand)<br />Wo viel Licht ist, ist viel Schatten ;-).<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />71<br />Pathos <br />(Emotion)<br />Vorsicht Stolperfallen<br />Gestalten für das iPad. Würze. Designkantine.<br />
  72. 72. Kitsch-O-Meter <br />
  73. 73. Kitsch-O-Meter <br />Was steht vor der ersten Seite?<br />
  74. 74. Kitsch-O-Meter <br />Und was kommt jetzt noch?<br />
  75. 75. Kitsch-O-Meter <br />
  76. 76. Kitsch-O-Meter <br />ON<br />OFF<br />
  77. 77. Was ist an einem realen Schalter falsch? <br />
  78. 78. Was ist an einem realen Schalter falsch?<br />Dolci. Kitsch vs. Corporate. <br />K<br />29.5.2009<br />78<br />Gestalten für das iPad. Würze. Designkantine.<br />
  79. 79. Meta-Information fehlt<br />
  80. 80. Vorne<br />Bühne<br />Spots<br />Mitte<br />Hinten<br />Rechts<br />Links<br />Mitte<br />
  81. 81.
  82. 82. Das sind iPad Schalter.<br />Dolci. Kitsch vs. Corporate. <br />Raumsteuerung<br />Vordere Lichtleiste<br />Bühne<br />Spots am Fenster<br />Spots für Bilder<br />Raumlicht<br />Gestalten für das iPad. Würze. Designkantine.<br />29.5.2009<br />82<br />
  83. 83. Zurück zum Beispiel.<br />Dolci. Kitsch vs. Corporate. <br />Some rights reserved by HoriaVarlan<br />Gestalten für das iPad. Würze. Designkantine.<br />29.5.2009<br />83<br />
  84. 84. Morphologischer Kasten. Raiffeisen iPad.<br />Dolci. Kitsch vs. Corporate. <br />Online <br />Strategie<br />Marken-<br />kommunikation<br />Online <br />Marketing<br />Social<br />Application<br />Web Content<br />Management<br />Intranet/<br />E-Collaboration<br />Marktthema<br />E-Commerce<br />Industrie/<br />Transport<br />Konsum-<br />güter<br />Medien/<br />Verlage<br />Pharma/<br />Chemie<br />Branche<br />...<br />NGO<br />Automobil<br />Energie<br />Finanz<br />Nahrung<br />Verfügbarkeit<br />offline<br />Mobiles Netz<br />ISDN<br />Breitband<br />Nutzungsdauer<br />Jahre<br />Wochen<br />Tage<br />Stunden<br />Minuten<br />Häufigkeit<br />oft<br />einmalig<br />immer<br />selten<br />regelmässig<br />Nutzungskontext<br />spielen<br />erkunden<br />suchen<br />arbeiten<br />lernen<br />unterhalten<br />iOS Standard<br />Kitsch<br />Physikalisch<br />Brand<br />Infografik<br />Designkonzept<br />Desktop<br />Gestalten für das iPad. Würze. Designkantine.<br />29.5.2009<br />84<br />
  85. 85. Unsere Entscheidung.<br />Corporate Design vor Kitsch<br />Markenkommunikation: Eine Raiffeisen Welt – emotional ausreichend<br />Lernen: Finanzierung eines Eigenheims<br />Intuitive Bedienung<br />Intensive Nutzung in einem kurzen Zeitraum<br />Regelmässige, seltene Nutzung auf Dauer <br />Touch-Steuerung für Geldbeträge<br />Dolci. Kitsch vs. Corporate. <br />Gestalten für das iPad. Würze. Designkantine.<br />29.5.2009<br />85<br />
  86. 86. Raiffeisen iPad Prototyp<br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />86<br />Keine Originaldarstellung<br />
  87. 87. Und was ist Ihre Wahl?<br />http://www.surveymonkey.com/s/8Z8G269<br />Dolci. Kitsch vs. Corporate. <br />29.5.2009<br />Gestalten für das iPad. Würze. Designkantine.<br />87<br />
  88. 88. Fazit<br />29.5.2009<br />88<br />Gestalten für das iPad. Würze. Designkantine.<br />
  89. 89. Delight People<br />“Delight People withStunning Graphics – One way to increasetheperceivedvalue of yourapplicationis to replicatethelook of high- qualityorpreciousmaterials. For example, iftheeffect of wood, leather, or metal isappropriate in yourapplication, takethe time to makesurethe material looksrealistic and valuable.” <br />iPad Human Interface Guidelines p.24<br />29.5.2009<br />89<br />Gestalten für das iPad. Würze. Designkantine.<br />
  90. 90. EnhanceInteractivity<br />“The best iPadapplicationsgivepeople innovative ways to interactwithcontentwhiletheyperform a clearlydefined, finite task. Resistthetemptation to fillthe large screenwithfeaturesthatarenotdirectlyrelated to themaintask.” <br />iPad Human Interface Guidelines p.19<br />29.5.2009<br />90<br />Gestalten für das iPad. Würze. Designkantine.<br />
  91. 91. Simplicityispowerful<br />Simplicityfuelsmanyelements of good design, includingease of use, speed, visualappeal, and accessibility. Butsimplicitystartswiththedesign of a product‘s fundamental functions. <br />Googleyuserexperience<br />29.5.2009<br />91<br />Gestalten für das iPad. Würze. Designkantine.<br />
  92. 92. Payattention to patterns<br />Users spend themajority of their time on interfacesotherthanyourown. Thereis no need to reinventthewheel. Thoseinterfacesmaysolvesome of thesameproblemsthatusersperceivewithintheoneyouarecreating. Byusingfamiliar UI patterns, you will helpyourusersfeel at home.<br />Think Vitamin – 10 User Interface Guidelines<br />29.5.2009<br />92<br />Gestalten für das iPad. Würze. Designkantine.<br />
  93. 93. Makeitself-explanatory<br />Good designmakes a productunderstandable. Itclarifiestheproduct’sstructure. Better still, itcanmaketheproducttalk. At best, itisself-explanatory.<br />Dieter Rams: ten principlesfor good design.<br />29.5.2009<br />93<br />Gestalten für das iPad. Würze. Designkantine.<br />
  94. 94. Designprinzipien.<br />iPad User Experience Guidelines (Apple)<br />http://www.lukew.com/ff/entry.asp?995<br />10 User Interface Design Fundamentals (Think Vitamin)<br />http://thinkvitamin.com/design/10-user-interface-design-fundamentals/<br />10 Heuristicsfor User Interface Design (Jakob Nielsen)<br />http://www.useit.com/papers/heuristic/heuristic_list.html<br />TheGoogley User Experience Principles (Google)<br />http://www.google.com/corporate/ux.html<br />Ten Principles of Good Design (Dieter Rams)<br />http://www.vitsoe.com/en/re/about/dieterrams/gooddesign<br />Design PrinciplesGlossary<br />http://www.usabilityfirst.com/glossary/design-principles/<br />Fazit.<br />29.5.2009<br />94<br />Gestalten für das iPad. Würze. Designkantine.<br />
  95. 95. Fazit<br />Zweckorientiert. Reduziert. Intuitiv.<br />29.5.2009<br />95<br />Gestalten für das iPad. Würze. Designkantine.<br />
  96. 96. Single Minded<br />29.5.2009<br />96<br />Gestalten für das iPad. Würze. Designkantine.<br />
  97. 97. Vielen Dank für Ihre Aufmerksamkeit.<br />claus.medvesek@namics.comdaniel.demel@namics.comthomas.link@namics.com<br />© Namics<br />29.5.2009<br />97<br />Gestalten für das iPad. Würze. Designkantine.<br />

×