SlideShare ist ein Scribd-Unternehmen logo
ZÜRICH, SWITZERLAND
Michael Schranz
From Idea to Final
Screendesign
@michaelschranz
Apps with love / 2017
MOBILE DESIGN JOBS
FROM IDEA TO FINAL DESIGNS
Apps with love / 2017
MARKETING
RELEASE
BUGFIXING
DEVELOPMENT
DESIGN
CONCEPT
SCOPE
ITERATION
ITERATION
ITERATION
appswithlove.com
USERRE
SEARCH USABLITY
TESTINGUSERRE
SEARCHUSABLITY
TESTING
PROTOTYPE
PROTOTYPE BETA RELEASE
TESTCASES
REVIE
W
USERBASE
REQ
UIREMENTS
RESEA
RCH
ANAL
YZE IDE
ATE
VALIDA
TE
APP DEVELOPMENT PROCESS
Apps with love / 2017
1 DESIGN STRATEGY
Clarify what to design and why before approaching how to design it.
What is the right design strategy? It is your first job to find out.
It depends on:
					 • Experience of Client and Enduser
					 • Involvement of Client and Enduser
					 • Culture of the Client and Enduser
					• Context (Product, Timing, Budget)
Be open for new approaches but stick to your basic priciples.
Apps with love / 2017
2 IDEA (WHAT & WHY)
Apps with love / 2017
What‘s the Challenge?
Value Proposition
Hypotheses
Design Strategy
Target Audience
perceptions, believes and behavior
Market Research
Competition and Inspiration
∆
∆
∆
∆
∆
2 IDEA (WHAT & WHY)
Apps with love / 2017
HUMAN
NEEDS
BUSINESS
NEEDS
TECHNOLOGY
desirability
viability feasibility
USER
USER CENTERED DESIGN
Apps with love / 2017
3 SCOPE / REQUIREMENTS
Apps with love / 2017
User Journey
User Stories
Non. Technical Requirements
Scope
3 SCOPE / REQUIREMENTS
∆
∆
∆
Apps with love / 2017
4 FUNCTIONAL DESIGN (WHAT & WHERE)
Apps with love / 2017
Seite 4
3. Feedback positiv
Fahrer erhält Feedback über den Erhalt des Jobs.
(OK = weiter zu detailierten Job Informationen)
Autom. PUSH an Kunde
2. Incoming Job
Der Fahrer nimmt den Job durch Tab auf ANNEHMEN sofort an.
1. Ansicht Job Center (Case „Keine Vorbestellungen“)
Hier werden dem Fahrer die Jobs angezeigt.
Der Status des Fahrers ist nach der Anmeldung in der App
standardmässig auf Free gesetzt.
Auftrag annehmen – Fahrer erhält Auftrag
4 FUNCTIONAL DESIGN (WHAT & WHERE)
Apps with love / 2017
TEST
LEARN
CREATE
4 FUNCTIONAL DESIGN (WHAT & WHERE)
Scribbles
Wireframes
Prototypes
User Research
Analyse
Iterate
Apps with love / 2017
Logoentwicklung Go!
Vorschlag 1
Stecknadel Farbpalette
Sticker auf Partner-Taxi
Rot, Lachsrot
Sekundärfarben
Basis: Logo schwarz
Rot, Lachsrot Anthrazit Blau
Sekundärfarben
Winkel 15 °
Schutzraum im Kreis
– go! Styleguide
Logo
Besteller App
Herleitung: Stecknadel
Konstruktion
Logo
Fahrer App
5 VISUAL DESIGN (HOW)
Apps with love / 2017
Mockups
Animations / Transitions
Fonts / Icons / Colors
Touchable Prototype
User Research
5 VISUAL DESIGN (HOW)
∆
∆
∆
∆
Apps with love / 2017
5 VISUAL DESIGN (HOW)
Apps with love / 2017
6 QUALITY ASSURANCE
Apps with love / 2017
6 QUALITY ASSURANCE
Functional Testing
User Testing
Design Review
Quality Assurance starts already during the first phases
and continues until the product is end of life.
∆
∆
Apps with love / 2017
7 PUBLISHING & PROMOTION
Apps with love / 2017
7 PUBLISHING & PROMOTION
App Promotion Assets
Blogs
App Icons App Store Screencast Videos
Banners
Flyer Videos
Presentations
Social Media
App Store Screen Previews
Apps with love / 2017
18.50
FIXPREIS
CHF
ZIEL
Speichergasse 4, 3011 Bern
SUISSE CAB 24
Standard
START
Landoltstrasse 63, 3007 Bern
SUISSE CAB 24
Standard
12
MIN
7
MIN
9
MIN
ca. 10 MIN
Hol Dir die App go-mobility.ch
18.50
FIXPREIS
CHF
ZIEL
Speichergasse 4, 3011 Bern
SUISSE CAB 24Standard
START
Landoltstrasse 63, 3007 Bernca. 10 MIN
18.50
FIXPREIS
CHF
ZIEL
Speichergasse 4, 3011 Bern
SUISSE CAB 24Standard
START
Landoltstrasse 63, 3007 Bernca. 10 MIN
Hol Dir die App go-mobility.ch
Einfach von A nach B
Einfach von A nach B
Ziel eingeben, Fahrzeug wählen
und zum Fixpreis ankommen.
Ziel eingeben, Fahrzeug wählen
und zum Fixpreis ankommen.
Hol Dir die App! go-mobility.ch
Flyer
Fahrzeug Sticker
7 PUBLISHING & PROMOTION
Apps with love / 2017
DU BESTIMMST
DEN FAHRPLAN
Einfach von A nach B:
Ziel eingeben, Fahrzeug wählen
und zum Fixpreis ankommen.
Hol Dir die App go-mobility.ch
TAXI ODER LIMOUSINE?
Einfach von A nach B:
Ziel eingeben, Fahrzeug wählen
und zum Fixpreis ankommen.
Hol Dir die App go-mobility.ch
ÜBERALL UNTERWEGS
Einfach von A nach B:
Ziel eingeben, Fahrzeug wählen
und zum Fixpreis ankommen.
Hol Dir die App go-mobility.ch
Plakatkampagne
7 PUBLISHING & PROMOTION
Apps with love / 2017
DESIGN = EMPATHY
Apps with love / 2017
THANK YOU!
Apps with love / 2017
appswithlove.com
info@appswithlove.com
Apps with love

