Usability und
mediengerechte Gestaltung
für mobiles Marketing
Agenda




Annika Brinkmann
Themes und Branding
Content/Wahl der Plattform
Betrachtungen zur Usability
Mobile Screen Desig...
Annika Brinkmann


              Jahrgang 1978


              Studium Kommunikationsdesign an der (F)HTW Berlin
         ...
Themes und Branding
Kombination: Screen- & Hardware-Branding



                                               Operator
                  Oper...
Content/Wahl der Plattform
Applikation, WAP, oder Widget - Wahl der Technik

                Applikation        WAP-Portal               Widget
 Dars...
Applikation, WAP, oder Widget - Wahl der der Technik

                Applikation         WAP-Portal              Widget
 ...
WAP: Das beste Design für die jeweiligen Möglichkeiten
Special
XHTML High-End
XHTML Low-End
WML




                 1G   ...
Fullscreen/Transparenz-Unterstützung




                                       © Annika Brinkmann – www.absichtbar.de
Betrachtungen zur Usability
Komponenten der Benutzbarkeit


                                       mediengerechte
               Querverlinkung       ...
Unterschiedliche Geräte, jedoch einheitliche Benutzung




                                          © Annika Brinkmann – ...
5-Wege Fokus-, Accesskey- und (Finger-)Touch-Screen-Navigation



                            1
                          ...
Browser-Fläche = Screengröße - Scrollbar - Titel Bar - Softkeyarea

                   Breite „Usable width“



          ...
Unterschiedlichste
Screengrößen und Formate

© Annika Brinkmann – www.absichtbar.de
Formulare gehören zu den größten Herausforderungen




                                       © Annika Brinkmann – www.abs...
Werbung in WAP-Portalen, Games, Applikationen, via Menü-Icons




                                                        ...
Vom Banner zum Info-Teaser und personalisiertem Zugriff




                                        © Annika Brinkmann – w...
Farb-, Navigations-, Content- und Personalisierungskonzept




                                         © Annika Brinkmann...
Mobile Screen Design
Mediengerechtes Design




                         © Annika Brinkmann – www.absichtbar.de
Ob hell oder dunkel – die Lesefreundlichkeit darf nicht leiden!




                                            © Annika B...
Unterschiedliche Screenbreiten = erhöhter Produktionsaufwand




                                        © Annika Brinkman...
Client: graphische Elemente können übereinander dargestellt werden




                                         © Annika B...
Ad-Platzierung: zwischen Integration und Abgrenzung




                                        © Annika Brinkmann – www.a...
Flexibel aufgebautes xHTML für Flip-Screens – jedes Pixel ist kostbar




                                           © Ann...
Annika Brinkmann
Diplom Designerin fh

Straßmannstraße 36
10249 Berlin. Germany
+49 (0) 30 - 21 02 74 35
+49 (0) 176 - 23 ...
Upcoming SlideShare
Loading in …5
×

Usability und mediengerechte Gestaltung für mobiles Marketing

1,300 views

Published on

