Lesson 2
Designing our Apps
MAD Educator: Tadhg Deeney
Diploma in Mobile App DevelopmentPart I
@ShawMobileApp
• Any Questions? – Type Questions to the Educator
• Q & A - Questions at the End of the Lesson
Webinar Interaction
About Us
Course Agenda
What is a Mobile App?
Coding for Beginners
Getting Started with Web Technologies
Summary
Q & A
RECAPLESSON
MOBILE APP DEVELOPMENT TOOL KIT
ONLY €19.99
Webinar Slides for every lesson
Bonus Videos
Summary Notes for every lesson
Exclusive Starter Pack
INCLUDED:
Enhance your learning experience!
LESSONAGENDA
Lesson 1 Recap
Designing for Mobile
Strategies for Ideas
Paper Prototypes
Identifying Requirements
Summary
Q & A
Designing for Mobile
Apple Eco-System
The Apple PlatformiPhone, iPad, Apple Watch/TV
Developer Licence$99/Year
Revenue-Sharing30:70 of the total
GuidelinesAesthetic IntegrityConsistencyDirect ManipulationFeedback & User Control
Google Eco-System
The Android PlatformAndroid-based Devices Vary
Developer Licence$25 once off registration fee
Revenue Sharing30:70 of the total
GuidelinesAccessibilityNavigationReadabilityFeedback
Mobile Web Apps
All PlatformsAvailable from Device Browser
Developer LicenceHosting Licence Required
Revenue Sharing0: 100 of the total
GuidelinesResponsive DesignVaried Screen Real Estate
Strategies for Ideas
What Types of Apps?
Most Popular App - 2015
Most Popular Category - 2016
Games – 24.43%
Business – 10.07%
Education – 8.82%
Lifestyle – 8.61%
Social Networking – 2.1%
Understand your Audience
Who is your User?
What is happening?
When will they Interact?
Where are the users?
Why will they use the App?
How are they using it?
What is the Best Strategy?
How will your App Stand Out?
Standalone Apps
Is there something to cause people to Need it?
Corporate Apps
Will it Improve their Lives?
Facilitator Apps
General Advice
Interest Yourself
5 Year Olds & 50 Year Olds
Provide a Service
Question Time
What Apps will you Create?
Standalone – Corporate - Facilitator
@ShawMobileApp #ShawMAD
Paper Prototypes
Use Cases – Sample App
Build an App Where a User can Add and Remove Tasks from a List Displayed on
their Mobile Device
When a Task is Added or Removed the List should adjust accordingly
Break Down this Specification into Component Parts
Code is Modular
Identifying RequirementsTo-Do List App
Primary – Functional RequirementsSecondary – Non-functional Requirements
Required #1 – Adding Tasks1.1 – Inputting Tasks1.2 – Add Button1.3 – Added to a List
Required #2 – Display Task List2.1 – List of Tasks2.2 – List Size – Static/Dynamic2.3 – Remove Buttons
Required #3 – Removing Tasks3.1 – Removing from List3.2 – Updating Display
Layout of Initial Designs
What You’ll Need:
-Pencil-Sheets of Paper-Mobile Device Template-Friends (optional)
Context –Where will the App be Most Useful?
Goals –What MUST The App Do?
Needs –What does it Need to function correctly?
Design the Layout
Communicate your Idea
Simulate & Record Reactions
Tools for App Design
Marvel
PopApp
MockFlow
Android/iOS Sketch Paper
Adobe Color CC
androiduiux.com
Designing for Mobile
Strategies for Ideas
Paper Prototypes
Identifying Requirements
Congratulations you have just laid the foundations
o Attend all of the lessons live to ask Questions in
real time and benefit the most
o We’re here to help, so contact us anytime!
Summary
The Software Needed
Windows Mac OS X
Log in to your members area:www.shawacademy.com
Recordings are available within 24 hours
Lesson Recordings &
Assignments
• The next session is “Intro to HTML & CSS”
• Build your User Interface
• Style your Content
• Become an App Inventor Your Next Lesson:
Lesson 3
Attend all of the lessons LIVE and your
knowledge will grow
Shaw Academy Lifetime Membership Prize
during Lesson 6
www.facebook.com/shawacademy @shawacademy @ShawMobileApp
QUESTION TIME See you back for Lesson 3 Introduction to HTML & CSS
Top Related