mobile first-edinburgh 030913
TRANSCRIPT
![Page 1: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/1.jpg)
![Page 2: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/2.jpg)
2nd Sept, 2013Putting Mobile First
@precedent##PrecSem
John CampbellHead of Mobile
Mark BaillieCreative Director
![Page 3: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/3.jpg)
![Page 4: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/4.jpg)
![Page 5: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/5.jpg)
Mobile whitepaper series
![Page 6: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/6.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 7: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/7.jpg)
A Changing World
![Page 8: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/8.jpg)
A Changing World - Stats…
![Page 9: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/9.jpg)
A Changing World – Google I/O
![Page 10: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/10.jpg)
Todays news
![Page 11: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/11.jpg)
A Changing World – Why are we here today
![Page 12: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/12.jpg)
2013
Asia Pacific Europe North America Middle East and Africa Latin America
A Changing World – Users of Mobile by Region 2012 - 2017
2012
Source: Portio Research
2017
![Page 13: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/13.jpg)
A Changing World – What Do Your Customers Use?
Smart TV
Blackberry Windows
iOSAndroid
![Page 14: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/14.jpg)
A Changing World – Tablets
![Page 15: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/15.jpg)
A Changing World – Tablets
![Page 16: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/16.jpg)
A Changing World – The Surge Towards TabletGl
obal
Uni
ts S
hipp
ed (M
Ms)
Global PC (Desktop / Notebook) and Tablet Shipments by Quarter (Q1: 1995 - Q1: 2013)
Source: Katy Huberty, Ehud Gelblum, Morgan Stanley Research. Gartner. Data as of 4/13. Note: Notebook PCs include Net books
![Page 17: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/17.jpg)
A Changing World – Tablets
![Page 18: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/18.jpg)
A Changing World – Mobile Operating System by Region
EuropeAustralia
June 2012 to May 2013
Asia
iOS Android SymbianOS
Source: Stat Counter – Global Stat Counter - http://gs.statcounter.com/
![Page 19: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/19.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 20: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/20.jpg)
Take the time to understand your user’s behaviour and context.
What Are My Options?
![Page 21: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/21.jpg)
![Page 22: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/22.jpg)
Its is all about the customer experience.
THE ONLY SOURCE OF KNOWLEDGE IS EXPERIENCE. - Albert Einstein
EXPERIENCE IS NOT WHAT HAPPENS TO YOU. IT IS WHAT YOU DO WITH WHAT HAPPENS TO YOU. - Aldous Huxley
WIDEN YOUR VIEW FROM GEN Y TO GENERATION C, NOT BOUND BY AGE OR DEFINED BY INCOME. THEY LIVE AND BREATHE IN SOCIAL NETWORKS AND USE THERE MOBILES AS WINDOWS TO THE WORLD–
Brian Solis
To Gen C, experience is everything. What experience do you want your connected customers to have?
DIGITAL TRANSFORMATION IS ABOUT FUNDAMENTAL CHANGE
![Page 23: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/23.jpg)
Your experiences
?
![Page 24: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/24.jpg)
1. Typically has short bursts of activity2. Often is time restricted3. Is goal driven4. Loves using his phone - joy of use 5. Tells others of a good experience6. Needs a simple uncomplicated experience
What Are My Options? – Remember a Mobile User…
![Page 25: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/25.jpg)
Take the opportunity to innovate in design and function.
What Are My Options?
![Page 26: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/26.jpg)
![Page 27: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/27.jpg)
What Are My Options? – Mathew Algie - Ethical Coffee Campaign
![Page 28: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/28.jpg)
What Are My Options?
Mobi
Responsive
Hybrid Apps
Native Framework Web App
Feed Aggregators
![Page 29: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/29.jpg)
What Are My Options? – Roll It - App or Web?
![Page 30: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/30.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 31: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/31.jpg)
‘
’
Design Considerations
Effective mobile designs not only account for these one thumb/one eyeball experiences but aim to optimize for them as well.
Luke Wroblewski – Mobile First
![Page 32: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/32.jpg)
Design Considerations – Common Language
![Page 33: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/33.jpg)
Design Considerations – Hit Areas
![Page 34: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/34.jpg)
RecognitionPutting a picture to either a person or a place:
‘Meet Bob the new council member for your area’ Or ‘Drop by the new office on Flinders Lane’
DescriptionWhere a specific item is better described visually:
‘We will be rolling out new wheely bins to replace our old ones, they will look like this:’ Or‘Our new Series 125fx is the fastest widget on the market and comes in blue!’
Design Considerations - Images
![Page 35: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/35.jpg)
Balfour+Manson (Responsive)
![Page 36: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/36.jpg)
Design Considerations – Responsive layouts
![Page 37: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/37.jpg)
Design Considerations - Reach
Right hand
Easy
Average
Hard
Left hand
Easy
Average
Hard
![Page 38: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/38.jpg)
Street Link (m. site)
![Page 39: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/39.jpg)
How did you do?
26% pass
![Page 40: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/40.jpg)
![Page 41: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/41.jpg)
![Page 42: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/42.jpg)
![Page 43: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/43.jpg)
![Page 44: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/44.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 45: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/45.jpg)
The Optimum Approach - mobi
![Page 46: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/46.jpg)
Tesco Compare (m. site)
![Page 47: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/47.jpg)
The Optimum Approach - mobi
![Page 48: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/48.jpg)
The Optimum Approach - mobi
![Page 49: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/49.jpg)
What it’s good for:• Providing focus and clear
structure• Deploying without impact
on main website• Delivering quickly• Wide reach working via
browser • Can be designed to
understand and respond to screen size or orientation
Considerations: • Careful consideration to
content impacting performance.
• Keep the design simply effective
• You need to design for tablet and phone to maximise experience.
• Links to m. or mobi domain name
The Optimum Approach - mobi
![Page 50: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/50.jpg)
The Optimum Approach - Responsive
![Page 51: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/51.jpg)
The Optimum Approach - Responsive
![Page 52: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/52.jpg)
The Optimum Approach - Responsive
![Page 53: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/53.jpg)
The Optimum Approach - Responsive
![Page 54: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/54.jpg)
MDU (Responsive)
![Page 55: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/55.jpg)
Tom Morris (Responsive)
![Page 56: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/56.jpg)
What it’s good for:• Reflows the same content
from the website• Content is presented on all
devices and screen sizes.• Architecture of the site
remaining the same• Single update of content
Considerations: • Cannot apply a different
tone of voice for mobile usage.
• Experience not built around the user or context
• Requires to think in % and not fixed width
• Supported screen size has to be chosen
The Optimum Approach - Responsive
![Page 57: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/57.jpg)
‘
’
The Optimum Approach - Responsive
It's cheap but degrading to reuse content and design across diverging media forms like print vs. online or desktop vs. mobile. Superior UX requires tight platform integration. Jakob Neilsen – 21st May
2012
![Page 58: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/58.jpg)
The Optimum Approach - Responsive
![Page 59: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/59.jpg)
Are apps going out of fashion?
The Optimum Approach – What do you think?
![Page 60: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/60.jpg)
Yes No
The Optimum Approach – What do you think?
![Page 61: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/61.jpg)
The Optimum Approach - Frameworks
![Page 62: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/62.jpg)
The Optimum Approach – Hybrid Apps
![Page 63: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/63.jpg)
St Andrews Link
![Page 64: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/64.jpg)
What it’s good for:• Lets you develop once and
deploy many• Cross device support
widening reach• A balance between rich
design and reach• Simplifying the interface
whilst enabling functionality
• Deployment via app stores
Considerations: • Will not be a rich interface • Restricted in functions • Balance between features
and reach• Typically uses HTML5 and
JavaScript.
The Optimum Approach - Frameworks
![Page 65: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/65.jpg)
The Optimum Approach – Native Apps
![Page 66: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/66.jpg)
The Optimum Approach – Native Apps
![Page 67: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/67.jpg)
The Optimum Approach – Native Apps
![Page 68: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/68.jpg)
The Optimum Approach – Native Apps
![Page 69: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/69.jpg)
The Optimum Approach – iButterfly
![Page 70: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/70.jpg)
Leeds College of Music
![Page 71: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/71.jpg)
What it’s good for:• Provides a rich interface• Uses the full phone
feature set• Designed around the user • Optimal performance• Provides joy of use• Can differentiate your
brand
Considerations: • Needs to be developed for
each device type• Designs typically can be
shared• Data is a key consideration
for unconnected use
The Optimum Approach - Native
![Page 72: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/72.jpg)
The Optimum Approach
![Page 73: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/73.jpg)
The Optimum Approach - Feeds
![Page 74: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/74.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 75: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/75.jpg)
From the ground up:• Custom approaches• Considered context • Specific content
From pre-existing:• Desktop applied to mobile• Stress / break points• Reworked content
Making It Happen - Content
![Page 76: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/76.jpg)
Making It Happen – Content: Mobile First
![Page 77: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/77.jpg)
Making It Happen – Content: Adapting content
![Page 78: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/78.jpg)
Don’t just follow the webMove from a 4 to 6 step process
![Page 79: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/79.jpg)
Making It Happen – UI Flow
![Page 80: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/80.jpg)
User journey mapping
![Page 81: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/81.jpg)
![Page 82: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/82.jpg)
![Page 83: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/83.jpg)
![Page 84: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/84.jpg)
‘
’
Making It Happen - Images
What about performance? Won’t a lot of images slow down the mobile experience?
![Page 85: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/85.jpg)
Thinking Mobile - map your strategy and the way forward
![Page 86: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/86.jpg)
Making It Happen – Images
![Page 87: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/87.jpg)
‘
’
Making It Happen – Data Integration
Users are sympathetic to poor network coverage and adjust their expectations when WIFI isn’t available.
![Page 88: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/88.jpg)
‘
’
Making It Happen – Data Integration
Users are NOT sympathetic to poor network coverage and adjust their expectations when WIFI isn’t available.
![Page 89: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/89.jpg)
1. Ensure your existing web API does not bundle unnecessary data with requests for data
2. Expand your API to deal with short, quick requests and hook it into your CMS solution as soon as possible
3. FEO is vital. Use mobile optimisation and analytics tools to see where your delivery speeds can be improved
4. Track user interaction in your app using an analytics tool
Making It Happen – Data Integration – 4 Key points
![Page 90: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/90.jpg)
Making It Happen – Data Integration
![Page 91: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/91.jpg)
‘
’
Making It Happen – Resource and Process
The more channels I run, the more resource I’ll need, right?
![Page 92: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/92.jpg)
Making It Happen – Resource and Process
![Page 93: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/93.jpg)
Making It Happen – Resource and Process
![Page 94: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/94.jpg)
1. A Changing World 2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen 6. Considering The Future
Putting Mobile First
![Page 95: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/95.jpg)
![Page 96: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/96.jpg)
Considering the Future – Lifestyle Health Bands
![Page 97: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/97.jpg)
Considering The Future
![Page 98: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/98.jpg)
Considering The Future – Remember it’s a Phone!
![Page 99: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/99.jpg)
‘
’
Considering The Future
If you want the Internet to be everywhere it has to be visible nowhere. It has to be unseen, unnoticed, undiscussed.
David St. Charles - Integrated Systems Inc. (Wired 1996)
![Page 100: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/100.jpg)
SpaceBook is a speech-driven, hands-free, eyes-free device for pedestrian navigation and exploration.
Considering The Future - PrecedentLabs
![Page 101: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/101.jpg)
Considering The Future – PrecEvents – Out of the Box!
![Page 102: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/102.jpg)
Considering The Future – New mobile platforms in 2013
![Page 103: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/103.jpg)
Considering The Future – New mobile platforms in 2013
![Page 104: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/104.jpg)
• Connected devices• Mobile payments and e-wallet• Mobile advancement - wearable devices (NFC)• Lounge computing - socially integrated TV• Move towards social business• Smart content with personalisation & aggregation• Self service applications
Considering The Future - Our view of the digital trends for 2013 ‘14
![Page 105: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/105.jpg)
Don’t disappointDon’t be afraid to innovateDon’t delay in providing a solution( think-apply-review-refine )
Considering The Future – Finally…
![Page 106: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/106.jpg)
Think big.Start small.Act Quickly.Smart thinking wins…
Considering The Future – Finally…
![Page 107: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/107.jpg)
![Page 108: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/108.jpg)
![Page 109: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/109.jpg)
![Page 110: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/110.jpg)
120expertsStrategy & researchBranding & communicationsUser-centred designDevelopment & hostingDigital marketing
![Page 111: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/111.jpg)
Years24Experience QualityStabilityLoyalty Results
![Page 112: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/112.jpg)
LONDON
EDINBURGH
CARDIFF
PERTH
MELBOURNE
HONG KONG
![Page 113: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/113.jpg)
Who we work with
![Page 114: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/114.jpg)
![Page 115: Mobile first-edinburgh 030913](https://reader035.vdocument.in/reader035/viewer/2022081605/54427c9a8d7f723b798b6296/html5/thumbnails/115.jpg)
Find our Precedent group on LinkedIn for a chance to find out more about our seminars, network, share ideas and quiz the Precedent team on seminar issues and more!
and follow us on twitter.com/Precedentcommsfor Precedent news, seminar info and general observations.