Usability und mediengerechte Gestaltung für mobiles Marketing

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    2 Favorites

    Usability und mediengerechte Gestaltung für mobiles Marketing - Presentation Transcript

    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
    4. Themes und Branding
    5. Kombination: Screen- & Hardware-Branding Operator Operator 07.01.2009 07.01.2009 LSK RSK LSK RSK © Annika Brinkmann – www.absichtbar.de
    6. Content/Wahl der Plattform
    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
    11. Betrachtungen zur Usability
    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
    21. Mobile Screen Design
    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
    SlideShare Zeitgeist 2009

    + Annika BrinkmannAnnika Brinkmann Nominate

    custom

    398 views, 2 favs, 1 embeds more stats

    Welche Techniken stehen für die Verbreitung von mo more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 398
      • 397 on SlideShare
      • 1 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 0
    Most viewed embeds
    • 1 views on http://do.notuse.me

    more

    All embeds
    • 1 views on http://do.notuse.me

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories