SlideShare ist ein Scribd-Unternehmen logo
introductions Jen Gordon Background in web design for a bunch of big companies (booring) Migrated to designing mobile apps in 2008 (yaaay!) Founder, designer & writer @ www.tapptics.com Special guest Bess Ho iOS developer & instructor “How to Develop an iPhone App in 4 Weeks” online course
topic What makes a successful app?
topic What makes a successful app? According to Outfit7 the secret is to: “Exploit the touchability and rich development environment of Apple technology, then use social media to spread the word.” Andrej Nabergoj, Outfit7 CEO
topic And what does that mean? They understood that people love: apps that have a creative use of the touch screen. Animals Especially funny animals Or cute, fluffy animals They also knew their target audience and the the motivations of their audience: Parents (to entertain themselves or children) Kids (to laugh hysterically) And spreading the word via social media? Sounds like they got a little lucky. 
Geoff asks I'm a professional cartoonist looking to move into gaming and mobile apps.  What do I need to learn about mobile apps and gaming apps in order to make a successful leap into that area? Look at what’s trending in the App Store. Especially games that have an extended stay in the Top 10. Trends and tastes change, so it’s always  a good idea to see what’s current. Have addictive game-play, lots of ways to level up. Make it impossible to put down. Don’t forget about sound effects. It’s very important to give the user audio and visual feedback when they do something right or wrong in the game. Your artwork has to be killer. Whether it’s killer in a Doodle Jump kind of way, or killer in a Tiny Wings kind of way.
Jen’s follow up Why is Angry Birds so popular? Gameplay is accessible to a wide range of users (children, adults, retirees?) Loveable characters Awesome name, incredible graphics Conceptually rich (name describes something about the gameplay) It’s brand has become recognizable in popular culture. Physics type games seem to be popular (Cut the Rope, Tiny Wings)
Jen’s follow up What happened to Flight Control? And how is its success different than Angry Birds?
Jen’s follow up What happened to Flight Control? Flight Control enjoyed a very long run in the top 10 in the early years of the App Store. It was popular with iOS early adopters, primarily male. Other apps with dynamic game-play and characters edged them out. Customers were ready for something new? The app did not enjoy the kind of popularity that allowed it to be extended in the same way as Angry Birds, in the way of merchandising and movie deals.
Zsuzsi asks I just try to collect some good advice about app design, so if you have some standard wisdoms for an  app-virgin designer, I would be grateful if you're sharing with me :) Spend some time in the App Store. Download tons and tons of apps. Analyze what you think makes them work well, and make a note of things that are confusing. Think about how different design aesthetics or flows can apply to the app you’re designing. Believe it or not, this is one of the best ways to learn how to design apps.
Zsuzsi asks I just try to collect some good advice about app design, so if you have some standard wisdoms for an  app-virgin designer, I would be grateful if you're sharing with me :) Spend some time in the App Store. Download tons and tons of apps. Analyze what you think makes them work well, and make a note of things that are confusing. Think about how different design aesthetics or flows can apply to the app you’re designing. Believe it or not, this is one of the best ways to learn how to design apps. Your first app design will probably suck, so don’t waste time in Photoshop. Sit with a pad of paper and draw out how you think the app should work.
David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.)  Define my Target Audience Write out Use Case scenarios
David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.)  Define my Target Audience Write out Use Case scenarios Draw prototypes
David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.)  Define my Target Audience Write out Use Case scenarios Draw prototypes Assemble the screens in the proper flow
David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.)  Define my Target Audience Write out Use Case scenarios Draw prototypes Assemble the screens in the proper flow Finally… get into Photoshop
Mark asks as a non programmer/developer, what should i do to most fully use all the stuff on the tapptics site, other than grab the images Start designing out some app ideas, even if they’re just ideas you’ve had floating around in your head. This will help you: Build your portfolio Begin to understand how apps are organized, how they flow, how to design tappable targets the proper size and bunch of other stuff! Then, once you have some ideas mocked up, start to reach out to developers to find the right match for your app project. Even if it’s not a large project, it’s helpful to get a couple of apps in the app store so you understand how the process works from start to finish.
Paul asks My app. is an educational game for teaching EFL. The techniques are new. What are my intellectual property right options? English as a Foreign Language? The answer is I’m not sure. If the techniques were not new, I’d say protect yourself by drawing up a Non-Disclosure Agreement with everyone who works on the project. However since your techniques are new, you may want to contact an Intellectual Property lawyer to determine if your techniques need or can be protected.
Daniel asks Should we switch to developing webapps now or continue developing for iOS for time being?  Becoming familiar with developing for web-based mobile applications will only put you ahead of the game when the wave starts to hit. My prediction is that with the proliferation of Android and other tablet and smartphone devices that web-based mobile apps will be a requirement for businesses that do not desire to develop (and maintain) native apps for multiple platforms. The direction it is currently moving in is developers creating mobile web apps that live inside of a native shell, thus making it possible to distribute through the App Store. I see this trend continuing as the market matures.
Christian asks What are the costs involved? It depends. Generally speaking: ,[object Object]
  Apps that require connectivity to web services are more expensiveCost centers include: ,[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
Lenka Križanová
 
Cultivating Diverse Participation through Digital Media
Cultivating Diverse Participation through Digital MediaCultivating Diverse Participation through Digital Media
Cultivating Diverse Participation through Digital Media
Nettrice Gaskins, Ph.D.
 

Andere mochten auch (19)

NATF Presentation: Techno-Vernacular Creativity, Innovation & Learning
NATF Presentation: Techno-Vernacular Creativity, Innovation & LearningNATF Presentation: Techno-Vernacular Creativity, Innovation & Learning
NATF Presentation: Techno-Vernacular Creativity, Innovation & Learning
 
Иллюстрации. Corman Cor
Иллюстрации. Corman CorИллюстрации. Corman Cor
Иллюстрации. Corman Cor
 
Survey of New Media Lecture
Survey of New Media LectureSurvey of New Media Lecture
Survey of New Media Lecture
 
Boston Arts Academy STEAM Fair Presentation
Boston Arts Academy STEAM Fair PresentationBoston Arts Academy STEAM Fair Presentation
Boston Arts Academy STEAM Fair Presentation
 
Techno-Vernacular Creativity and Innovation
Techno-Vernacular Creativity and InnovationTechno-Vernacular Creativity and Innovation
Techno-Vernacular Creativity and Innovation
 
2013 gep challenge_tim6
2013 gep challenge_tim62013 gep challenge_tim6
2013 gep challenge_tim6
 
Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
Innovation and Creativity Camp | Viac ako peniaze Prezentácia č.12
 
Go to business
Go to business Go to business
Go to business
 
The Art of STEM
The Art of STEMThe Art of STEM
The Art of STEM
 
Cultivating Diverse Participation through Digital Media
Cultivating Diverse Participation through Digital MediaCultivating Diverse Participation through Digital Media
Cultivating Diverse Participation through Digital Media
 
Myth Science: The STEAM Legacy of Sun Ra
Myth Science: The STEAM Legacy of Sun RaMyth Science: The STEAM Legacy of Sun Ra
Myth Science: The STEAM Legacy of Sun Ra
 
Black Futurism: Race as Technology
Black Futurism: Race as TechnologyBlack Futurism: Race as Technology
Black Futurism: Race as Technology
 
Playing ARt
Playing ARtPlaying ARt
Playing ARt
 
Public Art & STEAM at BAA
Public Art & STEAM at BAAPublic Art & STEAM at BAA
Public Art & STEAM at BAA
 
Anansi Reconsidered: Panel Presentation
Anansi Reconsidered: Panel PresentationAnansi Reconsidered: Panel Presentation
Anansi Reconsidered: Panel Presentation
 
Techno-Vernacular Creativity, Innovation & Learning in Underrepresented Ethni...
Techno-Vernacular Creativity, Innovation & Learning in Underrepresented Ethni...Techno-Vernacular Creativity, Innovation & Learning in Underrepresented Ethni...
Techno-Vernacular Creativity, Innovation & Learning in Underrepresented Ethni...
 
Vision Mapping Workshop
Vision Mapping WorkshopVision Mapping Workshop
Vision Mapping Workshop
 
Make an Alternate Reality Game!
Make an Alternate Reality Game! Make an Alternate Reality Game!
Make an Alternate Reality Game!
 
STEAM Learning & Education: K-12
STEAM Learning & Education: K-12STEAM Learning & Education: K-12
STEAM Learning & Education: K-12
 

Kürzlich hochgeladen

Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
joshuaclack73
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 

Kürzlich hochgeladen (20)

Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
bobbi goods amelie y ximena # Bobbie gods forever
bobbi goods amelie y ximena # Bobbie gods foreverbobbi goods amelie y ximena # Bobbie gods forever
bobbi goods amelie y ximena # Bobbie gods forever
 
Second Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptxSecond Order Systems Qhhhhhhhhuestions.pptx
Second Order Systems Qhhhhhhhhuestions.pptx
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 

How to Create a Successful App

  • 1. introductions Jen Gordon Background in web design for a bunch of big companies (booring) Migrated to designing mobile apps in 2008 (yaaay!) Founder, designer & writer @ www.tapptics.com Special guest Bess Ho iOS developer & instructor “How to Develop an iPhone App in 4 Weeks” online course
  • 2. topic What makes a successful app?
  • 3.
  • 4. topic What makes a successful app? According to Outfit7 the secret is to: “Exploit the touchability and rich development environment of Apple technology, then use social media to spread the word.” Andrej Nabergoj, Outfit7 CEO
  • 5. topic And what does that mean? They understood that people love: apps that have a creative use of the touch screen. Animals Especially funny animals Or cute, fluffy animals They also knew their target audience and the the motivations of their audience: Parents (to entertain themselves or children) Kids (to laugh hysterically) And spreading the word via social media? Sounds like they got a little lucky. 
  • 6. Geoff asks I'm a professional cartoonist looking to move into gaming and mobile apps. What do I need to learn about mobile apps and gaming apps in order to make a successful leap into that area? Look at what’s trending in the App Store. Especially games that have an extended stay in the Top 10. Trends and tastes change, so it’s always a good idea to see what’s current. Have addictive game-play, lots of ways to level up. Make it impossible to put down. Don’t forget about sound effects. It’s very important to give the user audio and visual feedback when they do something right or wrong in the game. Your artwork has to be killer. Whether it’s killer in a Doodle Jump kind of way, or killer in a Tiny Wings kind of way.
  • 7.
  • 8.
  • 9. Jen’s follow up Why is Angry Birds so popular? Gameplay is accessible to a wide range of users (children, adults, retirees?) Loveable characters Awesome name, incredible graphics Conceptually rich (name describes something about the gameplay) It’s brand has become recognizable in popular culture. Physics type games seem to be popular (Cut the Rope, Tiny Wings)
  • 10.
  • 11. Jen’s follow up What happened to Flight Control? And how is its success different than Angry Birds?
  • 12.
  • 13. Jen’s follow up What happened to Flight Control? Flight Control enjoyed a very long run in the top 10 in the early years of the App Store. It was popular with iOS early adopters, primarily male. Other apps with dynamic game-play and characters edged them out. Customers were ready for something new? The app did not enjoy the kind of popularity that allowed it to be extended in the same way as Angry Birds, in the way of merchandising and movie deals.
  • 14. Zsuzsi asks I just try to collect some good advice about app design, so if you have some standard wisdoms for an app-virgin designer, I would be grateful if you're sharing with me :) Spend some time in the App Store. Download tons and tons of apps. Analyze what you think makes them work well, and make a note of things that are confusing. Think about how different design aesthetics or flows can apply to the app you’re designing. Believe it or not, this is one of the best ways to learn how to design apps.
  • 15. Zsuzsi asks I just try to collect some good advice about app design, so if you have some standard wisdoms for an app-virgin designer, I would be grateful if you're sharing with me :) Spend some time in the App Store. Download tons and tons of apps. Analyze what you think makes them work well, and make a note of things that are confusing. Think about how different design aesthetics or flows can apply to the app you’re designing. Believe it or not, this is one of the best ways to learn how to design apps. Your first app design will probably suck, so don’t waste time in Photoshop. Sit with a pad of paper and draw out how you think the app should work.
  • 16.
  • 17. David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.) Define my Target Audience Write out Use Case scenarios
  • 18.
  • 19. David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.) Define my Target Audience Write out Use Case scenarios Draw prototypes
  • 20.
  • 21. David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.) Define my Target Audience Write out Use Case scenarios Draw prototypes Assemble the screens in the proper flow
  • 22.
  • 23. David asks Please focus some time on concept through design Ok so here’s my design process: Brainstorm feature list (generally what could the app do and for who? If a game or casual tool, what kind of concepts or visual metaphors surround the idea?) Example: Celebrity Mashup Primary Task (what is the main thing this app achieves) Product Definition Statement (iPhoto is an easy to use photo organization tool for casual photographers.) Define my Target Audience Write out Use Case scenarios Draw prototypes Assemble the screens in the proper flow Finally… get into Photoshop
  • 24.
  • 25. Mark asks as a non programmer/developer, what should i do to most fully use all the stuff on the tapptics site, other than grab the images Start designing out some app ideas, even if they’re just ideas you’ve had floating around in your head. This will help you: Build your portfolio Begin to understand how apps are organized, how they flow, how to design tappable targets the proper size and bunch of other stuff! Then, once you have some ideas mocked up, start to reach out to developers to find the right match for your app project. Even if it’s not a large project, it’s helpful to get a couple of apps in the app store so you understand how the process works from start to finish.
  • 26. Paul asks My app. is an educational game for teaching EFL. The techniques are new. What are my intellectual property right options? English as a Foreign Language? The answer is I’m not sure. If the techniques were not new, I’d say protect yourself by drawing up a Non-Disclosure Agreement with everyone who works on the project. However since your techniques are new, you may want to contact an Intellectual Property lawyer to determine if your techniques need or can be protected.
  • 27. Daniel asks Should we switch to developing webapps now or continue developing for iOS for time being? Becoming familiar with developing for web-based mobile applications will only put you ahead of the game when the wave starts to hit. My prediction is that with the proliferation of Android and other tablet and smartphone devices that web-based mobile apps will be a requirement for businesses that do not desire to develop (and maintain) native apps for multiple platforms. The direction it is currently moving in is developers creating mobile web apps that live inside of a native shell, thus making it possible to distribute through the App Store. I see this trend continuing as the market matures.
  • 28.
  • 29.
  • 30. Development (of app any any web-based components)
  • 31. Marketing (includes social media setup, web promotion, advertising)
  • 33. Web hosting (if your app grabs data from your own server)
  • 34. Apple Developer License
  • 35.