Webinale 2012 NUISOL -touch-me

442 Aufrufe

Veröffentlicht am

Use me, Touch me - to be happy. User Experience Design für Tablet-Websites

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
442
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Webinale 2012 NUISOL -touch-me

  1. 1. Touch me - Shake me -Use me to be Happy! Christian Kuhn @NUISOL | nuisol.com
  2. 2. Was ist UX-Design? Der UX Prozess Die 5 UX Ebenen
  3. 3. Das Nutzungsverhalten der nächstenAnwender-/Kundengenerationen verlangt das Kommunikation Digital ist. Sie wird im Web stattfinden. Sie wird Mobile und Social sein.
  4. 4. 760 Mio. bis 2016 laut Forrester Research
  5. 5. Engaging the Tablet User: What They Expect From Web Sites http://www.gomez.com/engaging-the-tablet-user/
  6. 6. Was ist UX-Design?
  7. 7. “Design is aboutcommunication, and ittakes more than pixelsto communicate.” Derek Powazek Content & Community Genius
  8. 8. OK N UT LO ZE t ei / igk RLEVereinfache mein Leben ERT Joy en In ürd ie ter au of u BNIS Re Vereinfache mein Leben on NUTZW Glaubw Vertr akti akt Harm se USER ion on / FEEL EXPERIENCE Be it rech enbar ke Fun k ti o n a lit ä t Vereinfache mein Leben I n t u itiv t ä t U S A BI L I T Y
  9. 9. VerstärkungKonversionKenntnisse Menschen InhaltTechnologie Business
  10. 10. 12 1 Freigaben Konkurrenzanalyse 11 2 Audience Überprüfen Definition Einarbeiten g s tin Te E nt er de Us 10 3 c ku Entwicklung &User Testing Benutzer ng Szenarien UX Design 9 4Prototypen- Contenterstellung Umfrage Kon zepterstellung 8 5 Design Prozessabläufe 7 6 Wireframes Site Map
  11. 11. 12 1 Freigaben KonkurrenzanalyseVerstärkung 11 2 Audience Überprüfen Definition Einarbeiten gKonversion s tin Te E nt er de Us 10 3 c ku Entwicklung &Kenntnisse User Testing Benutzer ng Szenarien UX Design Menschen 9 4 Prototypen- Content erstellung Umfrage Inhalt Kon zepterstellung 8 5Technologie Design Prozessabläufe 7 6 Business Wireframes Site Map
  12. 12. WERTE TESTING WERTE HINZUFÜGEN= Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  13. 13. UX WERTE TESTING WERTE HINZUFÜGEN = Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  14. 14. UX WERTE TESTING WERTE HINZUFÜGEN = Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchenPlan Veröffentlichung Entwicklung Designen Definieren
  15. 15. UX WERTE TESTING WERTE HINZUFÜGEN = Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen EntwicklungPlan Release Designen Definieren Veröffentlichung Entwicklung Designen DNA Definieren Veröffentlichung Release
  16. 16. UX WERTE TESTING WERTE HINZUFÜGEN = Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen Entwicklung Entwicklung Entwicklung Release Designen Release Designen Release Designen Definieren Definieren DefinierenPlan ! Veröffentlichung Veröffentlichung Veröffentlichung Release Release Release
  17. 17. 12 1 Verstärkung Freigaben Konkurrenzanalyse 11 2 Audience Überprüfen Definition Konversion Einarbeiten ng sti Te E nt er de Us 10 3 Kenntnisse c ku Entwicklung & User Testing Benutzer ng Szenarien UX Design Menschen 9 4 Prototypen- Content erstellung Umfrage Inhalt Kon zepterstellung 8 5 Technologie Design Prozessabläufe 7 6 Wireframes Site Map Business Entwicklung Entwicklung Entwicklung Release Designen Release Designen Release Designen Definieren Definieren Definieren UX WERTE TESTING WERTE HINZUFÜGENPlan = Projekt DNA + Projekt DNA Projekt DNA ! Veröffentlichung Veröffentlichung Veröffentlichung Release Release 5 Ebenen der UX Fragen was User wollen und brauchen Release
  18. 18. Verstehe den User
  19. 19. IBM 370, 1 MIPS Rechenleistung, 36 Teile
  20. 20. electricpig.co.uk
  21. 21. 2.000MIPS
  22. 22. Official Nokia "4th Screen" video, 2007 http://www.youtube.com/watch?v=XpeNk3E36YU
  23. 23. Technology codes our minds, changes our OS. Apple products have done this extensively.http://www.youtube.com/watch?v=aXV-yaFmQNk
  24. 24. Designer Perspektive Produkt DNA Bestimmungsgemäße Produkt Eigenschaften Resultate Content Pragmatische Attribute Anreiz Präsentation Manipulation Funktionalität Vergnügung Hedonistische Attribute Interaktion Hervorrufung, Stimmulation, Identifikation ZufriedenstellungUser Perspektive Produkt DNA Bestimmungsgemäße Produkt Eigenschaften Resultate Inhalt Pragmatische Attribute Anreiz Vortrag Manipulation Situation Funktionsweise Vergnügung Hedonistische Attribute Beeinflussung Hervorrufung, Stimmulation, Identifikation Zufriedenstellung
  25. 25. http://venturebeat.files.wordpress.com/
  26. 26. Quelle: Google Studie 2011, Apfelnews.de am 06.12.2011
  27. 27. messagefirst.com
  28. 28. WERTE TESTING WERTE HINZUFÜGEN= Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  29. 29. Kenne dieHardware
  30. 30. 1024x600 Android ab 2.2, Windows 7/8, BlackBerry Tablet OS, Amazon Kindle Fire1024x768 iOS, Web OS 31280x800 Android 3/4, Windows 7/8
  31. 31. TABLET-SCREENDESIGN.INFO
  32. 32. Tap Double Tap Touch and HoldDrag-Flick Pinch Spread Rotate 2 Finger Drag Down 2 Finger Drag Up
  33. 33. Tap Double Tap Touch and HoldDrag-Flick Pinch Spread Rotate
  34. 34. Tap Double Tap Touch and HoldDrag-Flick Pinch Spread
  35. 35. http://gesturecons.com
  36. 36. Plane bevor Du Kreierst
  37. 37. Größerer Bildschirm Mehr Funktionalität Mehr PortabelEinfacheres Interface
  38. 38. http://msdn.microsoft.com/en-us/library/windows/apps/hh465415.aspx
  39. 39. STORM
  40. 40. http://adaptive-images.com/http://loadtimer.org
  41. 41. http://retinajs.com
  42. 42. Kein FlashJA, SIE HABEN ES GESCHAFFT
  43. 43. http://www.gomez.com/engaging-the-tablet-user/
  44. 44. Überdenke die Navigation
  45. 45. OSIT
  46. 46. mobile-zeitgeist.com
  47. 47. The Economist on iPhone & iPad http://youtu.be/c_4XTiE5PEE
  48. 48. Tablet UX-Design:• Portrait und Landscape Modus• Stark reduzierte Touch-Navigation• swipen - sliden - zoom - kein scrollen• Device optimiertes Layout und Inhalte• HTML5: Offline Reading mit AppCache, LocalStorage, LBS• Speed, Speed, Speed
  49. 49. Content + Context = King
  50. 50. T. O. D.
  51. 51. TESTING OR DIE WERTE TESTING WERTE HINZUFÜGEN= Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  52. 52. http://resizemybrowser.com/http://seesparkbox.com/foundry/media_query_bookmarklet
  53. 53. http://quirktools.com/screen!y/
  54. 54. http://www.opera.com/developer/tools/
  55. 55. http://loadtimer.org
  56. 56. UX WERTE TESTING WERTE HINZUFÜGEN = Projekt DNA + Projekt DNA Projekt DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  57. 57. USER TESTING PROTOTYPING MOBILE TESTING WERTE TESTING CROWDSOURCING WERTE HINZUFÜGEN= Projekt DNA + Projekt DNA Projekt A/B TESTS DNA 5 Ebenen der UX Fragen was User wollen und brauchen
  58. 58. Vielen Dank für Ihre AufmerksamkeitChristian.Kuhn@NUISOL.comTel. 0151 15 77 66 99Besuchen Sie auch:http://www.nuisol.com/xingprofilhttp://www.twitter.com/nuisolhttp://www.facebook.com/NUISOL.communication
  59. 59. NUISOL entwickelt digitale Lösungen für Marketing und Kommunikation. Der neuste Stand der Technologie ist dabei Maßstab.Das Wissen über Entwicklungen und Trends macht NUISOLso praktisch nutzbar und bietet Orientierung in der rasanten digitalen Evolution. NUISOL. Agentur für digitale Aha-Erlebnisse.
  60. 60. UX Design MobileWebentwicklung TabletSocial Media Digital PublishingE-Commerce Live Streaming (HLS)Artikel, Buch, Vorträge, Workshops, Trainings

×