Samsung Mobile Apps Classroom Presentation

Guide

Samsung Mobile Apps Classroom Presentation

Guide

Overview of the ProgramOverview of the Program

Introductions

Program Outline

Part 1• Overview• Activity #1• The Market• App Showcase• Discovery – The Idea• Activity #2• Define the Plan• Wrap-up

AgendaAgenda

Part 2 • Activity #3• Define - The Plan 2• Design• Activity #4• Development• Testing• Marketing your app• Wrap-up

Activity #1Activity #1

Commonalities• Build the teams• Read the name on your card• Find students that match• Form a group

Samsung Galaxy Product PortfolioSamsung Galaxy Product Portfolio

http://youtu.be/jh3N_9Vd8Us

The MarketContent and Experience Rule

The MarketContent and Experience Rule

How mobile is changing behavior?• Lean back surfing on tablets

- Forrester report: 85% of tablet owners in the U.S. use while watching TV

• Less talking and more texting• Demanding any information I need, wherever I want

it, whenever I want it

What do you do with your mobile phone or tablet?

The MarketThe Market

5.3 billion mobile users (7 billion people in the world)

90% of the world has mobile coverage

Source: digitalbuzzblog.com | onlineschools.org | onedeviceresearch.com | canalys.com | inner-active.com |

The MarketThe Market

The MarketThe Market

Entertainment, information, and social are the top reasons people stay connected

Source: digitalbuzzblog.com | onlineschools.org | onedeviceresearch.com | canalys.com | inner-active.com |

The MarketThe Market

Mobile Internet will overtake desktop Internet by 2015

Source: digitalbuzzblog.com | onlineschools.org | onedeviceresearch.com | canalys.com | inner-active.com |

The MarketThe Market

The MarketThe Market

What is an app?

• Web app

• Facebook app

• Mobile app

Basically, an app is a standalone software program integrated into a platform.

The MarketThe Market

New Mobile Tech• M-commerce• NFC (Near Field Communication)• Augmented Reality (AR)• QR Codes• Object Recognition

The MarketThe Market

M-Commerce• Growing use of smartphones and tablets to

make purchases• Forrester reported approx. 38% of owners

used their phone to buy something as of November 2011

The MarketThe Market

NFC (Near Field Communication)

http://www.youtube.com/watch?v=6tBAB5ls5vM

The MarketThe Market

Augmented Reality (AR)

http://www.youtube.com/watch?v=Uh7eQkV0dLM

The MarketThe Market

QR Codes• Act as markers• Connect to

digital content

The MarketThe Market

Object Recognition

Example: Aurasma

The MarketThe Market

Careers that involve mobile and tablet apps• Software Engineering• Hardware Engineering• Chemistry• Hardware Product Design• Software Product Design• Programming• Creative• Advertising• Many, many more…

The MarketThe Market

What do you use?

What have you heard of?

How do you hear about cool apps?

App ShowcaseApp Showcase

Social

App ShowcaseApp Showcase

App ShowcaseApp Showcase

Gaming

App ShowcaseApp Showcase

Entertainment

App ShowcaseApp Showcase

Magazine/News

App ShowcaseApp Showcase

Utility

Creating an AppCreating an App

5D Process to Launch

5D Process to Launch

Discover

Learn everything you can• The market• The competitors• Who you are selling to• Access to resources

Process—5DsProcess—5Ds

Define• Plan the idea• Think through a Functional Spec

and put it on paper• Plan your timing• Plan for hiccups

Process—5DsProcess—5Ds

Design• Get a rough-sketch concept• Test it with friends, family,

others• Create the primary screens

Process—5DsProcess—5Ds

Develop• Use the creative and have the

code built to plan• Have other screens created• Integrate these into the build• Test

Process—5DsProcess—5Ds

Deploy• Release a tested version• Monitor what people are saying• See what works, what breaks

Build the next version

Process—5DsProcess—5Ds

What makes a good idea?• Ideas can come from anywhere• Good ideas have to fill a need or create a desire

- Where did digital social media come from?- Did we need it or did we learn to desire it?

Discovery—The Idea

Discovery—The Idea

Envision the final product• What does it do?• How do you interact with it?• Is it for a single purpose or will I expand it?

Then work backward through the steps to get there.

Discovery—The Idea

Discovery—The Idea

What is already in the market?• Know your competition• Find a way to be better, faster, smarter• Build a better mousetrap

