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.

2.923 Aufrufe

Veröffentlicht am

Veröffentlicht in: Design, Technologie
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.923
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
7
Aktionen
Geteilt
0
Downloads
22
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie
  • …der Rechner für Oma &amp; Opa – Experiment in DE im Altersheim sehr erfolgreich.
  • Kitsch ist eine – eher abwertende – Beschreibung für Dinge, die meist intensiv dekoriert sind und dabei einen niedrigen Nutzwert haben. Man könnte meist auch Staubfänger dazu sagen.Das interessante – für Designer Erschreckende – daran: Diese Dinge werden von vielen Menschen geliebt und beim Kauf sind sie sogar bereit viel Geld dafür auszugeben.(An dem Punkt werden die Mitarbeiter aus dem Business typischerweise hellhörig)Und: User Adoption istfür den Erfolgentscheidend!
  • Und natürlich, weil Apple in den Richtlinien für die Bedienoberfläche Mobiler Geräte (Human User Interface Guidelines) zur Nutzung von Metaphern aufruft:http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/PrinciplesAndCharacteristics/PrinciplesAndCharacteristics.html#//apple_ref/doc/uid/TP40006556-CH7-SW1
  • Hand hoch: Wer denkt hierbei nicht unweigerlich an Sonnencreme und seine Badehose oder Bikini?
  • Hand hoch: Wer denkt hierbei nicht unweigerlich an Oktoberfest?
  • …eine gut gemachte Illusion zieht die Blicke automatisch in Ihren Bann.
  • Es gibt Dinge, wie diesen Füller, den wir in einem Meeting scheinbar nicht aus der Hand legen können – oder die Ledersitze in einem Porsche, deren Geruch und Haptik uns erwartungsvoll einsteigen lassen.
  • Ein Lenkrad kann jeder Kind bedienen – ein Grund Metaphern realer „Controller“ für Interaktionen auf dem iPad zu verwenden.Ein weiterer Punkt ist die Tatsache, dass wir diese Controller sowohl in Realität als auch auf dem iPad mit den HÄNDEN BEDIENEN!!!
  • Gefahr von „schlampiger“ UmsetzungDer Aufwand zur Erstellung, Sammlung und Optimierung von realitätsnahen Texturen ist nicht zu Unterschätzen. Hier sind professionelle – am besten eigene – Fotos von Material.Bei Nutzung von Material (Assets) aus Bildkatalogen gibt es die Herausforderung der einheitlichen Farbabstimmung und Lichtquellen.
  • Kitsch zeigt falsche, irreführende Information an.
  • Kitsch zeigt falsche, irreführende Information an.
  • Achtung, der Deko-PacMan kommt… denn Kitsch frisst den Inhalt auf!Auf diesem Screen wird weniger als die Hälfte der verfügbaren Fläche für Inhalt genutzt.
  • Stellen Sie sich vor sie wollen in den Urlaub fliegen… Wenn Sie wüssten, dass das der entscheidende Schalter ist, um einen Flugzeug-Absturz zu vermeiden. Steigen Sie trotzdem ein?Ach ja – und nach dem Absturz ist der Grund dann menschliches Versagen des Piloten.Ganz davon abgesehen fehlt jedem dieser Drehknopf auf dem Screen das nötige mechanische Feedback von Anschlag links und rechts.
  • Mach doch mal das Licht an… Kein Problem, oder?
  • Den meisten physischen Interaktionsmetaphern versagen auf dem Screen, sobald man sich nicht auf ein EINZIGES Objekt beschränkt.Warum? Den Objekten fehlt meist die entsprechende Meta-Information – z.B. an welcher Wand sich der Schalter befindet.
  • Wo ist der Vorteil der Lichtschalter, wenn der Kontext im Raum notdürftig mit der Beschriftung korrigiert werden muss?
  • Die Standard-Schalter des iOS (Betriebssystem iPhone/iPad) zeigen, wie viel mehr sie im Vergleich leisten:Beschriftung klar zugeordnetZustand Ein und Aus visuell klar unterscheidbarEin und Aus kann nicht verwechselt werdenInteraktion verständlich und konsistent zu anderen Programmen
  • Das CD Manual sagt wohl nichts über diesen Taschenrechner oder iPads. Und die Schrift auf den Tasten eines Raiffeisen-Rechners würde vermutlich auch nicht dem Designguidelines entsprechen
  • Unsere Entscheidung im Kampf zwischen Konventionen und Begehrlichkeit
  • 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 />

    ×