great mobile product design: tools und methoden zur entwicklung großartiger apps
DESCRIPTION
Workshop Mobiletechcon 2014 @mark_jager http://about.me/markjaeger http://mobiletechcon.de/2014/sessions/einfuehrung-die-mobile-produktentwicklung-konzeption-design-entwicklung-vermarktung-von Mehr als ein Buzzword: Design Thinking bedeutet, dass wir in jedem kleinen Schritt von der Idee bis zum Release daran denken, Menschen das Leben besser zu machen. Nur dann werden sie uns ihre gerne ihre Aufmerksamkeit geben. Und dein Geld. So wird Design vom notwendigen Übel zum Erfolgsfaktor von Apps. In diesem Workshop beleuchten wir anhand konkreter Beispiele, Techniken und Tools aus der Praxis, wie man Design in Projekten verankert und mit dem richtigen Interaktions- und Grafikdesign schneller zu besseren Ergebnissen kommt.TRANSCRIPT
mobl.co
Mark JägerCPO Stuffle
mobl.co
Mark Jäger
mobl.co
DesignProductMobile
mobl.co
DesignProductMobileGreat
mobl.co
Mobile DesignProduct
mobl.co
Mobile
Wgsimon on Wikipedia: Transistor Count and Moore's Law, http://bit.ly/1qTnwgb
mobl.co
Mobile
IBM 704, NASA on wikipedia, Public domain, http://bit.ly/1nacT40
mobl.co
Mobile
HP 1000 E-Series, Autopilot on wikipedia, CC BY-SA 3.0, http://bit.ly/1tYujW1
mobl.co
Mobile
Original Macintosh 128k, Grm wnr on wikipedia, CC BY-SA 3.0, http://bit.ly/1vWRUqz
mobl.co
Mobile
Toschiba T110, Johann H. Addicks on wikipedia, CC BY-SA 3.0, http://bit.ly/1tkbz5E
mobl.co
Mobile
Original iPhone, DanielZanetti on wikicommons, GNU, http://bit.ly/1pudmDG
mobl.co
Mobile
Apple Gebäude für die iPhone 6 Präsentation, Macrumors, http://bit.ly/1tf9isk
mobl.co
Mobile
mobl.co
Product DesignMobile
mobl.co
Product
„anything … that might satisfy a want or need“
Wikipedia, eigene Hervorhebung, http://en.wikipedia.org/wiki/Product_(business)
mobl.co
Product DesignMobile
mobl.co
Design
Sachen bauen
Entwerfen und Gestalten
mobl.co
Design
Sachen bauen
mobl.co
Design
„Design is a funny word. Some people think design means how it looks.
But of course … it's really how it works.“
Steve Jobs
Steve Jobs im Interview mit Wired 1996, eigene Hervorhebung, http://wrd.cm/1pnnXQX
mobl.co
DesignService
Interface
mobl.co
Service
improve the productivity and quality
of services
mobl.co
Sachen für Menschen bauen
Service
mobl.co
Für wen macht ihr eure App?
Service
mobl.co
Service
Kinder mit Lernschwierigkeiten?
mobl.co
Fußballfans mit Geschmacksproblemen?
Service
mobl.co
Personas
Service
mobl.co
Personas
Willy, 53Der Hobbybastler
wohnt auf dem LandHaus neben der Mutter
Hobby ist seine Leidenschaft (z.B. Eisenbahnen)
mittleres EinkommenalleinstehendHTC Wildfire S
Service
mobl.co
Was soll eure App für diese Menschen tun?
Service
mobl.co
Service
Sachen beibringen
mobl.co
Service
Motivation durch Freude und schnelle Erfolge
mobl.co
Jobs-to-be-done
Service
mobl.co
Jobs-to-be-done
Service
mobl.co
DesignService
Jobs-to-be-doneLeonhard, 38Der Altkreative
Architekt, angestellt in kleinem BüroApple-Fan, aus Gründen
trinkt nur Weinelegant aber dezent gekleidetdesillusioniert pragmatisch
bisschen Ökoqualitätsbewusst
iPhone
• schöne Schnäppchen suchen• Regionales finden
Jobs• Ausmisten• Müll vermeiden
mobl.co
Service
Storyboard
mobl.co
Storyboard
mobl.co
Runtastic
Great DesignServiceMobile
mobl.co
Runtastic
Situativer Kontext
Great DesignServiceMobile
Runtastic Story Runs
Great DesignServiceMobile
mobl.co
Great Mobile DesignService
Runtastic Story Runs
mobl.co
Menschen
Great DesignServiceMobile
Yahoo News Digest
Great DesignServiceMobile
mobl.co
Neue Anwendungen
Great DesignServiceMobile
car2go
Great DesignServiceMobile
mobl.co
DesignGreat
ServiceInterface
mobl.co
DesignServiceInterfaceInterface
„shaping digital things for people’s use“
mobl.co
„shaping digital things for people’s use“
Interface
mobl.co
Butter bei die Fische
Was sind die wichtigsten Funktionen?
Interface
mobl.co
Interface
Elemente
Beziehung
Interaktion
mobl.co
mobl.co
Interface
Skizzen
mobl.co
mobl.co
Interface
Wireframes
mobl.co
Wireframes
mobl.co
Interface
Screen Collage
Screen Collage
Screenshots
Keynote Powerpoint
Sketch
Screen Collage
Klaut!
Screen Collage
Teehan & Lax GUI Templates
4 21
AirPlayAirDrop:
1:09:36 -2:47
The Gently Mad - Adam Clark - The Gently Mad034: Jon Lax
Screen Collage
Nicht schön – aber echt
Screen Collage
Flinto InVision
Screen Collage
Flinto InVision
Screen Collage
Flinto InVision
Screen Collage
mobl.co
Animation
Interface
mobl.co
Keynote
Animation
mobl.co
HTML Prototyp
Keynote
Animation
mobl.co
HTML Prototyp
Interface
FramerJS
Keynote
mobl.co
FramerJS
HTML Prototyp
mobl.co
DesignGreat Interface
mobl.co
Touch & Gesten
Clear
DesignGreat Interface
mobl.co
DesignGreat Interface
Hilfreiche Animationen
Vesper
mobl.co
Design
mobl.co
Design = Prozess
mobl.co
mobl.co
mobl.co
Testen
Prozess
mobl.co
usertesting.com
Testen
Prozess
mobl.co
Prozess
Team on Site
mobl.co
Prozess
MVP
mobl.co
Prozess
MLP
mobl.co
Minimal Lovable Product
Prozess
M L P
mobl.co
Plattformen
Prozess
mobl.co
Plattformen
mobl.co
Plattformen
mobl.co
Plattformen
mobl.co
Plattformen
Android Material Design iOS 7
mobl.co
Plattformen
Typographie
Deference
Flat
mobl.co
Plattformen
TypographieDeferenceFlatTwo designs to rule them all
mobl.co
Plattformen
mobl.co
Plattformen
TypographieDeferenceFlatAußer: native Elemente
mobl.co
Plattformen
iMessage
mobl.co
Nie fertig
Prozess
mobl.co
Sprint
Prozess
mobl.co
Marathon
Prozess
mobl.co
Danke
mobl.co
Mark Jäger
@mark_jaeger
mobl.co
Junior DesigneriOS Entwickler