SlideShare ist ein Scribd-Unternehmen logo

Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Websites und Applikationen.

1 von 23
Downloaden Sie, um offline zu lesen
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
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
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
Evaluation
Kontext
Planungsprozess “mobile”
Kontext-Framework
Quelle: http://www.google.de/imghp?hl=de&tab=wi
Typische Nutzungskontexte
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”

Recomendados

Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...
Mobile User Experience: Entwicklung von benutzerfreundlichen mobilen Websites...usability.de
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo GmbH
 
Web Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionWeb Design - Inhalte, Interfaces und Interaktion
Web Design - Inhalte, Interfaces und InteraktionBjörn Wilmsmann
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Agnieszka Maria Walorska
 
Product tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortProduct tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortInken Petersen
 
Low Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentraleLow Budget Usability Testing Webtreff Konstanz Patric Schmid Benutzerzentrale
Low Budget Usability Testing Webtreff Konstanz Patric Schmid BenutzerzentralePatric Schmid
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Maria Rauschenberger
 

Más contenido relacionado

Was ist angesagt?

Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenPeter Rozek
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
Ethnographische Studien und Kontextinterviews bei eResult
Ethnographische Studien und Kontextinterviews bei eResultEthnographische Studien und Kontextinterviews bei eResult
Ethnographische Studien und Kontextinterviews bei eResulteResult_GmbH
 
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices Peter Rozek
 
Facit Digital | Mobile User Interface Design
Facit Digital | Mobile User Interface DesignFacit Digital | Mobile User Interface Design
Facit Digital | Mobile User Interface DesignServiceplan Group
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...Martin Blenkle
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungRainer Gibbert
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterCity & Bits GmbH
 
