Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites und Applikationen
Mit dem iPhone hat Apple die mobile Internetnutzung massentauglich gemacht und dank Touch-Technologien wurden Inhalte greifbar. Um das mobile Internet zu etablieren, genügt es jedoch nicht, einfach den herkömmlichen, stationären Web-Auftritt auf ein Handy-Display zu projizieren. Der Bezug zur mobilen Nutzungssituation ist hierbei ein entscheidendes Kriterium. In diesem Vortrag erfahren Sie, wie Anwendungen für das mobile Internet optimiert werden müssen und wie der mobile Nutzer ins Zentrum aller Überlegungen gebracht wird.
Christoph Mühlbauer (Human-Computer-Interaction, Universität Siegen)
Folien für ein Grundlagenunterricht zum Thema User Experience. Sowohl der theoretische Teil als auch die Workshop-Aufgabe basiert auf einer Lean-UX-Herangehensweise (credits to Jeff Gothelf @jboogie)
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo GmbH
Was heißt Konzeption? Und was bedeutet Konzeption für User Experience und Usability?
Beleuchtet wird das Berufsbild des Konzepters und die für Konzeption zentralen Skills und Kompetenzen.
Ein Ausblick zeigt die besondere Relevanz des Impliziten für die Konzeption optimal funktionierender Interfaces.
Uability und User Experience - Ein bisschen darüber geplaudert ...Maria Rauschenberger
Die Begriffe "User Experience & Usability" werden nicht nur in unserem nächsten Vortrag im gleichen Atemzug genannt, sondern auch häufig im täglichen Gebrauch. Dabei gibt es zwischen beiden Begriffen eindeutige Unterschiede.
Während die User Experience das Nutzererlebnis vor, während und nach Interaktion mit einem System untersucht, betrachtet die Usability die Gebrauchstauglichkeit.
Doch das ist nicht alles.
Maria Rauschenberger wird Ihnen im kommenden Vortrag die Grundlagen und Fragestellungen zu diesen beiden Themen nahebringen, bestehende Beispiele aus der Praxis vorstellen und Ihnen Ihren persönlichen Nutzen für Ihr Produkt aufzeigen.
Talk zur Webinale mit André Scharf und Peter Rozek.
Wenn uns Googles Updates und Algorithmusanpassungen in den letzten Jahres eines gelehrt haben, dann dass es für eine optimale Sichtbarkeit in den Suchergebnissen nicht mehr genügt, die Rankingfaktoren und Lücken der Suchmaschinen richtig auszunutzen. Vielmehr ist aus der Optimierung für Suchmaschinen eine Optimierung für den Nutzer geworden, um diesem die besten Ergebnisse für seine Suchanfrage zu liefern. Doch woher wissen wir, was Nutzer wirklich wollen, und wie schaffen wir es, dass sich die Nutzer auf unserer Website wohlfühlen? Diese Aufgabe erfordert mehr als technisches Verständnis, schließt Design-, Usability- und UX-Elemente ein und darf auch die Vermarktung nicht außer Acht lassen. Wie können wir also die gewohnten Silos durchbrechen, um Nutzer besser abzuholen und glücklich zu machen?
"Online-Strategien für Städte und Kommunen": Usability / Designtrends in Kommunalen Internetportalen Impuls: Nicole Armbruster (UsercentriX - User Experience Specialist & Usability Consultant, Diplom Psychologin - http://www.usercentrix.com/) auf der Stadt & Netz 2014
Folien für ein Grundlagenunterricht zum Thema User Experience. Sowohl der theoretische Teil als auch die Workshop-Aufgabe basiert auf einer Lean-UX-Herangehensweise (credits to Jeff Gothelf @jboogie)
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo GmbH
Was heißt Konzeption? Und was bedeutet Konzeption für User Experience und Usability?
Beleuchtet wird das Berufsbild des Konzepters und die für Konzeption zentralen Skills und Kompetenzen.
Ein Ausblick zeigt die besondere Relevanz des Impliziten für die Konzeption optimal funktionierender Interfaces.
Uability und User Experience - Ein bisschen darüber geplaudert ...Maria Rauschenberger
Die Begriffe "User Experience & Usability" werden nicht nur in unserem nächsten Vortrag im gleichen Atemzug genannt, sondern auch häufig im täglichen Gebrauch. Dabei gibt es zwischen beiden Begriffen eindeutige Unterschiede.
Während die User Experience das Nutzererlebnis vor, während und nach Interaktion mit einem System untersucht, betrachtet die Usability die Gebrauchstauglichkeit.
Doch das ist nicht alles.
Maria Rauschenberger wird Ihnen im kommenden Vortrag die Grundlagen und Fragestellungen zu diesen beiden Themen nahebringen, bestehende Beispiele aus der Praxis vorstellen und Ihnen Ihren persönlichen Nutzen für Ihr Produkt aufzeigen.
Talk zur Webinale mit André Scharf und Peter Rozek.
Wenn uns Googles Updates und Algorithmusanpassungen in den letzten Jahres eines gelehrt haben, dann dass es für eine optimale Sichtbarkeit in den Suchergebnissen nicht mehr genügt, die Rankingfaktoren und Lücken der Suchmaschinen richtig auszunutzen. Vielmehr ist aus der Optimierung für Suchmaschinen eine Optimierung für den Nutzer geworden, um diesem die besten Ergebnisse für seine Suchanfrage zu liefern. Doch woher wissen wir, was Nutzer wirklich wollen, und wie schaffen wir es, dass sich die Nutzer auf unserer Website wohlfühlen? Diese Aufgabe erfordert mehr als technisches Verständnis, schließt Design-, Usability- und UX-Elemente ein und darf auch die Vermarktung nicht außer Acht lassen. Wie können wir also die gewohnten Silos durchbrechen, um Nutzer besser abzuholen und glücklich zu machen?
"Online-Strategien für Städte und Kommunen": Usability / Designtrends in Kommunalen Internetportalen Impuls: Nicole Armbruster (UsercentriX - User Experience Specialist & Usability Consultant, Diplom Psychologin - http://www.usercentrix.com/) auf der Stadt & Netz 2014
Mach Deinen Nutzer happy! Usability und UXAstrid Beck
Astrid Beck
GUI Design Stuttgart HS Esslingen
11. April 2016 andrena objects Karlsruhe
What is Usability and how to introduce Usability and UX (User Experience) into your company.
Met de juiste web design in Frankfurt uw product zal rechtstreeks zijn rechtmatige plaats in de markt. Modern logo's, aansprekende teksten, redelijke service design. Wij adviseren en brengen de kwaliteit web design tegen redelijke prijzen.
Das Thema: KPIs vs. UX. Man könnte auch sagen alte Welt trifft auf neue Welt. User Experience (UX) ist– zumindest in der Wahrnehmung – noch eine junge Disziplin. UX ist als Begriff mittlerweile natürlich etabliert, trotzdem existiert bei vielen Unternehmen noch eine große Unsicherheit gegenüber Tätigkeiten die im Sinne einer Nutzerzentrierung empfohlen und durchgeführt werden. Es stellt sich die Frage nach der Messbarkeit der Wirksamkeit der UX Methoden durch tradierte Messwerkzeuge wie KPIs.
Autor: Matthias Feit - die firma . experience design GmbH
Ein User Feedback Day ist die verkürzte Variante eines klassischen User Experience Tests. User Feedback Days kommen zum Einsatz, wenn schnell und kostengünstig Nutzerfeedback zu einem Prototyen eines Produkts, einer Anwendung oder eines neuen Feature eingeholt werden soll.
Fundación María Ecuménica, actividades del año 2014Enrique Rojas
Recuento de las actividades llevadas a cabo por la Fundación María Ecuménica en el año 2014, con registro fotográfico en pocas de ellas por motivos de prudencia y temple. Como esas actividades se llevan a cabo en lugares donde hay muchos enfermos, es más sabio no fotografiar...
Mach Deinen Nutzer happy! Usability und UXAstrid Beck
Astrid Beck
GUI Design Stuttgart HS Esslingen
11. April 2016 andrena objects Karlsruhe
What is Usability and how to introduce Usability and UX (User Experience) into your company.
Met de juiste web design in Frankfurt uw product zal rechtstreeks zijn rechtmatige plaats in de markt. Modern logo's, aansprekende teksten, redelijke service design. Wij adviseren en brengen de kwaliteit web design tegen redelijke prijzen.
Das Thema: KPIs vs. UX. Man könnte auch sagen alte Welt trifft auf neue Welt. User Experience (UX) ist– zumindest in der Wahrnehmung – noch eine junge Disziplin. UX ist als Begriff mittlerweile natürlich etabliert, trotzdem existiert bei vielen Unternehmen noch eine große Unsicherheit gegenüber Tätigkeiten die im Sinne einer Nutzerzentrierung empfohlen und durchgeführt werden. Es stellt sich die Frage nach der Messbarkeit der Wirksamkeit der UX Methoden durch tradierte Messwerkzeuge wie KPIs.
Autor: Matthias Feit - die firma . experience design GmbH
Ein User Feedback Day ist die verkürzte Variante eines klassischen User Experience Tests. User Feedback Days kommen zum Einsatz, wenn schnell und kostengünstig Nutzerfeedback zu einem Prototyen eines Produkts, einer Anwendung oder eines neuen Feature eingeholt werden soll.
Fundación María Ecuménica, actividades del año 2014Enrique Rojas
Recuento de las actividades llevadas a cabo por la Fundación María Ecuménica en el año 2014, con registro fotográfico en pocas de ellas por motivos de prudencia y temple. Como esas actividades se llevan a cabo en lugares donde hay muchos enfermos, es más sabio no fotografiar...
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX GmbH
Die Abkürzung UX (User Experience), die laut Wikipedia häufig mit dem Begriff
„Nutzer-oder Anwendererlebnis“ übersetzt wird, ist bei der Planung und Realisierung
moderner Intranetlösungen in aller Munde. Dabei ist der Begriff nicht neu. Ursprünglich
in der Architektur entwickelt, beschreibt der Begriff der User Experience heute die
Kriterien für gut bedienbare Intranets oder Websites: Die visuelle Gestaltung der
Oberfläche, deren Gebrauchstauglichkeit (Usability) und Funktionalität (Interaktion)
wirken zusammen und machen ein digitales System erlebbar.
Mehr Informationen zur konsequenten Anwenderfokussierung: www.btexx.de/creation
Fußball, Sonne, Open Air: Der Sommer ist in voller Fahrt und wird Sie garantiert mitreißen! Die Highlights des Monats Juli erfahren Sie in der neuen Ausgabe der gold. Außerdem im Heft: Prominente wie Verena Poth, Mark Wahlberg und Robbie Williams, leckere Sommerrezepte von Starkoch Christian Henze und die absoluten Sommertrends in Sachen Mode und Beauty.
Praxis-Bericht über Entstehung der ImmobilienScout24-App. Präsentation-Inhalt lässt sich als Leitfaden für die Entwicklung von Apps im Allgemeinen verwenden.
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...Martin Blenkle
Der Erfolg der großen kommerziellen Internetanbieter zeigt, dass die Akzeptanz von Webdienstleistungen nicht nur von der Qualität sondern auch von der Präsentation der eigenen Dienste abhängt. Die Berücksichtigung von Erkenntnissen aus Usability Studien - klare einfache Strukturen und die Beschränkung auf das Wesentliche - machen Webangebote für Nutzer attraktiver.
Die Online-Präsentation der komplexen Angebote wissenschaftlicher Bibliotheken ist allerdings bislang eher von bibliothekarischer Fachsicht sowie von den Möglichkeiten der technischen Realisierbarkeit beeinflusst. Die meist geringe Integration der unterschiedlichen Online-Angebote fällt den bibliothekarischen Experten in der Regel nicht auf, ist jedoch für die Nutzer oftmals nur schwer nachvollziehbar.
Im Rahmen eines Projektes hat die Staats- und Universitätsbibliothek Bremen ihren Internetauftritt komplett neu gestaltet. Über die neue Struktur können nunmehr alle wesentlichen lokalen (Webseite, Suchmaschine, E-Medienverzeichnisse) und überregionalen Dienste (Verbundnachweise, Fernleihe) in einer integrierten Webapplikation angeboten werden.
Der Vorteil einer solchen serviceorientierten Architektur ist die konsequente Berücksichtigung der Nutzersicht und der gängigen Nutzerworkflows. Typische Medienbrüche werden auf ein Mindestmaß reduziert und kontextsensitive Zusatzfunktionen stehen immer dann bereit, wenn Sie vom Nutzer benötigt werden.
Wir möchten Anregungen für ähnliche Relaunchvorhaben geben, kritische Projektparameter aufzeigen und die im Zusammenhang mit der Diensteintegration gemachten Erfahrungen weitergeben.
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Robert Weller
Erfahre warum User Experience und Content Design eine feste Einheit bilden und warum die richtige Balance zwischen Business- und Nutzerzielen für die eigene Content-Strategie so wichtig ist.
Aus dem Inhalt:
✓ Tipps, um für ihre Zielgruppe nutzbaren sowie für die eigenen Ziele nützlichen Content zu gestalten.
✓ Übersicht der vier wichtigsten Faktoren einer erfolgreichen Content-Strategie.
✓ Darstellung eines typischen UX Design Prozess und wie er beim Content Design unterstützt.
Dieses SlideDeck stammt aus der GoToWebinar Session am 20.02.2018, on-demand verfügbar unter https://bit.ly/Aufzeichnung-Content-Design
Vortrag beim ADC Young Masters "Konzeption" am 12. März in Hamburg.
Wieviel kreativen Spielraum gibt es in typischen Online-Projekten und welche Aufgaben übernimmt ein Online-Konzepter? Welche Rolle spielen Texter in Online-Projekten?
Wenn Sie auf einer Website ein Produkt kaufen, einen Flug buchen oder einen Termin vereinbaren, muss ziemlich viel glatt gehen: Die jeweilige Funktion muss vorhanden sein, sie muss auffindbar sein, sie muss leicht bedienbar sein – und dann sollte sie natürlich auch zum gewünschten Ergebnis führen. Zu all diesen Dingen hat sich vorher jemand Gedanken gemacht – in großen Digitalprojekten sind Konzepter dafür verantwortlich.
Der Vortrag erläutert anhand von Beispielen, wie in Digitalagenturen große Informationsportale und Anwendungen entstehen, und welche Rolle dabei Konzepter bzw. User Experience Designer einnehmen. So soll der vielfältige Arbeitsalltag dieses Berufs gezeigt und klargemacht werden, wie Konzepter sowohl Nutzerbedürfnissen als auch Auftraggeberzielen gleichermaßen gerecht werden müssen. Außerdem werden aktuelle Themen und Trends der Branche diskutiert.
Der Vortrag wurde am 28. April 2015 am Institut für Bibliotheks- und Informationswissenschaft (IBI) der Humboldt-Universität Berlin im Rahmen der Reihe "Berliner Bibliothekswissenschaftliches Kolloquium" (BBK) gehalten.
Auf der Website der Veranstaltung gibt es auch einen Screencast aus Folien und Audiomitschnitt:
https://www.ibi.hu-berlin.de/de/bbk/abstracts/ss15/freimark
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"Werbeplanung.at Summit
Workshop mit Mirjam Techt, Produktmanagerin von willhaben.at, zum Thema "Mobile Commerce".
Verschiedene Betriebssysteme und Releases, Screengrößen und eine andere Usability verlangen beim Herangehen an Mobile eine eigene Denke. Die Workshop-Inhalte helfen Energie und Zeit bei der Implementierung von mobilene Strategien zu sparen.
Praxis-Bericht über Entstehung der ImmobilienScout24-App. Präsentation-Inhalt lässt sich als Leitfaden für die Entwicklung von Apps im Allgemeinen verwenden.
Der Developer Experience Workshop konzentriert sich auf nutzerzentrierte Gestaltung im Platform Engineering. Er führt das Konzept von Platform Teams ein, die Stream-Aligned Teams unterstützen, um die kognitive Belastung bei der Entwicklung und Wartung von Anwendungen zu reduzieren, und betont die Bedeutung des Verständnisses der Bedürfnisse von Entwicklern für eine effiziente Plattformerstellung. Der Workshop legt Wert auf eine gute Developer Experience (DX), die sich durch klare Dokumentation, intuitives API-Design, präzise Fehlermeldungen und effiziente Tools auszeichnet, sowie den Einsatz von User Personas, um typische Nutzermerkmale, -bedürfnisse und -verhaltensweisen darzustellen, was zu einem gemeinsamen Verständnis und Empathie für die Nutzer führt. Weiteres in folgendem Repository:
https://github.com/konih/Developer-Experience-Workshop-Nutzerzentrierte-Gestaltung-im-Platform-Engineering
"Ich sehe was, was du nicht siehst" - Wie Live User Tracking das wahre Nutze...m-pathy GmbH
Vorteile und Grenzen um UX-Methodenmix
Webanalyse, Use Labs, AB Testing und Live User Tracking - Methoden gibt es viele. Doch welcher Mix garantiert die besten Insights für UX Optimierung und Backlog-Priorisierung in kundenorientierten Organisationen? Im Vortrag beleuchtet Robert Matthees die Stärken und Grenzen einzelner Methoden und die Bedeutung der Kombination für Kostenersparnis und Conversion Optimierung.
Guided Navigation hat sich als Navigationsvariante durchgesetzt für Websites mit grossen Datenbanken dahinter: Über verschiedene Kriterien kann man die Trefferliste laufend verfeinern.
- Worauf ist zu achten?
- Welche Ausprägungen gibt es?
- Wer liefert mir so eine Navigation?
Wie aus: "Wir wollen einen Relaunch" eine nutzerorientierte, responsive Website wird, und welche Herausforderungen dabei auftreten. Eine Betrachtung des Prozesse, der Tools und Ergebnisse aus Agentursicht.
http://www.uxhh.de/roundtable/archiv/index.html#Feb14
Wenn uns Googles Updates und Algorithmusanpassungen in den letzten Jahres eines gelehrt haben, dann dass es für eine optimale Sichtbarkeit in den Suchergebnissen nicht mehr genügt, die Rankingfaktoren und Lücken der Suchmaschinen richtig auszunutzen. Vielmehr ist aus der Optimierung für Suchmaschinen eine Optimierung für den Nutzer geworden, um diesem die besten Ergebnisse für seine Suchanfrage zu liefern. Doch woher wissen wir, was Nutzer wirklich wollen, und wie schaffen wir es, dass sich die Nutzer auf unserer Website wohlfühlen? Diese Aufgabe erfordert mehr als technisches Verständnis, schließt Design-, Usability- und UX-Elemente ein und darf auch die Vermarktung nicht außer Acht lassen. Wie können wir also die gewohnten Silos durchbrechen, um Nutzer besser abzuholen und glücklich zu machen?
Was sind die Trends im Webdesign 2014?
Die erste Ausgabe des datenwerk Kochbuchs gibt einen Überblick und zeigt Beispiele zu grundlegenden Trends im Webdesign der heutigen Zeit.
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...usability.de
Methoden und Werkzeuge für die Konzeption grafischer Benutzerschnittstellen sind vielfach erprobt. Beim Prototyping für digitale Sprachassistenten und Chatbots stoßen diese aber an ihre Grenzen. Wie können wir Conversational Interfaces während der Entwicklung erlebbar machen und mit Nutzern testen?
Überall und Jederzeit: Die Recherche in den Beständen der Technischen Informa...usability.de
In Büchern, Datenbanken, Zeitschriften und Multimedia stöbern und bestellen und das auf mobilen Endgeräten? In diesem Vortrag erfahren Sie u.a., was die Entwicklung mobiler Bibliotheksdienstleistungen für die Anbieterseite bedeutet und welche Erfahrungen dabei gemacht wurden.
Margret Plank (TIB Hannover)
Usability trifft IT-Sicherheit: Eine besondere Herausforderung für mobile Bus...usability.de
Die IT-Sicherheit spielt in Unternehmen wie der VGH eine nicht zu unterschätzende Rolle. Oft steht sie zunächst in direkter Konkurrenz zur Usability einer Anwendung. Der Vortrag ist zugleich ein Erfahrungsbericht aus der Entwicklung einer BlackBerry App mit Ansätzen zum Weiterdenken.
Carsten Wagner (ivv / VGH)
"Wo guckst Du?" - Blickverlaufsmessung in mobilen Kontextenusability.de
"Wo guckst Du?" - Blickverlaufsmessung in mobilen Kontexten
Mittels Eye-Tracking - einem Verfahren zur Blickverlaufsmessung - lässt sich problemlos feststellen, wohin Benutzer bei der Verwendung einer Website oder einer Software schauen oder in welcher Reihenfolge bestimmte Elemente angesehen werden. Wird ein Button übersehen, werden die Texte gelesen etc. Mit den Tobii Glasses existiert nun auch eine Möglichkeit Eye Tracking Untersuchungen mobil durchzuführen (z.B. vor einem Bibliotheksregal oder beim Autofahren). Erste Erkenntnisse werden in diesem Vortrag vorgestellt. Steffen Weichert (usability.de)
Die mobile Zukunft. Neuheiten und aktuelle Trends rund um mobile Endgeräte un...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites und Applikationen
1. Mobile User Experience
Entwicklung benutzerfreundlicher mobiler Websites und Applikationen
Christoph Mühlbauer
User Experience Consultant
Hannover, 11.11.2010
Quelle: http://www.n24.de/media/_fotos/bildergalerien/002010/ipad_games/ipad1.jpg
2. Planungsprozess “mobile”
Tolle Idee und
Basisanforderungen
der Zielgruppe.
Die Umgebung in
der die Anwendung
um das „gewisse
Extra“ bereichert
wird.
Kontext
Wie kann damit Geld
verdient werden und
welche Geräteklasse
berücksichtige ich?
Eine „user experience“
auf Grundlage von
Nutzeranforderungen
gestalten und entwickeln.
Testen, testen, testen
und optimieren!
Strategie
Endgeräteauswahl
UX Design
Prototyping
Entwicklung
Evaluation
Idee
Anforderungen
3. Die Umgebung in
der die Anwendung
um das „gewisse
Extra“ bereichert
wird.
Idee
Anforderungen
Tolle Idee und
Basisanforderungen
der Zielgruppe.
Wie kann damit Geld
verdient werden und
welche Geräteklasse
berücksichtige ich?
Eine „user experience“
auf Grundlage von
Nutzeranforderungen
gestalten und entwickeln.
Testen, testen, testen
und optimieren!
Strategie
Endgeräteauswahl
UX Design
Prototyping
Entwicklung
EvaluationKontext
Planungsprozess “mobile”
6. Rund 72 % der Informationsbedürfnisse entstehen
aus dem Nutzungskontext heraus.
Aber nur etwa ein Drittel des Informationsbedarfs
wird durch das mobile Web gedeckt.
- Studie „A Diary Study of Mobile Information Needs”
7. Kontextunterscheidung
Context „c“
Die Umgebung, das Medium oder ein Gegenstand.
Momentaner Standort (physical context)
Zugang zu Informationen (media context)
Befinden (modal context)
8. Context „c“
Der physikalische Kontext gibt vor, wie ich
Zugang zu Informationen bekomme und
daraus einen Mehrwert generieren kann.
Quelle: http://orweblog.oclc.org/layar.jpg
9. Context „C“
Das Verständnis über den Sachverhalt.
Mentales Modell
Ein mentales Modell ist ein im Gedächtnis abgespeichertes Abbild eines
komplexen Prozesses in einer reduzierten und abstrahierten Form.
Bedeutungszuweisung
Kontextunterscheidung
11. Wie kann damit Geld
verdient werden und
welche Geräteklasse
berücksichtige ich?
Die Umgebung in
der die Anwendung
um das „gewisse
Extra“ bereichert
wird.
Kontext
Idee
Anforderungen
Tolle Idee und
Basisanforderungen
der Zielgruppe.
Eine „user experience“
auf Grundlage von
Nutzeranforderungen
gestalten und entwickeln.
Testen, testen, testen
und optimieren!
UX Design
Prototyping
Entwicklung
Evaluation
Strategie
Endgeräteauswahl
Planungsprozess “mobile”
12. Eine „user experience“
auf Grundlage von
Nutzeranforderungen
gestalten und entwickeln.
Idee
Anforderungen
Tolle Idee und
Basisanforderungen
der Zielgruppe.
Die Umgebung in
der die Anwendung
um das „gewisse
Extra“ bereichert
wird.
Wie kann damit Geld
verdient werden und
welche Geräteklasse
berücksichtige ich?
Testen, testen, testen
und optimieren!
Kontext
Strategie
Endgeräteauswahl Evaluation
UX Design
Prototyping
Entwicklung
Planungsprozess “mobile”
13. “mobile Design” Elemente
„mobile“ ist ein neues Medium und dementsprechend
gelten (andere) Regeln als im traditionellen Web!
Quelle: aboutpixel.de/Kreuzung
14. “look and feel”
Was bedeutet das nun für den Designer?
Muss einen durchgängigen „look“ erzeugen
Einheitliche Buttons, ähnliche visuelle Anmutung
Jedes Fragezeichen beim Nutzer bedeutet eine höhere kognitive Belastung
Reaktion Testperson:
TP 1: „Hat nichts mit der vorherigen Suche zu tun.
Hier bin ich falsch. Ist doch eine komplett
neue Suche!“
Negativ-Beispiel: Suchauftrag Immobiliensuche
15. Einfachheit gewinnt
Nutzer sucht einzig nach Infos, die zum aktuellen Interesse passen
Alles was nicht das primäre Ziel des Nutzers unterstützt, fliegt raus
Keine Inhalte verstecken
16. Informationsarchitektur
Tips
So einfach wie möglich
Nur „user goals“
Drei bis vier Navigationsebenen sind ausreichend
Möglichkeiten limitieren um Fehler zu vermeiden
Site Maps, Clickstreams helfen bei der Entwicklung
Entwickler muss sich fragen
Macht es Sinn gleiche Struktur zu benutzen?
Welche Art Navigation wird verwendet?
Wie navigiert der User zu anderen Bereichen?
Quelle: http://lilianatroy.com/lilianatroy/wp-content/themes/lt/images/mobile_web2.png
17. Interaktion
„Ich drücke aber es tut sich nichts ?!“
Bsp.: Bilder sind hier ein großes Problem!
...wie verhalten sich diese bei einem Klick?
Vergrößern sich
Drehen sich um Informationen auf der Rückseite zu zeigen
Der User gelangt in eine Bildergalerie
Problem: fehlendes „Mentales Modell“
Fragen die ich mir als Entwickler stellen sollte
Wie schaffe ich es, das der Finger keine wichtigen Inhalte verdeckt?
Finger ist weniger akkurat als ein Mauszeiger! Problem?
Wie schaff ich es, nicht immer zwei Links gleichzeitig zu treffen?
Benötige ich für die Interaktion beide Hände? Wichtig für die Gestaltung.
Quelle: http://fscklog.typepad.com/.a/6a00d83451c7b569e201310f4c6f439
Grundlegendes Problem
Ich bekomme immer erst eine Rückmeldung
wenn ich schon agiert habe!
19. Wo auf der Seite muss die Navigation hin?
Navigation oben und unten?
Wie viele Elemente passen nebeneinander?
Wie übersichtlich wirkt die Seite?
Wichtig: sehr detailiert gestalten
Layout
20. Wichtig für Auswahl und Gestaltung der Typografie
unlesbar
muss gezoomt
werden
lesbar ohne zoomen
ist perfekt auf die Seitenbreite angepasst
verschiedene Schrifttypen /-farben
helfen zur Orientierung
Typografie
Sehr kontrastreiche Schriftart verwenden (Außenbereiche)
Die richtige Schriftart verwenden (Navigation vs. Fließtext)
Ausreichender Zeilenabstand
Verschiedene Schriftfarben können helfen, die Orientierung zu behalten
stationärer Webauftritt native App
21. Icons
Hilfreich, um Ideen und Aktionen auf begrenzter Fläche zu präsentieren
Bedeutung der Icons muss eindeutig erkennbar sein
Reaktion Testperson:
TP 1: „Hat die Wohnung einen Briefkasten?“
TP 2: „RSS verbinde ich immer mit Orange!“
Grafiken
Wie setzte ich Grafiken richtig ein?
Grafiken sind wichtig für das visuelle Erscheinen – nur Text zu „unsexy“
Grafiken müssen das „look & feel“ unterstützen
Für eine stimmige Nutzererfahrung muss sich der Designer an den Style-Guidelines der
Hersteller orientieren
22. Eine „user experience“
auf Grundlage von
Nutzeranforderungen
gestalten und entwickeln.
Idee
Anforderungen
Tolle Idee und
Basisanforderungen
der Zielgruppe.
Die Umgebung in
der die Anwendung
um das „gewisse
Extra“ bereichert
wird.
Wie kann damit Geld
verdient werden und
welche Geräteklasse
berücksichtige ich?
Testen, testen, testen
und optimieren!
Kontext
Strategie
Endgeräteauswahl
UX Design
Prototyping
Entwicklung
Evaluation
Planungsprozess “mobile”
23. Danke für die Aufmerksamkeit
Christoph Mühlbauer
User Experience Consultant
MAIL: cmuehlbauer@pixelmuehle.eu
WEB: www.pixelmuehle.eu
XING: www.xing.com/profile/Christoph_Muehlbauer2
Fragen?
Hinweis der Redaktion
Vorstellung
Kontext: Zusammenhang von Beziehungen, die zwischen miteinander verbundenen Teilen bestehen!
Menschen die in Netzwerken die Umgebung beeinflussen können
Gebäude die Informationen liefern
Dinge die Informationen verändern und beeinflussen können
Ich mitten drinnen
Überleitung:
- Im folgenden sieht man nun einige Nutzungssituationen
Es ist deshalb so wichtig Kontext im Bereich Mobile zu verstehen, da 72% der...
- Viele Informationen werden lieber telefonisch erfragt, oder es wird sich anderweitig beholfen.
- Der mobile Netzzugang wird derzeit nicht als alleinige Lösung, sondern nur als Option angesehen. Ob er zum Einsatz kommt entscheidet der Nutzer anhand einer schnellen gedanklichen Kosten-Nutzer Analyse.
Kontext kann in zwei Kategorien aufgeteilt werden:
Context c bezieht sich eher auf das Praktische und Sichtbare
Context C spielt sich eher auf der mentalen Ebene ab
Befinden: Befinden steuert unsere Aktionen, bewusst oder unbewusst. Größter Einfluss- bzw. Störfaktor
Beispiel für physikalischen Kontext
Bedeutungszuweisung:
Kamera wird verwendet um Fotos zu machen – anderer verwendet Kamera zum Scannen von Belegen
- Informationsarchitektur ist das Skelette der Anwendung und hält alles zusammen.
- Kontext berücksichtigen
Hier helfen Tools/Schablonen die es für nahezu jedes System gibt.