2 Design Darryl Brown Mobile Development 2b Design & Development
3 Design Tommy O Connor Mobile Design We Are William Design
4 Introduction You should walk out of this session with a non-technical map of key phases and decisions you ll need to consider during the creation of a mobile app.
5 Introduction Main Phases: Specifications & Research UX/UI Design Architecture & Implementation Marketing Iteration
6 Phase 1 Specifications & Research
7 Specifications & Research What are you trying to accomplish? - Decide what your user s goals are with your app - Determine the tasks they ll need to complete in order to accomplish these goals - this establishes a super set of features your app needs - An exact set of features is a requirement to estimate or bid your project - These features then drive design, architecture and implementation decisions
8 Specifications & Research Who is your audience? - Who is going to use your app? - This will drive design, architecture and implementation decisions
9 Specifications & Research What value are you providing? - Why are people going to use your app? - Are there competitors out there? If so, why will yours be better?
10 Specifications & Research How will you make money? - Subscription: Recurring payments that allow for app s maintenance and development, and your profits. - Advertising: Need high volume of users to make money. Poor user experience, especially on smaller screens. - App Store Sales: Can be good model as long as you continually sell to cover maintenance costs. - Freemium: This model generally involves a free initial download, then users will pay for more content.
11 Phase 2 UX/UI Design
12 UI/UX Design What is UX/UI design? User Experience (UX): Determines how a user moves through an application, the navigation and content structure. User Interface (UI): Determines what the interface looks and feels like.
13 UI/UX Design Prioritize - Determine which features users need to access and give them stronger visual priority. - 5% Rule: If only 5% of your users will use a certain feature, consider getting rid of it. - Establishing priority gives focus to your application. Users will enjoy using your application more when they aren t given too many choices.
14 UI/UX Design Don t Over Design - Don t reinvent the wheel by applying custom designed elements to every screen. - Good interface design is design that isn t noticed.
15 UI/UX Design Consistency - Button placement should be the same on every screen. - Establish a system of typeface sizes, button categories and colors. Then stick to that system. - Creating many different interface element scenarios will confuse users. It will also add complexity in the development stage in both initial development as well as when changes need to be made to the application.
16 UI/UX Design Familiarity - People don t like having to learn new ways of accomplishing the same tasks - Use Design Patterns - Familiarity lets users focus on learning the things that really are unique about your app instead of the things they already know how to use
17 UI/UX Design Mobile application design is very different than web design.
18 UI/UX Design Navigation Web Design - Screen Real Estate Features Navigate the same way from every page Search Info Callout Zillow Advantages Features
19 UI/UX Design App Design Landing Page - Navigation is hidden - Filter is hidden - Very little promotional or informational content Landing Page The Zillow App drops users directly into a search based on where you are located. Navigation Tray When users click the menu icon at the top left, then they have access to a basic set of navigations. Filter Settings When users click the filter button at the top right, then they have access to a basic set of filter settings.
20 UI/UX Design App Design Calculator Flow - Linear - In this case - three taps on the mobile app equals one tap on the website Navigation Tray Users tap the menu button to access the Mortgage Calculator section. Calculator Menu User chooses which type of calculator they want to use. Payment Calculator Screen Users have a very simple set of sliders from which to set the info of the mortgage calculation. If they want to use all of the parameters they will click the Advanced button.
21 UI/UX Design Because of the linear nature of mobile apps there are a LOT more steps taken during the planning/design process.
22 UI/UX Design From Low to High Fidelity
23 UI/UX Design Sketching - Sketch major screens to figure out how you ll integrate features.
24 UI/UX Design Rough Flows - Go through the major flows of the app to find any possible navigational issues - Doesn t need every piece of navigation on screens - Balsamiq App allows you to make really simple, quick, clickable walk-throughs
25 UI/UX Design Wireframe - Wireframes are intended to represent the utility of the design not aesthetic design - Screens should account for all navigation elements and content - Buttons and content should be exactly the sizes you intend to use to design the application
26 UI/UX Design Full Design - The final stage is the fullresolution, full-color designs - The developer will follow these designs precisely to create the full application
27 UI/UX Design UI/UX Design Wrap Up Determine your user s goals/tasks and the app features before designing Keep your app focused, consistent and familiar From low-fidelity to high-fidelity
28 Phase 3 Architecture & Implementation
29 Architecture & Implementation What is Architecture? Architecture is the set of programs and devices/computers that make up your application, along with the basic paths they use to interface.
30 Architecture & Implementation Web App This type of mobile app, is really a broader application - on a mobile device. Pros: Cheap, powerful and runs on more devices. You also have SEO opportunities for marketing on the web Cons: It s not an explicit app on the mobile device. You have to browse to the relevant site to get to the app. The app is not listed in the app store(s). For example, most big mobile app businesses also have a web application. Example: etc.
31 Architecture & Implementation Client Only Application This is an app that is installed on a mobile device and is static - it does not get new data from anywhere other than from it s own user. Pros: Less cost (1/2 price) than server based application. Simpler implementation and therefore long term maintenance. Little or no recurring fees. Cons: No sharing of data between users, or from a single source to all clients. Example: Angry Birds
32 Architecture & Implementation Client/Server Application This is an app that is installed on a mobile device and interacts with a web server to get new information. Pros: Most powerful model. New data can be downloaded during every use. Data can be shared among users. Cons: Most expensive route. Like the Web App option, you also have some recurring fees. Example: Podcast Apps - they get lists of podcasts and download on demand
33 Architecture & Implementation Frameworks & Libraries - Good (efficient) implementors do not reinvent the wheel. To avoid this, they make use of existing frameworks and libraries. If someone wants to build everything from scratch, that is not a good sign. - Frameworks tend to provide a more consistent and familiar user experience.
34 Architecture & Implementation Are the frameworks and tools they select common? For the most part, a more common tool is better than a unique tool. There are several reasons for this: - A more common tool means many people have investigated the options and made that choice for a tool. - More common tool means more people know it, and therefore if you fall out with your provider, you will have more options. - A more common tool means more users, and more documentation
35 Phase 4 Marketing
36 Marketing Yay You built your app, now what?
37 Marketing Build a Microsite - Does a great job of showing off your features - Generate leads with signup forms - Increases the SEO potential for your app - Create a blog. This also helps bring people to your site by way of increased SEO.
38 Marketing Create a Video - Can help explain the app - Videos are a great way to evoke an emotional response
39 Marketing Social Media - Try to focus on users that might use your app - Integrate with social platforms and create ways where users can share with others. - Good way to keep open communication with your active users. By using social media as a customer service tool it may help keep your app rating up.
40 Marketing Get Press - Try to get your app reviewed - beautifulpixels.com - 148apps.com - appadvice.com - Contact bloggers that specialize in the topics your app addresses
41 Phase 5 Iteration
42 Iteration Minimum Viable Product (MVP) - This means that you should curb your set of features and initial investment to the minimum that you believe will work in the marketplace, and try it out. - If it works, you have validated your concept - If it fails, you need to examine your business assumptions, consider pivoting to another business approach or move on to your next idea.
43 Iteration Experiment and Re-release Once released, you typically need to hone your product through experimentation - Ideally, you get enough bites to validate your MVP. Then you should plan to experiment with more features, design changes, etc. - You need to collect good analytics to be able to tell the success or failure of an experiment.
38 Essential Website Redesign Terms You Need to Know Every industry has its buzzwords, and web design is no different. If your head is spinning from seemingly endless jargon, or if you re getting ready
A Beginner s Guide to the Google Display Network Read this guide and learn how to advertise on Google s Display Network, so you open up a whole new channel of traffic, leads and customers. Brought to you
1 SAMSUNG MOBILE APPS BOOT CAMP CLASSROOM LESSON PLANS AND COMMON CORE STANDARDS To download all classroom materials, go to the Teacher Resources tab in the Samsung Mobile Apps Boot Camp microsite: www.scholastic.com/samsungbootcamp.
Brought to you by Technology changes fast. From new apps to digital marketing, it can feel impossible to keep up. At The Paperless Agent, our mission is to help real estate professionals from all experience
Top 10 Skills and Knowledge Set Every User Experience (UX) Professional Needs The user experience (UX) of your products is only as good as the knowledge and skills of your UX staff. Here are the top 10
Introduction MailChimp makes it fun and easy to send email newsletters, manage subscriber lists and track newsletter performance, but what does that have to do with you? Why should churches be concerned
1 CLOSED-LOOP REPORTING MODASSIC MARKETING 2 CONTENTS HOW CLOSED LOOP MARKETING WORKS 8 WHAT YOU NEED TO SET UP CLOSED-LOOP MARKETING 19 BECOME A BETTER MARKETER BY CLOSING THE LOOP 25 HOW TO FIX A BROKEN
Free Site Review www.marinfineliving.com www.zenwebconsultant.com 1 SEO Has basic SEO been performed? Are there outdated SEO methods? Are keywords being used correctly? Do titles & descriptions need changes?
EFFECTIVE PROTOTYPING A developer s guide to better design through prototyping Everett McKay UX Design Edge uxdesignedge.com Who is this guy? Principal of UX Design Edge, a UX design training and consulting
7 Tips to Boost Buyers Using Google Adwords & Analytics Andrew R Edwards firstname.lastname@example.org About Me 9 Years Full Time Internet Marketing Google's advertising system in which advertisers bid on certain
Step #1 Define Your Ideal Client Step #1 Define Your Ideal Client In today s online environment, having just a web site doesn t usually cut it. As a business owner, your ultimate goal should be to build
APP DESIGN CHECKLIST From Mobile Pitch to Market Success www.mindsea.com/kit email@example.com Goals & Planning Phase How do you go from mobile pitch to app store success? There s no single formula, but
Request for Proposal (RFP) Toolkit A Message from the CEO Hi, this is Ryan Flannagan, founder and CEO of Nuanced Media. Thanks for downloading the RFP Toolkit. My team and I are excited that you ve decided
31 TIPS FOR GENERATING B2B WEBSITE LEADS A GUIDE FOR SMALL AND MID-SIZED BUSINESSES Dianna Huff, 2013 My website s not getting any leads! As someone who works with small business owners, I hear this complaint
Reference Guide Pogoplug Team Reference Guide Table of Contents Table of Contents 1. What s Included 2. Getting Started 3. Customizing the Pogoplug Interface a. Custom UI b. Custom Domain Name c. Custom
Apple Health An amazing app that visualizes health data in a useful and informative way!** By Nic Edwards Apple Health An amazing app that visualizes health data in a useful and informative way!** **Another
Creating a Website with Google Sites This document provides instructions for creating and publishing a website with Google Sites. At no charge, Google Sites allows you to create a website for various uses,
8 New Year s Resolutions for B2B Marketers Take your content marketing to the next level in the new year! With the new year quickly approaching, there s no better time to start thinking about your marketing
WHITE PAPER Not Just Another Pretty (Inter)Face Lee Farabaugh, MS-HCI MSHI Chief Experience Officer The Benefits of Integrating Visual Design with User Experience Methodologies The landscape of healthcare
Business A guide to the Pinterest Ads Manager Use Promoted Pins to reach new customers and grow your business Version 10.29.2015 Business What s inside 1 Getting started 2 Creating & editing Promoted Pins
Marketing Online SEO Facebook Google Twitter YouTube What is Internet Marketing? Internet marketing is considered to be broad in scope because it not only refers to marketing on the Internet, but also
AN INTRODUCTION TO LEAD GENERATION. A beginner s guide to converting website visitors into inbound leads for your business. A publication of 2 CONTENTS. 04 05 Introduction Defining a Lead 09 Qualifying
- 5 - Low Cost Ways to Increase Your DIGITAL MARKETING Presence Contents Introduction Social Media Email Marketing Blogging Video Marketing Website Optimization Final Note 3 4 7 9 11 12 14 2 Taking a Digital
Enhancing Business Development with Marketing Automation A BUSINESS GROWTH GUIDE BY GORILLA 76 The future of marketing has arrived. Rather than big media budgets and guessing games, it s rooted in smart
Getting Started with SharePoint Online for Small Business By Robert Crane Computer Information Agency http://www.ciaops.com Terms This Guide from the Computer Information Agency is provided as is. Every
Defining Social Media Social media isn t just a handful of social networks, it s anywhere on the web where you can interact and share your thoughts with others, ie most of the internet. It s also not stand
Small Business. Online Success. Google offers insights and tools to help your business grow. Contents Introduction 5 The basics: Get online 6 Ready-made sites 6 Google Sites 7 The next step: Attract and
At Divio we do Communication. Creativity. Ideas. We build big brands and deep relationships. And we love to code with Python This is our vision of the new Python.org Goals Goals After reading the brief
DIGITAL MARKETING FOR COSMETIC & PLASTIC SURGEONS AND MEDICAL SPAS DELIGHT INBOUND 1 BIGSHOT ' s ALL-INCLUSIVE MARKET ING SOLUTION...can provide you with the right content, expert design work, and marketing
Exploring Mobile Space Stanfy Publications Mobile Application UI/UX Prototyping Process Prototyping is an important part of an iterative design process where each screen is refined until it achieves the
Tapping into Mobile App Installs Building a Valuable User Base for Your App Introduction If your business has an app, or you re planning to launch one, you ve probably spent a lot of time thinking about
Friends or Foes? 2 PPC vs. SEO Friends or Foes? When it comes to which form of search engine marketing is most effective, the argument between Search Engine Optimization (SEO) and Pay Per Click (PPC) advertising
1 A Step- by- Step Guide for Building a Website for Your Business 2 Ge#ng Started With Your Website A well-built website is the foundation of your business And as we ve mentioned before, there s no better
Dynamics CRM for Outlook Basics Microsoft Dynamics CRM April, 2015 Contents Welcome to the CRM for Outlook Basics guide... 1 Meet CRM for Outlook.... 2 A new, but comfortably familiar face................................................................
Print to Interactive Roadmap with Patrick McNeil Spoiler alert: Print to web doesn t mean what it used to The agenda The agenda The problem Industry overview User centered design process End goals Skills
Using Google Analytics Overview Google Analytics is a free tracking application used to monitor visitors to your website in order to provide site designers with a fuller knowledge of their audience. At
Welcome The webinar will begin shortly Angela Chumley Angela.Chumley@crownpeak.com 08.18.15 Engagement Tip Mute Button Listen Actively Ask Questions 2 AGENDA Getting Started Web Content Management (WCMS)
Branded Websites: The Best Thing You Can Do for Your Business A White Paper from Katalyst Creative Group Copyright 2012 Katalyst Creative Group, LLC firstname.lastname@example.org 1 Branded Websites: The Best Thing
Creating an App Spec How to prepare for your first mobile app! by Mark Larson Marblesoft, LLC Welcome! Thank you for choosing Marblesoft as your app developer. Creating your first mobile application can
31 TIPS FOR GENERATING B2B WEBSITE LEADS A GUIDE FOR SMALL AND MID-SIZED BUSINESSES Dianna Huff, 2013 My website s not getting any leads! As someone who works with small business owners, I hear this complaint
YOUR FIRST WEBSITE WEBSITE QUICKSTART 5 EASY STEPS Anyone can do to get their first website up and running with wordpress the right way in just a few minutes. 5 STEPS TO YOUR FIRST WEBSITE WAVE NETWORKS
GENERIC AGENCY STATEMENT OF WORK Generic Company TABLE OF CONTENTS Our Envisioning Methodology... 3 Promote a Friendly Image to Prospective & Current Clients... 3 Enable Ease of Use... 3 Create a Design
- What You Need to Know Selling your home is not easy. It takes time, energy, objectivity, expertise and a team of experts to help you! It also takes Web Appeal. With most buyers beginning their home search
Beyond Responsive Design (for Online Retailers): Delivering Custom Mobile Experiences for Multiple Touch Points When the Internet first started to become popular and widespread, webpage design was a relatively
Get to know PayAnywhere. Hello there! Applying for PayAnywhere How do I get $5,000 free in transactions? PayAnywhere will waive processing fees up to $5000 for the first six months after account approval
Send a print job to the Margaret River Library from my home PC, laptop or mobile device Send a print job to the Margaret River Library Print Release station from any internet-connected device, any time,
Social Marketing & Reputation Management > TOUCH POINTS 1. 2. 3. Customer Behavior General Facts and Trends Value of each Platform & Opportunities > WHERE DO YOU BEGIN? > GET REAL ABOUT SOCIAL MEDIA Social
King Schools, Inc. KING ONLINE APPLICATIONS USING THE APPLE IPAD User Guide Rcooley Contents 1. INTRODUCTION... 1 2. THE ISWIFTER SOLUTION... 2 2.1 DOWNLOAD AND PURCHASE... 2 2.2 USING ISWIFTER... 2 3.
Special Report 5 Tips for Creating the B2B Marketing Content That Really Speaks to Your Audience JSA Interactive - Special Report 1 5 Tips for Creating the B2B Marketing Content That Really Speaks to Your
Super Web Solutions - a one-stop-shop Super Web Solutions - a one-stop-shop for all your web design, development, marketing, hosting and business consulting needs. We offer all the essential tools to guarantee
Career Guide The Ultimate Career Guide www.first.edu For The Graphic Design & Web Development Industry Learn about The Graphic Design & Web Development Industry, the types of positions available, and how
Volume 3 DAVID A. WILLIAMS Getting Started Guide for Web Development Customers Getting Started Guide WEB SITE DEVELOPMENT Getting Started Guide 2001-2006 David A. Williams All Rights Reserved Phone: 607-587-9275
How we work Digital Natives working methods 22 October 2014 (C) Copyright 2014 Digital Natives LTD All rights reserved. 1 How we work Digital Natives (DiNa) s business goal is to take part in and support
Skype for Business: For Faculty Use with Online Courses Skype for Business is a communication tool that allows users to collaborate in real-time via text chat, audio/video chat, and desktop sharing. Skype
3 Ways Your Web Design Can Better Connect You to Your Audience by Rafal Tomal Feb 06 How do people recognize good web design? There is a big difference between good and bad design. Many people can identify
Online Marketing Suite See page 4 to get a FREE mobile report! Why Your Practice Needs a Mobile Website Interface Right Now and How To Make it Happen. www.practicedock.com Ph. 877-412-4324 Why Your Practice
Client Guide Approach One purpose Deep Ripples began in 2008 with one simple idea: Connect people. Over the years, our methods have evolved with the Web, but our goal is still the same. We help businesses
Page 1 INVESTOR MEMO EXECUTIVE SUMMARY In-app advertising as it exists today is a true black-box that lacks transparency and control for both advertisers and app developers. To be more precise, advertisers
USER EXPERIENCE DESIGNER & RESEARCHER Hello! My name is Syed Lagoon and I am a UX Designer & Researcher with a broad UX skillset that ranges from user research and competitive analysis to rapid wireframing
A SIMPLE GUIDE TO PAID SEARCH (PPC) A jargon-busting introduction to how paid search can help you to achieve your business goals ebook 1 Contents 1 // What is paid search? 03 2 // Business goals 05 3 //
UX UI 101 Productive Edge Travis Lee Wiggins Mobile Design Lead Productive Edge www.productiveedge.com Headquarters: Chicago, IL Full Service Technology Company - End to End Solutions We Develop Software
Building an Interactive Online Fact Book with R Shiny Mike Wallinga Director of Institutional Research Northwestern College, Orange City, IA AIRUM Conference 2013 My Annual Fact Book Struggle/Soapbox Creating
MEAP Edition Manning Early Access Program Hello! ios Development version 14 Copyright 2013 Manning Publications For more information on this and other Manning titles go to www.manning.com brief contents
Nokia Mobile HTML5 Framework UX introduction to creating location-based mobile apps 22 Main components you can use and customize to meet your needs Interactive map Search Place details Routing 22 Nokia
CONTENTS WHAT IS ONLINE MARKETING? // TRADITIONAL MARKETING // TYPES OF ONLINE MARKETING // MARKETING TYPE PROS AND CONS WHY IT'S IMPORTANT // NEW BUSINESS GENERATION // CUSTOMER RELATIONSHIP DEVELOPMENT
1 About the Author Isha Kapoor is a SharePoint Geek, a Vivid blogger, Author, Trainer and a SharePoint Server MVP from Toronto Canada. She is a founder and primary Author of famous SharePoint website www.learningsharepoint.com.
Google AdWords Handbook for tour & activity companies 2 Contents Checklist for Launching AdWords Introduction What is Google AdWords? How can AdWords help my tour & activity company? Difference between
EMAIL MARKETING BEST PRACTICES www.agillic.com email@example.com SUBJECTS AND PREHEADERS Subject Preheader Tell it don t sell it Your subjects and preheaders can make all the difference to your email.
DIGITAL DESIGN Robert Shefras BA(Hons) Design Leeds Metropolitan University. CONTENT 1. Statement of Intent 2. Critique of websites (X-stream critique) 3. Critique of Websites (X-stream critique part 2)
WEST VALLEY COLLEGE DEPARTMENT of DIGITAL MEDIA / INTERNET SERVICES: Curricular Profile & Program Information The following degree and certificate programs are expected to be state approved in 2015. All
THE ULTIMATE GUIDE TO Building Mobile Applications Understanding Strategy, Design and Effective Execution Table of Contents 1 2 3 4 5 6 7 Main Benefits of Mobile Apps Finding your Development Team Choosing
The IconProcess: A Web Development Process Based on RUP Katherine Marshak IconMedialab, Director of Process Development Katherine.Marshak@IconMedialab.com Agenda» The legacy of web development processes
October, 2015 Install/Uninstall Xerox Print Drivers & Apps Best Practices for Windows 8, 8.1, and 10 Customer Tip 2015 Xerox Corporation. All rights reserved. Xerox, Xerox and Design, ColorQube, and WorkCentre
MARKETER S GUIDE January 2015 Edition Complete Guide to Mobile Responsive Web Design SEARCH - MARKETING - SOCIAL - MOBILE - ADVERTISING Complete Guide to Mobile Responsive Web Design Haven t updated your
Simple Tricks To Optimize Your Adwords Campaign and Increase ROI June 29, 2011 Contact LiveRez If you would like to learn more about LiveRez s professional services including: Adwords Management SEO Management
The following updates are planned for the Scopus release on February 1, 014. For questions or to provide us with feedback, please email Scopus Product Marketing at firstname.lastname@example.org. We will try to
Revenue Generating Conversion Rate Optimization (CRO) Strategies AWG s recommendations are based upon intuitive testing and tracking via Google Analytics and other programs specifically purposed to measure
1 Optimizing Landing Pages for Lead Generation and Conversion How to Drive More Leads with Better Landing Pages A publication of 2 IS THIS BOOK RIGHT FOR ME? Not quite sure if this ebook is right for you?
How to Build a Successful Website November 17, 2010 By Alhan Keser This is a guide meant to help you create a successful website. There are many ways of going about developing a website that can lead to
Spring 2015 3 KEYS TO PRICING YOUR HOME RIGHT 3 Keys to Pricing Your Home Right So You Don t Leave Money on the Table The importance of pricing your home right is an integral piece of selling your home
Social Media Playbook Personalized Experience Social technologies are changing the way we collaborate and communicate with each other. Many traditional forms of marketing and advertising have been replaced
!! How to Create Effective Lead Magnets That Build Your Email List Welcome The Lead Magnet Known By Many Names Lead Magnet Opt-In Bribe Bait Pieces Sign Up Forms Subscriptions Free Trials Why Have a Lead
Web Development QUESTIONNAIRE Version: 1.0 BIG! TABLE OF CONTENTS 1. Client Details... 3 2. Basic Site Info... 4 3. Site Layout and Design... 6 4. Public Features... 7 5. Admin Features...8 6. Ecommerce