Weitere ähnliche Inhalte

Andere mochten auch

Indonesia After 2014 by Greg Barton
Indonesia After 2014 by Greg BartonIndonesia After 2014 by Greg Barton
Indonesia After 2014 by Greg Barton
ppibelanda
 
Ponencia Seguridad de Datos
Ponencia Seguridad de DatosPonencia Seguridad de Datos
Ponencia Seguridad de Datos
Duglas Oswaldo Moreno Mendoza
 
Relacion de la economia con otras ciencias
Relacion de la economia con otras cienciasRelacion de la economia con otras ciencias
Relacion de la economia con otras ciencias
Cristo Antonio
 
Amur river
Amur riverAmur river
Amur river
Subscribe Huixiang
 
Blogging, tweeting, sharing your work to reach policy makers
Blogging, tweeting, sharing your work to reach policy makersBlogging, tweeting, sharing your work to reach policy makers
Blogging, tweeting, sharing your work to reach policy makers
Trish Groves
 
SharePoint meetup Speaking Deck - Knowing the formula
SharePoint meetup Speaking Deck -  Knowing the formulaSharePoint meetup Speaking Deck -  Knowing the formula
SharePoint meetup Speaking Deck - Knowing the formula
Kenneth Cooper
 
Austin Journal of Clinical Immunology
Austin Journal of Clinical ImmunologyAustin Journal of Clinical Immunology
Austin Journal of Clinical Immunology
Austin Publishing Group
 
College to Confidence
College to ConfidenceCollege to Confidence
College to Confidence
Andrew Grant Stone
 
تمضي قوافل الشهداء و يبقى الخائن يعيش في
تمضي قوافل الشهداء و يبقى الخائن يعيش فيتمضي قوافل الشهداء و يبقى الخائن يعيش في
تمضي قوافل الشهداء و يبقى الخائن يعيش في
BOUNOUA ROUISSAT
 

Andere mochten auch (9)

Indonesia After 2014 by Greg Barton
Indonesia After 2014 by Greg BartonIndonesia After 2014 by Greg Barton
Indonesia After 2014 by Greg Barton
 
Ponencia Seguridad de Datos
Ponencia Seguridad de DatosPonencia Seguridad de Datos
Ponencia Seguridad de Datos
 
Relacion de la economia con otras ciencias
Relacion de la economia con otras cienciasRelacion de la economia con otras ciencias
Relacion de la economia con otras ciencias
 
Amur river
Amur riverAmur river
Amur river
 
