SlideShare uma empresa Scribd logo
1 de 62
Baixar para ler offline
Building an App from
Idea to Launch
Tools and Best Practices
David Ng, Product & Growth at Oursky
Building an idea into an app
requires hours of dedication to design and
development
Where do you start?
Don’t find an engineer…
yet.
The Big picture
Design Develop Deliver
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
User story
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Wireframe
Wireframe
• What elements should be on the page
• Why they should be there
• Where you should place them
• How they should function
Wireframe - Best Practices
Styling introduces distraction
Image: http://uxmovement.com/products/wireframe-patterns-design-at-a-pro-level-with-ease/
Wireframe - Best Practices
• Visual clarity is important
• No style is needed
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Design
Design - Best Practices
• Follow the Design Guidelines
• iOS Human Interface Guidelines.
• Android Material Design Guildlines
• Avoid using the same UI/UX for multiple
platforms
Design - Best Practices
http://www.phonedog.com/sites/phonedog.com/files/styles/blog_entry/public/blog/main_image/2015/04/
twittertrendsiphoneandroid.png?itok=sIydLGDN
Design - Best Practices
(Con’t)
• Be consistent
• Simplify users’ life
• Amaze users
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Interactive Prototype
video: http://blog.flinto.com/flinto-2-introducing-the-behavior-designer.html
Interactive Prototype
• Preview your app on device
• Show interaction / animation when user interacts
with it
• Integrate with user testing
• You can test your app without a real app
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Usability Test
• We are asking: How well people can use your
app?
• Method: Observe how people actually use your
app
• Hallway Testing
• Remote usability testing
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Define resources
• Major resources to consider:
• Time
• Budget
• Affects:
• App features and polish
• Number of supported platforms
• Manpower
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
In-house / Out-source
Development options:
• Build your in-house development team
• Outsource your project
• (Some people do hybrid)
Build a development team
• 1st option: Find a technical partner to recruit a
team
• 2nd option: recruit a team (don’t just rely on 1
“full-stack” developer)
• Considerations: your tech lead / CTO will
determine your technical architecture
Approaches to development
• Use ready-made components to build faster
• Open source libraries
• Free / Paid services
• Backend-less approach
Outsource your project
• how to pick a vendor if you opt to outsource
• Quality - reference their past projects
• Cost
• Availability
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Tech Architecture
Android App
App Server
iOS App Web App
Database
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
QA
• To assure the app quality after implementation
• Types:
• Functional Test
• Stress Test
• Usability Test
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Publishing
Publishing
• iOS App on App Store
• Upload via iTunes Connect
• Android App on Play Store
• Upload via Google Play Developer Console
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Analytics
• How many users using your app?
• How users use your app?
• How many people did a specific action? (e.g.
sharing)
Analytics
Analytics - best practices
• Identify your KPI (Key Performance Indicators)
• Always collect as much raw data as you could
Analytics - growth funnel
The Big picture
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Debugging
"Debugging is twice as hard as writing the code in
the first place.”
- Brian Kernighan
Error tracking
• Tracking errors from the real users to help you
debugging.
• Get as much useful info as possible
Error tracking
• Sentry
From idea to reality
Design Develop Deliver
• User Story
• Wireframe
• Design
• Interactive Prototype
• Usability Test
• Define resources
• In-house/out-source
• Tech architecture
• QA
• Publishing
• Analytics
• Error Tracking
Conclusion
Design Develop Deliver
Please feel free to ask any question.
Thank you
A B O U T U S
Wespecialiseincreatingdigitalproductswithgreatexperiences
2008
founded in
40
talented designers and developers
2
studios in Hong Kong and Taipei
Apple featured our apps
LabelboxGif.cam Spentable
Featured by Appstore
LabelboxS p i c e u p y o u r p h o t o s w i t h
b e a u t i f u l l a b e l s a n d s t a m p s .
Users
>3M
Unique Labels
& Stamps
300
Challenge
With thousands of competitors on the market. We
continue using analytics to experiment and implement
new strategies to improve the app’s monetisation and
user retention.
Technologies Used
iOS (Objective-C)
Wireframe - Tools
• Sketch
• Illustrator
• Hand-drawn
Design - Tools
• Sketch
• Photoshop
• Adobe XD
Prototype - Tools
• Google Pixate (Shut down on 31Oct)
• Flinto
• Facebook Origami
• InVision
• Collect feedback
Usability Test - Tools
• UserTesting.com
Analytics - tools
• Google Analytics
• Mixpanel
• Apsalar
• Facebook Analytics
• segment.io
• Raw Data in your database

Mais conteúdo relacionado

Último

%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
masabamasaba
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
masabamasaba
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
chiefasafspells
 

Último (20)

%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
 
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension AidDirect Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems - The Print[A] Example - A Comprehension Aid
 
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK SoftwareAnnouncing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK Software
 
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
 
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learnVTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
 
