Hints and tips on developing a mobile app. Adam Powers, Head of User Experience, BBH London.

Slides:



Advertisements
Similar presentations
Saul Greenberg Storyboarding –a series of key frames originally from film; used to get the idea of a scene snapshots of the interface at particular points.
Advertisements

1 Survey Technology. Data Collection Tools Available in the Market 1. Paper Survey 2. Smart Paper 3. Cell Phones 4. Personal Digital Assistants - PDAs.
devices... Inputs and Output Keyboard The commonest way to enter data into a computer. Each key is simply a switch, which when pressed, results in a.
Discovering Computers: Chapter 1
How to Create a Simple Network Diagram
Author: Jakob Nielsen Presenter: Chloe Kyung. Introduction The iPad has now been on the market for about a year and a half and sold almost 30 million.
By: Ryan. Mathematics I learned how to do formulas, for example when I did = D3*D4 Enter then the computer magically did all the math for me. l learned.
Your Interactive Guide to the Digital World Discovering Computers 2012.
Add Visual Elements to all your Online Conversations By: Bridget Purdy.
Presented by: Ayana Bedney. What Is Technology? Tools, machines, and/or systems used to perform skills and functions such as input/output to transmit.
Cloud Applications For the Home User rev. LCCUG Rev
CHAPTER 2 Input & Output Prepared by: Mrs.sara salih 1.
1 CGS1060 Mobile UIs Copyright 2012 by Janson Industries.
How To Maintain A Digital Diary or Journal Jason R. Rich Bestselling Author / Journalist Photographer / Blogger Download This Presentation
On-site construction employees’ occupational safety in Europe the enhancement and strengthening of their Health and Safety skills development by means.
Digital in Teaching and Learning Gaining ground Digital in Teaching and Learning Gaining ground Carla Aerts Cambridge University Press Carla Aerts Cambridge.
Vocabulary #1 1.Numeric Keypad-Makes it easier to enter numbers into the computer. 2.Enter (Return) Key-Starts a new paragraph. 3.Arrow keys-Used to move.
Education and New Technology Digital Cameras. What is a Digital Camera? Takes video, photographs, and sometimes sounds digitally by recording images through.
Input Devices Manual and Automatic By Laura and Gracie.
Save Back-up Organise Title There is a beast out there called the “Crash Beast”. It doesn’t happen to painters or printers or fashion designers because.
11.10 Human Computer Interface www. ICT-Teacher.com.
Android 3.0 for tablet PCs hint: click the Android.
© Materna GmbH 2014www.materna.de1 Materna JMEDS Explorer for Android.
Submitted by:- Vinay kr. Gupta Computer Sci. & Engg. 4 th year.
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
Mission: Building and Testing. INSERTTO VIIDEO Design Brief: Design a cabin for Autonomous car on year 2035.
Creating the street of the future. In this project you get to create your own futuristic house using a tool called Google Sketchup. Afterwards you will.
Innovation-Decision Process: Knowledge  The Smart Board interactive whiteboard is an interactive whiteboard that uses touch detection for user input –
Unit 1 – Improving Productivity
Unit 1 – Improving Productivity Mollie painter. Instructions- 100 words per box.
11/23/ What the Doceri saw. Addendum to 12/5/12 Lunch and Learn on Teaching with Tablets Janet Temos
Software refer to all the programs that can be run on the computer.
1 Paper (low-fidelity) Prototypes. 2 When we are designing When we are thinking about design We are visualizing the interface inside our head (imaginary)
Unit 1 – Improving Productivity Elle-Marie Reid Instructions words per box.
Mobile Application Design and Development Insert Your App Name Here Northeastern University1 Name of App Tagline (80 chars max, including spaces) Put your.
Hardware By Ollie Coles Ollie Coles, Hardware. Graphics cards are the reason we are able to see anything on our computer screens A graphics card produces.
Is a pointing device that fits comfortably under the palm of your hand.
Publishing BY: Tyler Verdeyen. WordPress Pros: unique designs, user friendly on mobile devices Cons: speed and lack of flexibility Best Feature: You can.
Topic 2 Input devices. Topic 2 Input devices Are used to get raw data into the computer so that it can be processed Include common input devices such.
Top Five Alarm Apps for Android Install Uc Browser On Pc.
Welcome to Bespoke Web Application & Mobile App (Android, iOS) Development Company based at London (UK)
How to Sync Android Phone to Computer (PC/Mac)? Are you a person that always has your Android phone in your hands? Nowadays, a cell phone is not just for.
Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Amazing Illustrator Tips That Changed How I Design.
 Learn the mechanics of using App Inventor to build apps.  Learn how to design an app’s user interface with the App Inventor Designer, and its behavior.
Contextual menus Provide access to often-used commands that make sense in the context of a current task Appear when the user presses the Control key while.
THE NEW MOBILE WORKSPACE Enable Business Applications on Mobile Devices hopTo Work “I am amazed to see how easily hopTo transforms the user interface of.
Allyson Coan Adult Services Librarian June 13, 2016 iPad Basics Part 1.
PRIMARY SESSIONS Developing Mobile Apps: Session 1.
INPUT AND OUTPUT DEVICES. INPUT ALL THE ELEMENTS THAT HELP TO PUT INFORMATION INSIDE THE COMPUTER.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
Homework 1: Research and Analysis
Managing a Project User Documentation.
Input devices.
11.10 Human Computer Interface
Principles of Eurostat's dissemination strategy
Starting AppInventor in the Classroom
Memory aid INSTRUCTIONS
ASSIGNMENT 12/SMS02/088 UFOT SARAH FERNANDO
Input devices.
Lesson 1: Buttons and Events – 12/18
Module 1.1 Introduction to computers
CompTIA IT Fundamentals Study Guide (FC0-U51)
Windows 8 Microsoft Windows is the dominant operating system on personal computers around the world. The operating system is the most important software.
Session 1 Digital Skills
INNOVATION = MOTIVATION
Google Slides Fundamentals
Explain what touch develop is to your students:
Explain what touch develop is to your students:
Presentation transcript:

Hints and tips on developing a mobile app. Adam Powers, Head of User Experience, BBH London

Pen. Paint. Plasticine. Playdough. Collage. Computer. Copy. Paste. Phone. Pencil. Tablet. Photograph. Video. Soldering iron. Stick... Use tools you feel most comfortable with.

Print and use templates for phone and for interface elements like buttons. This will enable you to concentrate on an idea that you are developing, rather than labouring over drawing a phone 100 times.

Whats the user journey? Tell the story of the user using your mobile app, with a beginning (how does young person discover the app?), middle (how does user use the app?) and an end (how does the app help user save money?) Everything produced should be in the service of telling this story and helping judges understand how the app works and why. Whatever.

User journey samples:

User journey samples:

Remember: -Keep it simple for small screens. -Mobile content tends to be used in short bursts. -Make your content ‘ glance-able ’. -Mobile is the most ‘ personal ’ of digital devices; use that to your advantage. -Memory on mobiles is extremely precious; huge apps that don ’ t get used regularly are deleted. -Make good use of gestural interface - pinch, swipe etc. very simple apps go from good to brilliant when they use interface well.

Remember: -Its mobile. think about where the user might be using your app and have it act accordingly. e.g. does it behave differently if detected near an AVIVA billboard or bus shelter poster? -Think about how your idea can use the technologies present on most phones. e.g. bluetooth, wireless, location detection

Make things. Make things easier. Make things work better. Make things more attractive. Make things that move people. Make things that solve problems.