Blogging, tweeting, sharing your work to reach policy makers
Blogging, tweeting, sharing your work to reach policy makersBlogging, tweeting, sharing your work to reach policy makers
Blogging, tweeting, sharing your work to reach policy makers
 
SharePoint meetup Speaking Deck - Knowing the formula
SharePoint meetup Speaking Deck -  Knowing the formulaSharePoint meetup Speaking Deck -  Knowing the formula
SharePoint meetup Speaking Deck - Knowing the formula
 
Austin Journal of Clinical Immunology
Austin Journal of Clinical ImmunologyAustin Journal of Clinical Immunology
Austin Journal of Clinical Immunology
 
College to Confidence
College to ConfidenceCollege to Confidence
College to Confidence
 
تمضي قوافل الشهداء و يبقى الخائن يعيش في
تمضي قوافل الشهداء و يبقى الخائن يعيش فيتمضي قوافل الشهداء و يبقى الخائن يعيش في
تمضي قوافل الشهداء و يبقى الخائن يعيش في
 

Ähnlich wie From Idea to final Design - World Interaction Day

Vorstellung Apps with love - Full Service Digitalagentur
Vorstellung Apps with love - Full Service DigitalagenturVorstellung Apps with love - Full Service Digitalagentur
Vorstellung Apps with love - Full Service Digitalagentur
Apps with love
 
Go! Taxi App Konzept und Design by Apps with love
Go! Taxi App Konzept und Design by Apps with loveGo! Taxi App Konzept und Design by Apps with love
Go! Taxi App Konzept und Design by Apps with love
Apps with love
 
result App-Forschung
result App-Forschungresult App-Forschung
result App-Forschungresult gmbh
 
True & False. Cats & Dogs. Designer & Entwickler?
True & False. Cats & Dogs. Designer & Entwickler?True & False. Cats & Dogs. Designer & Entwickler?
True & False. Cats & Dogs. Designer & Entwickler?
Liane Kirschner
 
Agenturpräsentation Communication Consultants
Agenturpräsentation Communication Consultants Agenturpräsentation Communication Consultants
Agenturpräsentation Communication Consultants
Communication Consultants GmbH
 
P&M Agenturvorstellung
P&M AgenturvorstellungP&M Agenturvorstellung
P&M Agenturvorstellung
Michael Haack
 
P&M Agentur Software + Consulting GmbH
P&M Agentur Software + Consulting GmbHP&M Agentur Software + Consulting GmbH
P&M Agentur Software + Consulting GmbH
Michael Haack
 
CKPT13: Advice Partners
CKPT13: Advice PartnersCKPT13: Advice Partners
CKPT13: Advice Partners
polisphere
 
The Lean Startup - Generierung innovativer Geschäftsideen
The Lean Startup - Generierung innovativer GeschäftsideenThe Lean Startup - Generierung innovativer Geschäftsideen
The Lean Startup - Generierung innovativer Geschäftsideen
Dr. Judith Grummer
 
White-Label-Apps für Werbe- und Mediaagenturen
White-Label-Apps für Werbe- und MediaagenturenWhite-Label-Apps für Werbe- und Mediaagenturen
White-Label-Apps für Werbe- und Mediaagenturen
wolter & works - die web manufaktur
 
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
TANNER AG
 
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVEUX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
Apps with love
 
Service Design: Dienstleistungen gestalten / IDZ Design & Company
Service Design: Dienstleistungen gestalten / IDZ Design & CompanyService Design: Dienstleistungen gestalten / IDZ Design & Company
Service Design: Dienstleistungen gestalten / IDZ Design & Company
Service Design Berlin
 
Vorlesung Dez 2009 Prod Dev V2.0
Vorlesung Dez 2009 Prod Dev V2.0Vorlesung Dez 2009 Prod Dev V2.0
Vorlesung Dez 2009 Prod Dev V2.0danielholle
 
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-EntwicklungsprojekteVoraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Connected-Blog
 
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den MittelstandTools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
synergie-effekt.net - agentur für online-kommunikation
 
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK BerlinMooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Marja Annecke
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
userfeedback
 
SANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDINGSANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDING
Hans A. Sanmiguel
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
Dirk Pogrzeba
 

Ähnlich wie From Idea to final Design - World Interaction Day (20)

Vorstellung Apps with love - Full Service Digitalagentur
Vorstellung Apps with love - Full Service DigitalagenturVorstellung Apps with love - Full Service Digitalagentur
Vorstellung Apps with love - Full Service Digitalagentur
 
