• Like
  • Save
Handliche Designkonzepte, UX und Mobile Webdesign
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Handliche Designkonzepte, UX und Mobile Webdesign

  • 1,973 views
Published

 

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,973
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. mobile Handliche Designkonzepte UX User Experience und Mobile Webdesign Peter Rozek, 12.10.2010
  • 2. Peter Rozek ...
  • 3. ... seit 2010 bei der ecomplexx GmbH als Frontend- Entwickler für die barrierefreie und gebrauchtsaugliche Entwicklung von Websites. ...Usability Professional im AK Barrierefreiheit ... mit think green - neue Medien im Einkaufsführer Barrierefreies Internet aufgenommen und Unterstützer im Aktionsbündnis für barrierefreie Informationstechnik.
  • 4. los geht´s...
  • 5. mobile Mobile Webdesign UX was ist das ...
  • 6. mobile worüber sprechen wir ... UX
  • 7. mobile ... Design für das UX iPhone...?
  • 8. mobile oder UX
  • 9. mobile ... Design für das UX iPad...?
  • 10. mobile nein... UX
  • 11. Mobile Webdesign für eine Vielzahl an Geräten...
  • 12. mobile UX ...und für die Zielgruppe!
  • 13. mobile traurige Realität UX
  • 14. mobile Jakob Nielsen: „The Mobile User Experience is UX Miserable“ http://www.useit.com/alertbox/mobile-usability.html
  • 15. mobile Gründe... UX
  • 16. mobile Kleine Bildschirme GUI UX Performance schlechte Usability http://www.useit.com/alertbox/mobile-usability.html
  • 17. mobile Jakob Nielsen: 59% Erfolgsquote UX http://www.useit.com/alertbox/mobile-usability.html
  • 18. mobile was tun ... UX
  • 19. mobile Kopf in den Sand UX stecken... ?
  • 20. mobile Alan Kay famously said that the Mac was “the first computer worth criticizing.” Similarly, the iPhone is the first mobile Internet device worth UX criticizing. It’s a starting point for mobile online-services access, not an endpoint. http://www.useit.com/alertbox/mobile-2009.html
  • 21. mobile Das iPhone hat die mobile Nutung von Internetseiten UX erst möglich gemacht.
  • 22. mobile ... kein Endpunkt UX
  • 23. mobile Lösung UX
  • 24. mobile Verstehen Analysieren Definition UX Entwurf / Design Realisation Test
  • 25. mobile Verstehen UX
  • 26. mobile Die 3 Dimensionen mobiler UX Internetnutzung
  • 27. mobile Eckdaten für Konzeption und Entwicklung: Context Content UX Component
  • 28. mobile Für den Nutzer wichtig: Content Connect UX Share
  • 29. mobile Für den Nutzer wichtig: Content der mobil nutzbar ist. UX
  • 30. mobile Für den Nutzer wichtig: Vernetzen und Inhalte teilen UX
  • 31. mobile Context UX
  • 32. Context
  • 33. Demografie
  • 34. Umfeld
  • 35. Fähigkeiten
  • 36. mobile Content UX
  • 37. mobile Content: Lesbarkeit Navigierbarkeit UX Interaktion
  • 38. mobile „Mobile bedeutet nicht Dinge zu verkleinern, sondern sie mobil UX nutzbar und bedienbar zu machen.“
  • 39. Login ( ( große Input-Felder und Submit-Buttons viel zu klein und kaum erkennbar
  • 40. (
  • 41. Navigation ( ( lesbare Inhaltsstruktur kaum erkennbar
  • 42. Navigation ( ( Übersichtliche und klare Navigation
  • 43. (
  • 44. Fokus ( ( Fokus auf Ihnalte ...typisch Bild
  • 45. mobile Reduktion bedeutet mehr UX User Experience!
  • 46. Lesbarkeit ( (
  • 47. Suche ( ( Inputfelder in guter Größe Typische Inputfelder, viel zu klein
  • 48. Buttons ( ( Klickbare Buttons Viel zu klein und kaum erkennbar
  • 49. mobile „Formulare sind Kommunikation UX und kein Datenbankprozess.“
  • 50. mobile ... das gilt umso mehr für den UX Bereich Mobile !
  • 51. ( (
  • 52. (
  • 53. mobile Component UX
  • 54. Component
  • 55. Unterschiedliche Screengrößen
  • 56. Unterschiedliche Funktionen und Interfaces
  • 57. mobile Verstehen Analysieren Definition UX Entwurf (Design) Realisation Test
  • 58. mobile Analysieren UX
  • 59. mobile Zielgruppe kennen und UX verstehen...
  • 60. Fokus Gruppen
  • 61. Card Sorting
  • 62. Personas
  • 63. mobile Verstehen Analysieren Definition UX Entwurf (Design) Realisation Test
  • 64. mobile Defintion UX
  • 65. mobile Informationsarchitektur UX optimieren
  • 66. mobile UX
  • 67. Geringe Verschachtelungstiefe
  • 68. mobile Verstehen Analysieren Definition UX Entwurf / Design Realisation Test
  • 69. mobile Entwurf / UX Design
  • 70. mobile UX http://designreviver.com/inspiration/a-selection-of-mobile-ui-wireframe-sketches/
  • 71. http://konigi.com/tools/overview
  • 72. mobile Verstehen Analysieren Definition UX Entwurf (Design) Realisation Test
  • 73. mobile Realisation UX
  • 74. mobile Webstandards UX nutzen !
  • 75. http://www.w3c.org
  • 76. 3 http://ready.mobi/launch.jsp?locale=en_EN
  • 77. mobile Verstehen Analysieren Definition UX Entwurf (Design) Realisation Test
  • 78. mobile Test UX
  • 79. Usability Tests
  • 80. Interview
  • 81. 3 Webdienste http://ready.mobi/launch.jsp?locale=en_EN
  • 82. mobile Traffic analysieren UX
  • 83. mobile Vielen Dank für Ihre UX Aufmerksamkeit Peter Rozek, 12.10.2010
  • 84. Fragen Peter Rozek, 12.10.2010
  • 85. E-Mail: peter.rozek@complexx.com E-Mail: rozek.p@think-green.de Twitter: Webinterface Peter Rozek, 12.10.2010