9. Optimising Mobile
1. When one screen became many…
2. Spotting the Opportunity
3. Design considerations
- Coffee break –
4. Making it happen
5. Considering the future
6. Summary
10. What is a mobile device and how are people using them?
1. When one screen became many…
16. 11.2m
At May 2013
Australians owned a smartphone
Source: ACMA - Australia’s mobile digital economy - http://bit.ly/ND6va9
17. 7.5m
During June 2013
Australians accessed the internet
via a mobile phone
Source: ACMA - Australia’s mobile digital economy - http://bit.ly/ND6va9
27. Android will most likely overtake iOS as
the majority operating system for devices
following the current global trend
http://i4.mirror.co.uk/incoming/article3201373.ece/ALTERNATES/s2197/Best-ever-selfie-taken-at-the-2014-Oscars-3201373.jpg
30. In Finland, planners are known to visit their parks
immediately after the first snowfall… (these ‘desire
lines’ are) indicated by their footprints and can be
used to guide the routing of new purpose built paths.
https://www.flickr.com/photos/ptenec242/5988307675
32. The only people who can tell you if your
assumptions are correct are the people
who you are targeting.
2. TEST ASSUMPTIONS
33. By drawing out your identified users
and their scenarios you can start to
find those ‘desire lines’ that will create
a meaningful interaction.
3. VISUALISE GOALS AND TASKS
37. CASE STUDY: TESCO BANK
https://www.flickr.com/photos/snapdoc/5818996692
Our team in Edinburgh found that a
high percentage of travellers bought
their insurance online, on their phone
and on the way to the airport.
38. CASE STUDY: TESCO BANK
This helped us identify the need for a
mobile site and also dictated how we
responded.
44. Design Considerations – Hit Areas
https://www.flickr.com/photos/arjunvkp/7732829512
User interface controls have to be big
enough to capture fingertip actions
without frustrating users with
erroneous actions and tiny targets.
49. ‘My issue with responsive design is when it
becomes lowest common denominator design,
‘working’ on all screens but not excelling on any’
ROAN LAVERY – FREE AGENT
http://www.freeagent.com/
50. CASE STUDY: PERTH ARENA
Just before Perth Arena opened the
doors on its 15,500 seat venue their
team contacted Precedent.
57. Faster development with an iterative roadmap
will kickstart any income stream and allow for
early understanding of benefits.
http://www.flickr.com/photos/angusf/2236023038
59. A website built around a tailored user
experience for only mobile access.
1. .M or .MOBI
60. A website that changes ratios (and/or
content) based on the device viewport.
2. RESPONSIVE or ADAPTIVE
61. A website that uses a framework to allow
distribution as an app.
3. APPS - HYBRID or FRAMEWORK APP
Handy link: http://www.markus-falk.com/mobile-frameworks-comparison-chart/
62. An app built exclusively for the operating
system or device on which it runs.
3.APPS - NATIVE APP
63. 18w
Average time to create a native app
Source: Kinvey - http://www.kinvey.com/blog/2086/how-long-does-it-take-to-build-a-mobile-app/
64. 13w
Perth Arena hybrid app project timeline
* 4 weeks design, 4 weeks development (3 weeks app, 1 week api build to drive app data), rest split between UX, research and PM
65. Responsive retrofitting your existing
site can feel like you are trying to cram
all your content into a very small space.
http://www.flickr.com/photos/maveric2003/28043469/
66. Creating a separate responsive m. site can
feel like planting a tree for the future but
special care needs to be taken to ensure the
project does not die.
http://www.flickr.com/photos/49503078599@N01/9312797
67. Mobile first approach means starting
again and relearning what you know
about your users and catering for them
directly.
https://www.flickr.com/photos/97599913@N08/10478344656
68. A piecemeal approach can lead to users
experiencing the joy of a new interface
alongside the disappointment of the old.
http://www.flickr.com/photos/63869057@N00/5676724071
69. Whatever approach you are considering you
should work initially using sketching, rapid
prototyping methods and try to identify the
minimum viable product that you can build upon.
70. CASE STUDY: MONASH UNIVERSITY
With a student body of over 50,000
and over 8,000 academic staff the
Monash University website has grown
considerably over time.
77. “The web will be everything, but it
will be nothing. It will be like
electricity, it is just there”
ERIC SCHMIDT – EXECUTIVE CHAIRMAN GOOGLE
https://www.flickr.com/photos/fitzvillafuerte/4444507668
78. “Services aren’t made on an assembly line…
you can’t predict precisely which
[touchpoint] each user will need… The
service is experienced differently by every
person, because every person is different”
ANDY POLAINE
http://www.projectara.com/
79. From Nike+ to Galaxy Gear, wearable
technology has arrived and with it the
expectation of the ‘internet of things’.
http://www.flickr.com/photos/samsungtomorrow/9675081089
80. In acquiring Nest Google may have signaled
that it is interested in getting even more
intimate with customers behaviors.
81. Smart locks like August can feed into a
combined, smart home, to start music,
schedule dinner and turn lights on.
82. At SXSW 2014 Google announced they will
be releasing a developer SDK that will make
it easier for companies to create wearable
devices that run on Android.
83. “Technologies aren’t solutions,
they’re simply tools that help us tell
stories about our products”
STEPHANIE RIEGER - YIIBU
https://www.flickr.com/photos/95521796@N00/267952677
85. 1. RESEARCH
We now live in a multi device world where both
smartphones and tablets are increasingly becoming
the main touchpoints for consumers.
86. 2. OPPORTUNITIES
Users will create their own paths to content, to create
engaging, meaningful and valuable experiences we
need to uncover our users motivations and journeys.
87. 3. DESIGN
There is a rich and growing visual language that has
evolved over the last 25 years of the web. Use this as a
base for your presence rather than inventing new ones.
88. 4. TECHNOLOGY
The ideal approach to optimising for mobile is to
prototype, test, implement and repeat. Learn from
successes and failures to continually adapt to change.
89. 5. FUTURE
The future will revolve around the ability of users to
customise their experiences to their needs and for
businesses to record greater amounts of data from that.
90. At Precedent we are committed to
looking at simple solutions to seemingly
complex digital problems…