Go! Taxi App Konzept und Design by Apps with love
Go! Taxi App Konzept und Design by Apps with loveGo! Taxi App Konzept und Design by Apps with love
Go! Taxi App Konzept und Design by Apps with love
 
result App-Forschung
result App-Forschungresult App-Forschung
result App-Forschung
 
True & False. Cats & Dogs. Designer & Entwickler?
True & False. Cats & Dogs. Designer & Entwickler?True & False. Cats & Dogs. Designer & Entwickler?
True & False. Cats & Dogs. Designer & Entwickler?
 
Agenturpräsentation Communication Consultants
Agenturpräsentation Communication Consultants Agenturpräsentation Communication Consultants
Agenturpräsentation Communication Consultants
 
P&M Agenturvorstellung
P&M AgenturvorstellungP&M Agenturvorstellung
P&M Agenturvorstellung
 
P&M Agentur Software + Consulting GmbH
P&M Agentur Software + Consulting GmbHP&M Agentur Software + Consulting GmbH
P&M Agentur Software + Consulting GmbH
 
CKPT13: Advice Partners
CKPT13: Advice PartnersCKPT13: Advice Partners
CKPT13: Advice Partners
 
The Lean Startup - Generierung innovativer Geschäftsideen
The Lean Startup - Generierung innovativer GeschäftsideenThe Lean Startup - Generierung innovativer Geschäftsideen
The Lean Startup - Generierung innovativer Geschäftsideen
 
White-Label-Apps für Werbe- und Mediaagenturen
White-Label-Apps für Werbe- und MediaagenturenWhite-Label-Apps für Werbe- und Mediaagenturen
White-Label-Apps für Werbe- und Mediaagenturen
 
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
9. TANNER-Hochschulwettbewerb | Beitrag Team Weißheim (HS Karlsruhe)
 
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVEUX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
UX & USER RESEARCH - WORKSHOP PRÄSENTATION VON APPS WITH LOVE
 
Service Design: Dienstleistungen gestalten / IDZ Design & Company
Service Design: Dienstleistungen gestalten / IDZ Design & CompanyService Design: Dienstleistungen gestalten / IDZ Design & Company
Service Design: Dienstleistungen gestalten / IDZ Design & Company
 
Vorlesung Dez 2009 Prod Dev V2.0
Vorlesung Dez 2009 Prod Dev V2.0Vorlesung Dez 2009 Prod Dev V2.0
Vorlesung Dez 2009 Prod Dev V2.0
 
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-EntwicklungsprojekteVoraussetzungen erfolgreicher App-Entwicklungsprojekte
Voraussetzungen erfolgreicher App-Entwicklungsprojekte
 
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den MittelstandTools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
Tools im Web 2.0 - Ein kleiner Wekzeugführer für den Mittelstand
 
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK BerlinMooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
Mooc - Design mit digitalen Methoden lehren und lernen / UdK Berlin
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
 
SANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDINGSANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDING
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
 

Mehr von Apps with love

App Marketing Strategie und Knowhow - Apps with love
App Marketing Strategie und Knowhow - Apps with loveApp Marketing Strategie und Knowhow - Apps with love
App Marketing Strategie und Knowhow - Apps with love
Apps with love
 
Testing bei Apps with love - Swiss testing Day 2019
Testing bei Apps with love - Swiss testing Day 2019Testing bei Apps with love - Swiss testing Day 2019
Testing bei Apps with love - Swiss testing Day 2019
Apps with love
 
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
Apps with love
 
Apps with love présentation en français
Apps with love présentation en françaisApps with love présentation en français
Apps with love présentation en français
Apps with love
 
Updraft App Delivery für Betatesting und Enterprise Apps
Updraft App Delivery für Betatesting und Enterprise AppsUpdraft App Delivery für Betatesting und Enterprise Apps
Updraft App Delivery für Betatesting und Enterprise Apps
Apps with love
 
Event Apps - HowTo - by Apps with love
Event Apps - HowTo - by Apps with love Event Apps - HowTo - by Apps with love
Event Apps - HowTo - by Apps with love
Apps with love
 
Chat Bots 101 - by Apps with love
Chat Bots 101 - by Apps with loveChat Bots 101 - by Apps with love
Chat Bots 101 - by Apps with love
Apps with love
 
Live Communication and Crossmedia Management
 Live Communication and Crossmedia Management Live Communication and Crossmedia Management
Live Communication and Crossmedia Management
Apps with love
 
