Samsung Mobile Apps Classroom Presentation

Guide

Overview 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

Agenda

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

Activity #1

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

Samsung Galaxy Product Portfolio

http://youtu.be/jh3N_9Vd8Us

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 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 Market

The 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 Market

Mobile Internet will overtake desktop Internet by 2015

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

The Market

The Market

What is an app?

• Web app

• Facebook app

• Mobile app

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

The Market

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

The 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 Market

NFC (Near Field Communication)

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

The Market

Augmented Reality (AR)

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

The Market

QR Codes• Act as markers• Connect to

digital content

The Market

Object RecognitionExample: Aurasma

The 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 Market

What do you use?

What have you heard of?

How do you hear about cool apps?

App Showcase

Social

App Showcase

App Showcase

Gaming

App Showcase

Entertainment

App Showcase

Magazine/News

App Showcase

Utility

Creating an App

5D Process to Launch

DiscoverLearn everything you can

• The market• The competitors• Who you are selling to• Access to resources

Process—5Ds

Define• Plan the idea• Think through a Functional Spec

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

Process—5Ds

Design• Get a rough-sketch concept• Test it with friends, family, others• Create the primary screens

Process—5Ds

Develop• Use the creative and have the

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

Process—5Ds

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

Build the next version

Process—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

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

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

Discovery—The Idea

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

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

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

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

ActivityVisualize an idea and then present

Activity #2

Creative BriefDefine the project

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

Define—The Plan

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

Part 1—Wrap-up

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

Part 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 #3

User Journey• User experience (UX)

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

- The layout of the objects on the screen

Define

User Journey• Display/

create a user journey

Define

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

Define

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

development

Define

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

Design

Design—User Journey

Standard Mobile and Tablet Design Elements• App Icon

• Splash Screen

• Home Screen

• Primary Navigation

• Secondary Navigation

• Buttons

• Icons

• Gestures

Design

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

Design

Preparing Graphics for Development• Screen resolution

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

• PDF for comps• PNG for final production

Design

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

Activity #4

Platforms• Operating Systems

- Android, Windows, other

Development

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

The Market

Languages/CodeNative Code vs. Web App vs. Hybrid AppHard codingPlatforms for ease in developing

• Sencha Touch 2• PhoneGap

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

Development

How do we test?ProcessVocabulary• QA• UAT• Bugs

Testing

Reporting and Metrics• Adding analytics to your app

• Tools– Flurry– Localytics– Omniture– Google Analytics

• Issue logs• Bug Tracking

Testing

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

Marketing

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

Marketing

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

Huge impact when you break through!

Marketing

Mobile MarketCareersIdeas and Defining them• Discover• Define• Design• Develop• Deploy

Marketing

Summary of the Class

Q&A

Preparing Your Concept

Wrap-up

Thanks for the Future!