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