Welche Techniken stehen für die Verbreitung von mobilem Content zur Verfügung, welche Faktoren aus Konzept und Gestaltung bestimmen den Erfolg einer mobilen Anwendung? Die gezeigten Folien wurden auf dem °mstreet-Vortrag am 01.04.2009 in Berlin gezeigt und erläutert.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,300
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Usability und mediengerechte Gestaltung für mobiles Marketing

  1. 1. Usability und mediengerechte Gestaltung für mobiles Marketing
  2. 2. Agenda Annika Brinkmann Themes und Branding Content/Wahl der Plattform Betrachtungen zur Usability Mobile Screen Design © Annika Brinkmann – www.absichtbar.de
  3. 3. Annika Brinkmann Jahrgang 1978 Studium Kommunikationsdesign an der (F)HTW Berlin Diplom 2003 über Navigationsstrukturen im Internet Senior-Designerin und Ausbilderin (AEVO) für Mediengestalter bei iconmobile Berlin (2004-2007) Selbständig als Mobile Screen Designerin seit August 2007 Kunden aus dem Agenturbereich und der freien Wirtschaft Projekte u.a. internationale Content-Portale, Presse-Portal und Flirt- und Ausgeh-Communities, Widgets und Applikationen © Annika Brinkmann – www.absichtbar.de
  4. 4. Themes und Branding
  5. 5. Kombination: Screen- & Hardware-Branding Operator Operator 07.01.2009 07.01.2009 LSK RSK LSK RSK © Annika Brinkmann – www.absichtbar.de
  6. 6. Content/Wahl der Plattform
  7. 7. Applikation, WAP, oder Widget - Wahl der Technik Applikation WAP-Portal Widget Darstellung Java/Symbian/Flash- xHTML/CSS xHTML/CSS + Ajax Lite... + Ajax (High-End) ... iPhone eigene SDK + eigene Tags eigene SDK Produkticon im Game- oder Favoritenliste des Plattformabhängig Hauptmenü Browsers oder via im Hauptmenü oder Micro-Applikation eigener Umgebung ... iPhone Menü/Unterseite durch den User als Menü/Unterseite Shortcut setzbar Verbreitung fast alle Geräte fast alle Geräte Neue Geräte nativ, (außer Einsteiger-) (außer Einsteiger-) ältere mit Java-App/ Firmware-Update Traffic 1*Paket Einzelseiten 1*Paket + Aktuelle Daten + Aktuelle Daten © Annika Brinkmann – www.absichtbar.de
  8. 8. Applikation, WAP, oder Widget - Wahl der der Technik Applikation WAP-Portal Widget viel Einfluss kein Einfluss Softkeybelegung Push-Aktualisierung Übergänge animiert Offline-Nutzung Aktualitätsgarantie Personalisierung © Annika Brinkmann – www.absichtbar.de
  9. 9. WAP: Das beste Design für die jeweiligen Möglichkeiten Special XHTML High-End XHTML Low-End WML 1G 2G 2.5G 3G 3.5G © Annika Brinkmann – www.absichtbar.de
  10. 10. Fullscreen/Transparenz-Unterstützung © Annika Brinkmann – www.absichtbar.de
  11. 11. Betrachtungen zur Usability
  12. 12. Komponenten der Benutzbarkeit mediengerechte Querverlinkung Markenpräsentation Device-Adaption Linkkonzept Lesbarkeit Datenhierarchie Contentintegration Bildkonzept Wording Konzeptvisualisierung Personalisierung Farbkonzept Querverlinkung Grafikproduktion Flow-Optimierung Konzept Design © Annika Brinkmann – www.absichtbar.de
  13. 13. Unterschiedliche Geräte, jedoch einheitliche Benutzung © Annika Brinkmann – www.absichtbar.de
  14. 14. 5-Wege Fokus-, Accesskey- und (Finger-)Touch-Screen-Navigation 1 2 3 4 5 6 7 8 9 0 OK Seite zurück OK Seite zurück OK OK 1 2 3 4 5 6 7 8 9 * 0 # © Annika Brinkmann – www.absichtbar.de
  15. 15. Browser-Fläche = Screengröße - Scrollbar - Titel Bar - Softkeyarea Breite „Usable width“ Titel Bar Indicator Bar Adress-Feld mit Google-Suche Browser-Höhe (kann verborgen werden) Scroll-Bar „Above the fold“ Navigation & Inhalt Softkey-Area Browser-Funktionalität (Vor, Zurück, Lesezeichen, Seiten-Manager) © Annika Brinkmann – www.absichtbar.de
  16. 16. Unterschiedlichste Screengrößen und Formate © Annika Brinkmann – www.absichtbar.de
  17. 17. Formulare gehören zu den größten Herausforderungen © Annika Brinkmann – www.absichtbar.de
  18. 18. Werbung in WAP-Portalen, Games, Applikationen, via Menü-Icons Angebotsbeschreibung Personalisierung Auslöser Menu LSK RSK © Annika Brinkmann – www.absichtbar.de
  19. 19. Vom Banner zum Info-Teaser und personalisiertem Zugriff © Annika Brinkmann – www.absichtbar.de
  20. 20. Farb-, Navigations-, Content- und Personalisierungskonzept © Annika Brinkmann – www.absichtbar.de
  21. 21. Mobile Screen Design
  22. 22. Mediengerechtes Design © Annika Brinkmann – www.absichtbar.de
  23. 23. Ob hell oder dunkel – die Lesefreundlichkeit darf nicht leiden! © Annika Brinkmann – www.absichtbar.de
  24. 24. Unterschiedliche Screenbreiten = erhöhter Produktionsaufwand © Annika Brinkmann – www.absichtbar.de
  25. 25. Client: graphische Elemente können übereinander dargestellt werden © Annika Brinkmann – www.absichtbar.de
  26. 26. Ad-Platzierung: zwischen Integration und Abgrenzung © Annika Brinkmann – www.absichtbar.de
  27. 27. Flexibel aufgebautes xHTML für Flip-Screens – jedes Pixel ist kostbar © Annika Brinkmann – www.absichtbar.de
  28. 28. Annika Brinkmann Diplom Designerin fh Straßmannstraße 36 10249 Berlin. Germany +49 (0) 30 - 21 02 74 35 +49 (0) 176 - 23 64 35 49 annika.brinkmann@absichtbar.de www.absichtbar.de AGD Mitglied 08421

×