Usability und mediengerechte Gestaltung für mobiles Marketing
•
1 gefällt mir•797 views
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.
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (18)
Ähnlich wie Usability und mediengerechte Gestaltung für mobiles Marketing
Ähnlich wie Usability und mediengerechte Gestaltung für mobiles Marketing (20)
Usability und mediengerechte Gestaltung für mobiles Marketing
- 1. Usability und mediengerechte Gestaltung für mobiles Marketing
- 2. Agenda Annika Brinkmann Themes und Branding Content/Wahl der Plattform Betrachtungen zur Usability Mobile Screen Design © Annika Brinkmann – www.absichtbar.de
- 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
- 5. Kombination: Screen- & Hardware-Branding Operator Operator 07.01.2009 07.01.2009 LSK RSK LSK RSK © Annika Brinkmann – www.absichtbar.de
- 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. 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. 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. Fullscreen/Transparenz-Unterstützung © Annika Brinkmann – www.absichtbar.de
- 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. Unterschiedliche Geräte, jedoch einheitliche Benutzung © Annika Brinkmann – www.absichtbar.de
- 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. 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. Unterschiedlichste Screengrößen und Formate © Annika Brinkmann – www.absichtbar.de
- 17. Formulare gehören zu den größten Herausforderungen © Annika Brinkmann – www.absichtbar.de
- 18. Werbung in WAP-Portalen, Games, Applikationen, via Menü-Icons Angebotsbeschreibung Personalisierung Auslöser Menu LSK RSK © Annika Brinkmann – www.absichtbar.de
- 19. Vom Banner zum Info-Teaser und personalisiertem Zugriff © Annika Brinkmann – www.absichtbar.de
- 20. Farb-, Navigations-, Content- und Personalisierungskonzept © Annika Brinkmann – www.absichtbar.de
- 22. Mediengerechtes Design © Annika Brinkmann – www.absichtbar.de
- 23. Ob hell oder dunkel – die Lesefreundlichkeit darf nicht leiden! © Annika Brinkmann – www.absichtbar.de
- 24. Unterschiedliche Screenbreiten = erhöhter Produktionsaufwand © Annika Brinkmann – www.absichtbar.de
- 25. Client: graphische Elemente können übereinander dargestellt werden © Annika Brinkmann – www.absichtbar.de
- 26. Ad-Platzierung: zwischen Integration und Abgrenzung © Annika Brinkmann – www.absichtbar.de
- 27. Flexibel aufgebautes xHTML für Flip-Screens – jedes Pixel ist kostbar © Annika Brinkmann – www.absichtbar.de
- 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