Collaborative Brand Persona - Markus Lackner (#iak14)
Collaborative Brand Persona - Markus Lackner (#iak14)Collaborative Brand Persona - Markus Lackner (#iak14)
Collaborative Brand Persona - Markus Lackner (#iak14)markuslackner
 
AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)Barbara Wacht
 
Online besser-nutzerfreundlich
Online besser-nutzerfreundlichOnline besser-nutzerfreundlich
Online besser-nutzerfreundlichArno Karrasch
 

Was ist angesagt? (12)

Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt Silodenken
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
 
Ethnographische Studien und Kontextinterviews bei eResult
Ethnographische Studien und Kontextinterviews bei eResultEthnographische Studien und Kontextinterviews bei eResult
Ethnographische Studien und Kontextinterviews bei eResult
 
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
RESPONSIVE WEBDESIGN, Navigationskonzepte für Mobile Devices
 
Facit Digital | Mobile User Interface Design
Facit Digital | Mobile User Interface DesignFacit Digital | Mobile User Interface Design
Facit Digital | Mobile User Interface Design
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
 
Collaborative Brand Persona - Markus Lackner (#iak14)
Collaborative Brand Persona - Markus Lackner (#iak14)Collaborative Brand Persona - Markus Lackner (#iak14)
Collaborative Brand Persona - Markus Lackner (#iak14)
 
AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)
 
Online besser-nutzerfreundlich
Online besser-nutzerfreundlichOnline besser-nutzerfreundlich
Online besser-nutzerfreundlich
 

Destacado

Designing Cross-channel user experiences
Designing Cross-channel user experiencesDesigning Cross-channel user experiences
Designing Cross-channel user experiencesAndrea Resmini
 
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化UX Consulting Pte Ltd
 
UX Research vs Market research
UX Research vs Market researchUX Research vs Market research
UX Research vs Market researchLee McIvor
 
The art and science of UX & responsive design
The art and science of UX & responsive designThe art and science of UX & responsive design
The art and science of UX & responsive designLee McIvor
 
UX Romandie Episode 14: Metadata in the Cross-Channel Ecosystem
UX Romandie Episode 14: Metadata in the Cross-Channel EcosystemUX Romandie Episode 14: Metadata in the Cross-Channel Ecosystem
UX Romandie Episode 14: Metadata in the Cross-Channel Ecosystemaungstad
 
The little lies your brain tells you
The little lies your brain tells youThe little lies your brain tells you
The little lies your brain tells youLee McIvor
 
User Experience Architecture in a Cross-Channel World
User Experience Architecture in a Cross-Channel WorldUser Experience Architecture in a Cross-Channel World
User Experience Architecture in a Cross-Channel WorldAustin Govella
 
Lean UX presentation (UXSG meetup #9)
Lean UX presentation (UXSG meetup #9)Lean UX presentation (UXSG meetup #9)
Lean UX presentation (UXSG meetup #9)UX Consulting Pte Ltd
 
Service design for multi channel experiences workshop
Service design for multi channel experiences workshopService design for multi channel experiences workshop
Service design for multi channel experiences workshopUX Consulting Pte Ltd
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHeResult_GmbH
 
Designing branded service experience workshop
Designing branded service experience workshopDesigning branded service experience workshop
Designing branded service experience workshopUX Consulting Pte Ltd
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product managementPhil Barrett
 
Diary studies for UX
Diary studies for UXDiary studies for UX
Diary studies for UXLee McIvor
 
Gaming it: Was User Experience Designer von Game Designern lernen können
Gaming it: Was User Experience Designer von Game Designern lernen könnenGaming it: Was User Experience Designer von Game Designern lernen können
Gaming it: Was User Experience Designer von Game Designern lernen könnenSebastian Deterding
 
Designing for Cross Channel User Experience
Designing for Cross Channel User ExperienceDesigning for Cross Channel User Experience
Designing for Cross Channel User ExperienceChrissy Welsh
 
Building a Single User Experience
Building a Single User ExperienceBuilding a Single User Experience
Building a Single User ExperienceRachel Vacek
 
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...UXPA International
 

Destacado (20)

UX 在組織內外的推廣
UX 在組織內外的推廣UX 在組織內外的推廣
UX 在組織內外的推廣
 
Designing Cross-channel user experiences
Designing Cross-channel user experiencesDesigning Cross-channel user experiences
Designing Cross-channel user experiences
 
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化
Changing Cultures towards Design-Centric 改變- 塑造以設計為核心的文化
 
UX Research vs Market research
UX Research vs Market researchUX Research vs Market research
UX Research vs Market research
 
The art and science of UX & responsive design
The art and science of UX & responsive designThe art and science of UX & responsive design
The art and science of UX & responsive design
 
UX Romandie Episode 14: Metadata in the Cross-Channel Ecosystem
UX Romandie Episode 14: Metadata in the Cross-Channel EcosystemUX Romandie Episode 14: Metadata in the Cross-Channel Ecosystem
UX Romandie Episode 14: Metadata in the Cross-Channel Ecosystem
 
The little lies your brain tells you
The little lies your brain tells youThe little lies your brain tells you
The little lies your brain tells you
 
User Experience Architecture in a Cross-Channel World
User Experience Architecture in a Cross-Channel WorldUser Experience Architecture in a Cross-Channel World
User Experience Architecture in a Cross-Channel World
 
Lean UX presentation (UXSG meetup #9)
Lean UX presentation (UXSG meetup #9)Lean UX presentation (UXSG meetup #9)
Lean UX presentation (UXSG meetup #9)
 
Service design for multi channel experiences workshop
Service design for multi channel experiences workshopService design for multi channel experiences workshop
Service design for multi channel experiences workshop
 
Life as a UX consultant
Life as a UX consultant Life as a UX consultant
Life as a UX consultant
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbH
 
Designing branded service experience workshop
Designing branded service experience workshopDesigning branded service experience workshop
Designing branded service experience workshop
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product management
 
Diary studies for UX
Diary studies for UXDiary studies for UX
Diary studies for UX
 
Design Thinking & User Experience
Design Thinking & User ExperienceDesign Thinking & User Experience
Design Thinking & User Experience
 
Gaming it: Was User Experience Designer von Game Designern lernen können
Gaming it: Was User Experience Designer von Game Designern lernen könnenGaming it: Was User Experience Designer von Game Designern lernen können
Gaming it: Was User Experience Designer von Game Designern lernen können
 
Designing for Cross Channel User Experience
Designing for Cross Channel User ExperienceDesigning for Cross Channel User Experience
Designing for Cross Channel User Experience
 
Building a Single User Experience
Building a Single User ExperienceBuilding a Single User Experience
Building a Single User Experience
 
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...
Architecting Your UX Career: Interview and Presentation Techniques to Land Yo...
 

Ähnlich wie Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Websites und Applikationen.

IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011Alexander Beck
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Robert Weller
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo GmbH
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallDaniel Muther
 
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"Werbeplanung.at Summit
 
Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Stefan Freimark
 
Usability als strategisches Element im Entwicklungsprozess
Usability als strategisches Element im EntwicklungsprozessUsability als strategisches Element im Entwicklungsprozess
Usability als strategisches Element im EntwicklungsprozessImmacon
 
"Ich sehe was, was du nicht siehst" - Wie Live User Tracking das wahre Nutze...
"Ich sehe was, was du nicht siehst" -  Wie Live User Tracking das wahre Nutze..."Ich sehe was, was du nicht siehst" -  Wie Live User Tracking das wahre Nutze...
"Ich sehe was, was du nicht siehst" - Wie Live User Tracking das wahre Nutze...m-pathy GmbH
 
Guided Navigation (Faceted Search)
Guided Navigation (Faceted Search)Guided Navigation (Faceted Search)
Guided Navigation (Faceted Search)Walter Schärer
 
UX aus Sicht eines Concepters
UX aus Sicht eines ConceptersUX aus Sicht eines Concepters
UX aus Sicht eines ConceptersuxHH
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability EngineeringNina Rebele
 
SEO + UX = Search Experience Optimization (SXO) - webinale 2016
SEO + UX = Search Experience Optimization (SXO) - webinale 2016SEO + UX = Search Experience Optimization (SXO) - webinale 2016
SEO + UX = Search Experience Optimization (SXO) - webinale 2016André Scharf
 
Mehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMoritz Haarmann
 
TWT Usability Testing
TWT Usability Testing TWT Usability Testing
TWT Usability Testing TWT
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)denkwerk GmbH
 

Ähnlich wie Mobile User Experience - Entwicklung von benutzerfreundlichen mobilen Websites und Applikationen. (20)

IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
Content ist Design. Design ist Content – Ansätze für eine ganzheitliche Conte...
 
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
eparo – Online-Konzeption (Vortrag ADC Young Masters 2012 – Rolf Schulte Stra...
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch Zufall
 
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"
etailment WIEN 2015 - Mirjam Techt (willhaben.at) "Mobile Commerce"
 
Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)Berufsbild Konzepter (2015)
Berufsbild Konzepter (2015)
 
WUD Berlin 2010
WUD Berlin 2010WUD Berlin 2010
WUD Berlin 2010
 
Usability als strategisches Element im Entwicklungsprozess
Usability als strategisches Element im EntwicklungsprozessUsability als strategisches Element im Entwicklungsprozess
Usability als strategisches Element im Entwicklungsprozess
 
"Ich sehe was, was du nicht siehst" - Wie Live User Tracking das wahre Nutze...
"Ich sehe was, was du nicht siehst" -  Wie Live User Tracking das wahre Nutze..."Ich sehe was, was du nicht siehst" -  Wie Live User Tracking das wahre Nutze...
"Ich sehe was, was du nicht siehst" - Wie Live User Tracking das wahre Nutze...
 
developer-experience.pdf
developer-experience.pdfdeveloper-experience.pdf
developer-experience.pdf
 
Guided Navigation (Faceted Search)
Guided Navigation (Faceted Search)Guided Navigation (Faceted Search)
Guided Navigation (Faceted Search)
 
UX aus Sicht eines Concepters
UX aus Sicht eines ConceptersUX aus Sicht eines Concepters
UX aus Sicht eines Concepters
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability Engineering
 
SEO + UX = Search Experience Optimization (SXO) - webinale 2016
SEO + UX = Search Experience Optimization (SXO) - webinale 2016SEO + UX = Search Experience Optimization (SXO) - webinale 2016
SEO + UX = Search Experience Optimization (SXO) - webinale 2016
 
Mehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger InterfaceMehr Nutzen, Weniger Interface
Mehr Nutzen, Weniger Interface
 
TWT Usability Testing
TWT Usability Testing TWT Usability Testing
TWT Usability Testing
 
Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)Micro UX. Wie Produkte wirklich Spaß machen (2014)
Micro UX. Wie Produkte wirklich Spaß machen (2014)
 
design
designdesign
design
 
Web Design Trends 2011
Web Design Trends 2011Web Design Trends 2011
Web Design Trends 2011
 

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 Evaluation Kontext 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
  • 10. Problem: Nutzer besitzen noch kein “mentales Modell” des Systems Context „C“
  • 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!
  • 18. stationärer Webauftritt native App Frage Konventionelle Website konvertieren oder neu erschaffen? Layout Kontext
  • 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

  1. Vorstellung
  2. Kontext: Zusammenhang von Beziehungen, die zwischen miteinander verbundenen Teilen bestehen!
  3. 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
  4. 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.
  5. 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
  6. Beispiel für physikalischen Kontext
  7. Bedeutungszuweisung: Kamera wird verwendet um Fotos zu machen – anderer verwendet Kamera zum Scannen von Belegen
  8. - Informationsarchitektur ist das Skelette der Anwendung und hält alles zusammen.
  9. - Kontext berücksichtigen
  10. Hier helfen Tools/Schablonen die es für nahezu jedes System gibt.