tonesoftg
tonesoftgtonesoftg
tonesoftg
 
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
WSO2CON 2024 - WSO2's Digital Transformation Journey with Choreo: A Platforml...
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
 
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
Love witchcraft +27768521739 Binding love spell in Sandy Springs, GA |psychic...
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
 

Destaque

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Building an app from idea to launch (tools and best practices)

  • 1. Building an App from Idea to Launch Tools and Best Practices David Ng, Product & Growth at Oursky
  • 2.
  • 3. Building an idea into an app requires hours of dedication to design and development
  • 4. Where do you start?
  • 5. Don’t find an engineer… yet.
  • 6. The Big picture Design Develop Deliver
  • 7. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 8. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 10. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 12. Wireframe • What elements should be on the page • Why they should be there • Where you should place them • How they should function
  • 13. Wireframe - Best Practices Styling introduces distraction Image: http://uxmovement.com/products/wireframe-patterns-design-at-a-pro-level-with-ease/
  • 14. Wireframe - Best Practices • Visual clarity is important • No style is needed
  • 15. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 17.
  • 18.
  • 19. Design - Best Practices • Follow the Design Guidelines • iOS Human Interface Guidelines. • Android Material Design Guildlines • Avoid using the same UI/UX for multiple platforms
  • 20. Design - Best Practices http://www.phonedog.com/sites/phonedog.com/files/styles/blog_entry/public/blog/main_image/2015/04/ twittertrendsiphoneandroid.png?itok=sIydLGDN
  • 21. Design - Best Practices (Con’t) • Be consistent • Simplify users’ life • Amaze users
  • 22. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 24. Interactive Prototype • Preview your app on device • Show interaction / animation when user interacts with it • Integrate with user testing • You can test your app without a real app
  • 25. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 26. Usability Test • We are asking: How well people can use your app? • Method: Observe how people actually use your app • Hallway Testing • Remote usability testing
  • 27. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 28. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 29. Define resources • Major resources to consider: • Time • Budget • Affects: • App features and polish • Number of supported platforms • Manpower
  • 30. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 31. In-house / Out-source Development options: • Build your in-house development team • Outsource your project • (Some people do hybrid)
  • 32. Build a development team • 1st option: Find a technical partner to recruit a team • 2nd option: recruit a team (don’t just rely on 1 “full-stack” developer) • Considerations: your tech lead / CTO will determine your technical architecture
  • 33. Approaches to development • Use ready-made components to build faster • Open source libraries • Free / Paid services • Backend-less approach
  • 34. Outsource your project • how to pick a vendor if you opt to outsource • Quality - reference their past projects • Cost • Availability
  • 35. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 36. Tech Architecture Android App App Server iOS App Web App Database
  • 37. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 38. QA • To assure the app quality after implementation • Types: • Functional Test • Stress Test • Usability Test
  • 39. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 41. Publishing • iOS App on App Store • Upload via iTunes Connect • Android App on Play Store • Upload via Google Play Developer Console
  • 42. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 43. Analytics • How many users using your app? • How users use your app? • How many people did a specific action? (e.g. sharing)
  • 45. Analytics - best practices • Identify your KPI (Key Performance Indicators) • Always collect as much raw data as you could
  • 47. The Big picture Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 48. Debugging "Debugging is twice as hard as writing the code in the first place.” - Brian Kernighan
  • 49. Error tracking • Tracking errors from the real users to help you debugging. • Get as much useful info as possible
  • 51. From idea to reality Design Develop Deliver • User Story • Wireframe • Design • Interactive Prototype • Usability Test • Define resources • In-house/out-source • Tech architecture • QA • Publishing • Analytics • Error Tracking
  • 53. Please feel free to ask any question. Thank you
  • 54. A B O U T U S Wespecialiseincreatingdigitalproductswithgreatexperiences 2008 founded in 40 talented designers and developers 2 studios in Hong Kong and Taipei
  • 55.
  • 56. Apple featured our apps LabelboxGif.cam Spentable
  • 57. Featured by Appstore LabelboxS p i c e u p y o u r p h o t o s w i t h b e a u t i f u l l a b e l s a n d s t a m p s . Users >3M Unique Labels & Stamps 300 Challenge With thousands of competitors on the market. We continue using analytics to experiment and implement new strategies to improve the app’s monetisation and user retention. Technologies Used iOS (Objective-C)
  • 58. Wireframe - Tools • Sketch • Illustrator • Hand-drawn
  • 59. Design - Tools • Sketch • Photoshop • Adobe XD
  • 60. Prototype - Tools • Google Pixate (Shut down on 31Oct) • Flinto • Facebook Origami • InVision • Collect feedback
  • 61. Usability Test - Tools • UserTesting.com
  • 62. Analytics - tools • Google Analytics • Mixpanel • Apsalar • Facebook Analytics • segment.io • Raw Data in your database