Digitalization and Innovation - Today and Tomorrow
Digitalization and Innovation - Today and TomorrowDigitalization and Innovation - Today and Tomorrow
Digitalization and Innovation - Today and Tomorrow
Apps with love
 
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAYSELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
Apps with love
 
Event App Entwicklung Factsheet und Angebot
Event App Entwicklung Factsheet und AngebotEvent App Entwicklung Factsheet und Angebot
Event App Entwicklung Factsheet und Angebot
Apps with love
 
How To Develop Secure Software
How To Develop Secure SoftwareHow To Develop Secure Software
How To Develop Secure Software
Apps with love
 

Mehr von Apps with love (12)

App Marketing Strategie und Knowhow - Apps with love
App Marketing Strategie und Knowhow - Apps with loveApp Marketing Strategie und Knowhow - Apps with love
App Marketing Strategie und Knowhow - Apps with love
 
Testing bei Apps with love - Swiss testing Day 2019
Testing bei Apps with love - Swiss testing Day 2019Testing bei Apps with love - Swiss testing Day 2019
Testing bei Apps with love - Swiss testing Day 2019
 
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
APP MARKETING STRATEGIE & APP STORE OPTIMIERUNG (ASO)
 
Apps with love présentation en français
Apps with love présentation en françaisApps with love présentation en français
Apps with love présentation en français
 
Updraft App Delivery für Betatesting und Enterprise Apps
Updraft App Delivery für Betatesting und Enterprise AppsUpdraft App Delivery für Betatesting und Enterprise Apps
Updraft App Delivery für Betatesting und Enterprise Apps
 
Event Apps - HowTo - by Apps with love
Event Apps - HowTo - by Apps with love Event Apps - HowTo - by Apps with love
Event Apps - HowTo - by Apps with love
 
Chat Bots 101 - by Apps with love
Chat Bots 101 - by Apps with loveChat Bots 101 - by Apps with love
Chat Bots 101 - by Apps with love
 
Live Communication and Crossmedia Management
 Live Communication and Crossmedia Management Live Communication and Crossmedia Management
Live Communication and Crossmedia Management
 
Digitalization and Innovation - Today and Tomorrow
Digitalization and Innovation - Today and TomorrowDigitalization and Innovation - Today and Tomorrow
Digitalization and Innovation - Today and Tomorrow
 
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAYSELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
SELF-ORGANIZATION AND AGILITY - THE WAY WE COLLABORATE TODAY
 
Event App Entwicklung Factsheet und Angebot
Event App Entwicklung Factsheet und AngebotEvent App Entwicklung Factsheet und Angebot
Event App Entwicklung Factsheet und Angebot
 
How To Develop Secure Software
How To Develop Secure SoftwareHow To Develop Secure Software
How To Develop Secure Software
 