Discovery—The Idea

Discovery—The Idea

What resources do you need?• Time• People• Money

Discovery—The Idea

Discovery—The Idea

What resources do you need?

Time• Are you full-time on the project?• Are you part-time?• Be realistic. Everything takes more time

than expected.

Discovery—The Idea

Discovery—The Idea

What resources do you need?People• The number-one most difficult resource to find is

the right people• Pay, trade, or include

- Pay for the work- Trade for something you can give them- Include them in your business

• Creative• Development• Marketing

Discovery—The Idea

Discovery—The Idea

What resources do you need?

Money• Always available for the right idea• Know how much you’ll need• New funding sources like Kickstarter.com

- Crowdsourcing an investment in the ideas

Discovery—The Idea

Discovery—The Idea

Activity

Visualize an idea and then present

Activity #2Activity #2

Creative Brief

Define the project• Audience• Tone• Identity elements like colors, fonts, logos• Features and benefits• Special aspects that need to be considered

Define—The PlanDefine—The Plan

What we learned from Part 1• The Market• Process• Discovery• The Idea• Define – Part 1

Part 1—Wrap-upPart 1—Wrap-up

• Activity #3• Define - The Plan 2• Design• Activity #4• Development• Testing• Marketing your app• Wrap-up

Part 2—AgendaPart 2—Agenda

The Creative Brief

Group Exercise• Work the idea from Activity 2 through a

Creative Brief exercise• Present the Creative Brief to the group

Activity #3Activity #3

User Journey• User experience (UX)

- Interaction between the device and user• User interface (UI)

- The layout of the objects on the screen

DefineDefine

User Journey• Display/

create a user journey

DefineDefine

Functional Specifications• Road map of the app’s workings• Can contain the technical documentation• Used by teams to understand the app before it

gets developed• Used by development to ensure they are getting

all the pieces necessary for building

DefineDefine

Wireframes• Screens that show UI• All screens are created as a wireframe before

development

DefineDefine

User Interface (UI) and User Experience (UX)

Creative Strategy

• Entertainment, utility, reference, etc. • Who is your target audience?

Tactical Screens• Home page• Drill-down pages

- Primary screens- Secondary screens

DesignDesign

Design—User Journey

Design—User Journey

Standard Mobile and Tablet Design Elements• App Icon

• Splash Screen

• Home Screen

• Primary Navigation

• Secondary Navigation

• Buttons

• Icons

• Gestures

DesignDesign

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design—User Journey Wireframes

Design Programs and Tools• Adobe Photoshop, Illustrator, InDesign• Mockup software

- Balsamiq, others

DesignDesign

Preparing Graphics for Development• Screen resolution

- Various sizes based on tablet, phone- Horizontal and vertical orientations

• PDF for comps• PNG for final production

DesignDesign

Creating the UI and FSD• Three screens• What each does• How you navigate

Activity #4Activity #4

Platforms• Operating Systems

- Android, Windows, other

DevelopmentDevelopment

Types of Mobile Apps• Native Apps• Web Apps • Hybrid Apps (Web) • Hybrid Apps (Mix)

The MarketThe Market

Languages/Code

Native Code vs. Web App vs. Hybrid App

Hard coding

Platforms for ease in developing• Sencha Touch 2• PhoneGap

http://developer.samsung.comhttp://developer.android.com/index.html

DevelopmentDevelopment

How do we test?

Process

Vocabulary• QA• UAT• Bugs

TestingTesting

Reporting and Metrics• Adding analytics to your app

• Tools– Flurry– Localytics– Omniture– Google Analytics

• Issue logs• Bug Tracking

TestingTesting

App Stores• Samsung Apps• Google Play• Amazon Appstore• Windows Phone Marketplace• Others

MarketingMarketing

Promoting Your App• Finding your audience• Treating your app like a product• Cultivating social sharing

- Blogs and influential bloggers- Tweets

• Your own website• PR – earned media• Paid – placed media

MarketingMarketing

Breaking Through the Clutter• Reaching Editors’ Choice at stores• Reaching New and Noteworthy

Huge impact when you break through!

MarketingMarketing

Mobile Market

Careers

Ideas and Defining them• Discover• Define• Design• Develop• Deploy

Marketing

Summary of the ClassSummary of the Class

Q&A

Preparing Your ConceptPreparing Your Concept

Wrap-upWrap-up

Thanks for the Future!