From Idea to final Design - World Interaction Day

  • 1. ZÜRICH, SWITZERLAND Michael Schranz From Idea to Final Screendesign @michaelschranz
  • 2. Apps with love / 2017 MOBILE DESIGN JOBS FROM IDEA TO FINAL DESIGNS
  • 3. Apps with love / 2017 MARKETING RELEASE BUGFIXING DEVELOPMENT DESIGN CONCEPT SCOPE ITERATION ITERATION ITERATION appswithlove.com USERRE SEARCH USABLITY TESTINGUSERRE SEARCHUSABLITY TESTING PROTOTYPE PROTOTYPE BETA RELEASE TESTCASES REVIE W USERBASE REQ UIREMENTS RESEA RCH ANAL YZE IDE ATE VALIDA TE APP DEVELOPMENT PROCESS
  • 4. Apps with love / 2017 1 DESIGN STRATEGY Clarify what to design and why before approaching how to design it. What is the right design strategy? It is your first job to find out. It depends on: • Experience of Client and Enduser • Involvement of Client and Enduser • Culture of the Client and Enduser • Context (Product, Timing, Budget) Be open for new approaches but stick to your basic priciples.
  • 5. Apps with love / 2017 2 IDEA (WHAT & WHY)
  • 6. Apps with love / 2017 What‘s the Challenge? Value Proposition Hypotheses Design Strategy Target Audience perceptions, believes and behavior Market Research Competition and Inspiration ∆ ∆ ∆ ∆ ∆ 2 IDEA (WHAT & WHY)
  • 7. Apps with love / 2017 HUMAN NEEDS BUSINESS NEEDS TECHNOLOGY desirability viability feasibility USER USER CENTERED DESIGN
  • 8. Apps with love / 2017 3 SCOPE / REQUIREMENTS
  • 9. Apps with love / 2017 User Journey User Stories Non. Technical Requirements Scope 3 SCOPE / REQUIREMENTS ∆ ∆ ∆
  • 10. Apps with love / 2017 4 FUNCTIONAL DESIGN (WHAT & WHERE)
  • 11. Apps with love / 2017 Seite 4 3. Feedback positiv Fahrer erhält Feedback über den Erhalt des Jobs. (OK = weiter zu detailierten Job Informationen) Autom. PUSH an Kunde 2. Incoming Job Der Fahrer nimmt den Job durch Tab auf ANNEHMEN sofort an. 1. Ansicht Job Center (Case „Keine Vorbestellungen“) Hier werden dem Fahrer die Jobs angezeigt. Der Status des Fahrers ist nach der Anmeldung in der App standardmässig auf Free gesetzt. Auftrag annehmen – Fahrer erhält Auftrag 4 FUNCTIONAL DESIGN (WHAT & WHERE)
  • 12. Apps with love / 2017 TEST LEARN CREATE 4 FUNCTIONAL DESIGN (WHAT & WHERE) Scribbles Wireframes Prototypes User Research Analyse Iterate
  • 13. Apps with love / 2017 Logoentwicklung Go! Vorschlag 1 Stecknadel Farbpalette Sticker auf Partner-Taxi Rot, Lachsrot Sekundärfarben Basis: Logo schwarz Rot, Lachsrot Anthrazit Blau Sekundärfarben Winkel 15 ° Schutzraum im Kreis – go! Styleguide Logo Besteller App Herleitung: Stecknadel Konstruktion Logo Fahrer App 5 VISUAL DESIGN (HOW)
  • 14. Apps with love / 2017 Mockups Animations / Transitions Fonts / Icons / Colors Touchable Prototype User Research 5 VISUAL DESIGN (HOW) ∆ ∆ ∆ ∆
  • 15. Apps with love / 2017 5 VISUAL DESIGN (HOW)
  • 16. Apps with love / 2017 6 QUALITY ASSURANCE
  • 17. Apps with love / 2017 6 QUALITY ASSURANCE Functional Testing User Testing Design Review Quality Assurance starts already during the first phases and continues until the product is end of life. ∆ ∆
  • 18. Apps with love / 2017 7 PUBLISHING & PROMOTION
  • 19. Apps with love / 2017 7 PUBLISHING & PROMOTION App Promotion Assets Blogs App Icons App Store Screencast Videos Banners Flyer Videos Presentations Social Media App Store Screen Previews
  • 20. Apps with love / 2017 18.50 FIXPREIS CHF ZIEL Speichergasse 4, 3011 Bern SUISSE CAB 24 Standard START Landoltstrasse 63, 3007 Bern SUISSE CAB 24 Standard 12 MIN 7 MIN 9 MIN ca. 10 MIN Hol Dir die App go-mobility.ch 18.50 FIXPREIS CHF ZIEL Speichergasse 4, 3011 Bern SUISSE CAB 24Standard START Landoltstrasse 63, 3007 Bernca. 10 MIN 18.50 FIXPREIS CHF ZIEL Speichergasse 4, 3011 Bern SUISSE CAB 24Standard START Landoltstrasse 63, 3007 Bernca. 10 MIN Hol Dir die App go-mobility.ch Einfach von A nach B Einfach von A nach B Ziel eingeben, Fahrzeug wählen und zum Fixpreis ankommen. Ziel eingeben, Fahrzeug wählen und zum Fixpreis ankommen. Hol Dir die App! go-mobility.ch Flyer Fahrzeug Sticker 7 PUBLISHING & PROMOTION
  • 21. Apps with love / 2017 DU BESTIMMST DEN FAHRPLAN Einfach von A nach B: Ziel eingeben, Fahrzeug wählen und zum Fixpreis ankommen. Hol Dir die App go-mobility.ch TAXI ODER LIMOUSINE? Einfach von A nach B: Ziel eingeben, Fahrzeug wählen und zum Fixpreis ankommen. Hol Dir die App go-mobility.ch ÜBERALL UNTERWEGS Einfach von A nach B: Ziel eingeben, Fahrzeug wählen und zum Fixpreis ankommen. Hol Dir die App go-mobility.ch Plakatkampagne 7 PUBLISHING & PROMOTION
  • 22. Apps with love / 2017 DESIGN = EMPATHY
  • 23. Apps with love / 2017 THANK YOU!
  • 24. Apps with love / 2017 appswithlove.com info@appswithlove.com Apps with love