SlideShare a Scribd company logo
beyond the mobile web...

               http://www.flickr.com/photos/puuikibeach/3991552331
Part 1: Massive Change




    http://www.flickr.com/photos/chadmagiera/265752353
“
The most profound technologies are those
that disappear. They weave themselves
into the fabric of everyday life until they are
indistinguishable from it…. - Mark Weiser




                                       http://www.flickr.com/photos/armaggeusa/3176297283
There used to be a certain (old fashioned)
logic to the way we interacted with
people, places, and things.



                        http://www.flickr.com/photos/mcgraths/5332476357

Recommended for you

Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013

Slides from my class on January 14 at General Assembly in London about designing for multiple devices. ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

user experience designresponsive designux
Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful

The document discusses how mobile devices enable new experiences and applications beyond the devices themselves. It notes that long queues at device launches provide opportunities for user research. While devices have impressive numbers of apps and downloads, people use apps for communication, entertainment, work and a variety of other aspects of modern life. The document advocates developing for the open web in addition to apps so content can reach all devices and browsers.

appsappcircusmobile
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013

Slides from my 1 hour class on February 26th at Google Campus in London during the 'Best of GA' event. ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

user experience designresponsive designux
You wanted knowledge,
  you went to a library.




      http://www.flickr.com/photos/ccacnorthlib/3554627364
        http://www.flickr.com/photos/scobleizer/3026517429
You wanted to be social,
you went to a club or cafe.



           http://www.flickr.com/photos/lordcolus/3271042499
You wanted to consume,
    you went to a shop



         http://www.flickr.com/photos/herry/3005310002
These behaviours were imposed on us by culture,
 society, and plain old physics and geography.




                                   http://www.flickr.com/photos/robertsharp59/3749693084

Recommended for you

Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013

The document discusses designing for multiple devices. It covers device usage patterns, implications for design, and different approaches like responsive design versus bespoke mobile sites versus apps. It provides statistics on mobile usage and analyzes usage patterns across devices. It also discusses responsive design techniques like defining grids and content stacking strategies. Considerations for native apps on Android versus iOS are also reviewed.

user experience designresponsive designux
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu

The document discusses how technology is increasingly woven into everyday life and the physical world. It describes several new technologies like smart connected objects, self-driving cars that collect data, smart forks that track eating habits and communicate with apps. It argues that the web needs to embrace these new technologies and find ways to connect physical systems to provide more seamless experiences, rather than trying to compete with native apps. The future may involve the web enabling discovery of physical objects and powering connections between various systems and technologies.

technologyfuturefood and related products
Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012

The document discusses designing for multiple devices. It notes that mobile device usage is increasing dramatically and surpassing the global population. People use their mobile devices in many contexts throughout the day for a variety of tasks. As a result, designers must consider how to provide equal and continuous experiences across different devices. Approaches include responsive design, which adapts content based on screen size, and apps, which are focused on specific platforms. The document also highlights important differences to consider between designing for Android versus iOS.

user experience designresponsive designux
Then internet came along...and things got a lot closer.




                                          http://www.flickr.com/photos/dahlstroms/3444838707
but until recently, using the
internet was still “an activity”...




             http://www.flickr.com/photos/whatcouldgowrong/5320553588
envir
                 onme
                     nt                              focused user


                                                                                          privacy




reliable
network

unlimited                                            with a fairly specific context
 data
                                                                                         comfy chair




                          full-sized keyboard
                                                                                        work surface



                                      reliable power source
                                                                    http://www.flickr.com/photos/fuzzcat/22019163
this context has been
turned on its head...




      http://www.flickr.com/photos/anap/2878165366

Recommended for you

Designing For Multiple Devices - GA London, 04 Mar 2013
Designing For Multiple Devices - GA London,  04 Mar 2013Designing For Multiple Devices - GA London,  04 Mar 2013
Designing For Multiple Devices - GA London, 04 Mar 2013

Slides from my class on the 4th of March at General Assembly in London. ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

user experience designresponsive designux
Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012

Slides from my class on October 1st 2012 at General Assembly London about designing for multiple devices. ABSTRACT The rise in mobiles and tablets have changed the way we consume and interact with content, but also the way we design and what we base our design approach on. This class will teach you about the shift in user expectations, behaviour- and consumption patterns and what that means for designing products that will be used on multiple devices. Coming out of it you'll be equipped with guiding principles and tools to tackle the multiple device jungle.

uxweb design and developmentuser experience design
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement

This document provides an overview of practical technologies that can be used for community engagement and civic participation. It discusses how social media and mobile phones are ubiquitous technologies that can be leveraged. Specific tools are presented for gathering and sharing information through photos, videos, audio, maps and messaging. APIs, mobile applications and platforms for crowdsourcing, surveys and fundraising are presented as ways to better connect with and involve community members.

civic engagementtechnologysocial media
<historical interlude>




                http://www.flickr.com/photos/dumbledad/3262185149
“
One of the interesting estimates is that there are
about 35 billion devices connected to the
Internet. Soon, there will be so many that we’ll
stop counting. - Eric Schmidt, Google




                                       http://www.flickr.com/photos/webtreatsetc/4860505549/
6.8 billion




*2010 estimates put the population over 6.8 billion inhabitants...
77%
          number of people with mobile devices




or 5.3 billion at the end of 2010 – U.N. Telecommunications Agency, http://www.itu.int

Recommended for you

State of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech PortlandState of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech Portland

Presented at Innotech Portland on April 23rd. My attempt to talk about why mobile is important and current trends in mobile.

mobileportlandinnotech
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013

Slides from my part 2 class of Designing for multiple devices run at General Assembly in London on the 18th of March 2013. ABSTRACT In Fundamentals for Designing for Multiple Devices, we covered the basics of responsive design and mobile apps (for both Android & iOS). We also looked at how user expectations have shifted behaviour, how consumption patterns have changed and what that has meant for designing products that will be used on multiple devices. This follow-on session will take outset in the guiding principles covered in the previous class and take a closer look at: - common challenges faced when designing for multiple devices and how to address them - content strategy and hierarchy across devices - navigation patterns for responsive design - app structures and navigation patterns - how to test both responsive sites and apps

user experience designresponsive designux
Brunei keynote Library Futures
Brunei keynote Library FuturesBrunei keynote Library Futures
Brunei keynote Library Futures

My keynote in Brunei for the Conference on GenNext Libraries held at the Universiti Brunei Darussalam Oct 8, 2012. “Tech Changes & Library Futures.”

technologylibrarianslibraries
free platforms
+ low cost components
= a perfect storm



                    http://www.flickr.com/photos/deks/697297227
and a lot of disruption...




          http://www.flickr.com/photos/oskay/3300199882
a free operating system (Android)
  dual core ARM 9 @ 416MHz2G GSM/EDGE
  2.8” QVGA resistive touch screen
  2MP camera
  GPS
+ WIFI and BlueTooth silicon

= <$90 components + plastic case                                    Actions-Semi, MTK, TongXinDa , Rockchip...
  ~4 weeks to market!




                         http://casium.fr/component/kashyap/bc_detail/109
     http://www.visionmobile.com/blog/2010/09/waking-the-dragon-the-rise-of-android-in-china-2/

                                                                              http://www.flickr.com/photos/oskay/3300199882
the feature phone of today is
the smartphone of two years ago...




                     http://www.flickr.com/photos/tanj/4432327487

Recommended for you

The Mobile Web for PR Pros
The Mobile Web for PR ProsThe Mobile Web for PR Pros
The Mobile Web for PR Pros

1. The document discusses how communicators are utilizing the mobile web to connect with audiences on the go through their cell phones. 2. It explains that the mobile web is a new way of communicating that focuses on context and immediacy over just content. 3. Examples are given of political campaigns and politicians using the mobile web to share information with and stream live to their constituents.

mobile webmobile webmobile web
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final

The document discusses how latency and poor user experience can negatively impact systems in the cloud. It emphasizes the importance of monitoring from an end-user perspective to identify sources of latency. The key is to continually monitor all parts of the system, including individual transactions, infrastructure components, and end-user experience to drive the right actions that improve performance and optimize systems deployed in the cloud.

itsmfuser experienceitil
SoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the GoSoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the Go

Here are a few key points about using Twitter to promote books: - Twitter allows you to engage directly with readers and build anticipation/interest for a book in a fun, interactive way. By tweeting excerpts and snippets, you keep people coming back for more. - It can gain significant attention and publicity, as the author who tweeted a novel found. Unconventional promotional tactics tend to get noticed. - Readers on Twitter are a targeted audience already interested in books, authors, and pop culture discussions. Promoting on Twitter helps reach these engaged readers. - The challenge is keeping tweets brief and compelling enough to maintain interest over time. You need a strategy for rolling out content in a way that leaves

booksebook marketingebooks
yet again

                                                 things may change...




                     Do Not Anger the Alpha Android
http://www.businessweek.com/magazine/content/11_15/b4223041200216.htm

                                                           http://www.flickr.com/photos/aturkus/255736909
“   ..events, threats and opportunities aren't just
    coming at us faster or with less predictability;
    they are converging and influencing each other
    to create entirely new situations.

    These firsts-of-their-kind developments
    require unprecedented degrees of creativity.
    Captializing on Complexity - 2010 IBM CEO Study




                                                      http://www.flickr.com/photos/aturkus/255736909
http://www.flickr.com/photos/misbehave/2352753067




                                                   ...which brings us to the present




                                </historical interlude>
http://www.flickr.com/photos/misbehave/2352753067




             We're in a world of one line of connectivity. That's us.
             You see...we don't have to "go" to the internet any more.
             Mitch Joel, TedX Montreal

Recommended for you

Keynote ok acrl murphy
Keynote ok acrl murphyKeynote ok acrl murphy
Keynote ok acrl murphy

Thank you for the conversation. I'm an AI assistant created by Anthropic to be helpful, harmless, and honest.

acrlsocialnetworkingtrends
The trouble with context
The trouble with contextThe trouble with context
The trouble with context

The document discusses how the context in which mobile devices are used has become increasingly complex and unpredictable. Guidelines from a few years ago around mobile design being context-driven are now outdated, as mobile and Internet-connected devices have proliferated and their uses have diversified. Over 5 billion people now own mobile devices, which for many are their primary or only means of Internet access. This shift has dramatically changed user behavior and expectations.

yiibu
Adaptation
AdaptationAdaptation
Adaptation

The document discusses how responsive design begins on the server by adapting to different devices. It notes that as more devices have become capable of accessing the web, including lower-cost smartphones and basic phones, the definition of what constitutes a "smartphone" has expanded. It argues that while there is diversity in mobile devices, many lower-end devices still provide web access and basic smartphone functionality at an affordable price for many users.

yiibu
the internet is now an
intricate part of our lives




        http://www.flickr.com/photos/marksurman/3933656879
chatting with friends in Boston...

                                       scheduling a meeting in Melbourne...




                               re-charging in Hong Kong...




          it’s now trivial (and commonplace) for people
                  to 'be' in many places at once
“For kids like my 13 year-old, the
boundaries between the internet and
life are so porous as to be meaningless.“
Comment on the Guardian web site




                                            http://www.flickr.com/photos/tocaboca/5523598823
...people reach for the internet using whatever
      device makes sense to them at that time




                              http://www.flickr.com/photos/ghewgill/5046616680

Recommended for you

SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101

This document discusses improving mobile user experiences. It notes that mobile is the primary way people access the internet in some countries. Constraints on mobile like form factor and battery life must be considered. Simple interfaces work best for mobile. Native apps have advantages over mobile web, but the line is blurring. Windows Mobile was replaced by Windows Phone 7 which improved the user experience. The document emphasizes understanding user behaviors and focusing on usability.

mobile ux poland sparkup 2010
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of screen size or input type.

anna dahlström
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014

The document discusses designing experiences for multiple devices. It notes that users now own and switch between multiple devices throughout the day, from phones to tablets to wearables. As such, designers must consider how to provide equal, continuous experiences across different platforms and prioritize building modular content that can be adapted for any device or input method. Navigation and usability must work seamlessly regardless of device.

multiple devicesmobilewearables
“   ...[the Kindle browser] is somewhat slow but
    it definitely works, in fact my teen daughter
    uses hers constantly...among other things
    she uses it to keep in touch with her friends.
    People discussing the Kindle browser on a message board




                                                              http://www.flickr.com/photos/ghewgill/5046616680
“
http://www.flickr.com/photos/jcfrog/4692750598
                                                ...the mobile internet is more convenient
                                                than my home connection...
                                                say 30% of respondents - Yahoo/Nielsen Mobile Shopping PDF
this is having a dramatic impact on
our behaviour and our expectations...




                 http://www.flickr.com/photos/williambrawley/4522648456
the traditional ‘short-activity-or-distraction’
         mobile context is still valid...

Recommended for you

Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values

Taking messaging forward, with Mozilla values. The document discusses the history and current state of messaging technologies and services. It argues that centralized commercial systems lack universality, allow central control without regulation, and don't always prioritize user needs over corporate incentives. The document proposes focusing on strategic markets where Mozilla's values matter, understanding users, leveraging Firefox, experimenting with new interfaces, and promoting open standards and decentralization through new messaging APIs and experiences. The overall goal is to maximize impact in shaping the future of messaging while embedding Mozilla's principles.

whistlersummitmoz10
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014

Slides from my Device Agnostic Design talk at UCD London http://2014.ucduk.org/session/device-agnostic-design-how-to-get-your-content-to-go-anywhere/ ABSTRACT: There was a time when we did glossy page designs and when those designs were pretty much what we saw in our desktop browsers. With the introduction and rise of smartphones, tablets, phablets there isn’t one view of our designs anymore. Instead, what we create needs to be able to adapt in a way that is suitable for the device as well as where and how it’s being used. With responsive design we’ve learnt the basics of how to adapt content, interactions and layouts so that it works across devices. But with further developments in technology and screens, our content is going to go anywhere. As a result we need to move away from designing for specific devices to solutions that are device agnostic. For us as UX designers this means means letting content rather than devices guide layouts, and also increasingly moving away from designing and wireframing pages to focusing on the modules that those views are made up of. But there are other aspects to consider in device agnostic design. In this talk I walk through why device agnostic design matters, what it means and how we go about it.

user experience designuxstrategy
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...

The document discusses device agnostic design, which aims to create content that can be accessed and displayed well on any device. It emphasizes building with reusable modular components rather than bespoke designs for each device. The key aspects are understanding content stacking strategies across screens, using content-based rather than device-based breakpoints, and designing interactive elements that work for both touch and non-touch interfaces. The goal is to provide users with a continuous experience regardless of the device they use.

anna dahlstromhow totablet
80% use mobile during
                                                        miscellaneous downtime...




Source: Compete quarterly smartphone report, Jan 2010            http://www.flickr.com/photos/missmeng/5327470961
76% use mobile while waiting
                                                         in line or for an appointment...




Source: Compete quarterly smartphone report, Jan 2010                http://www.flickr.com/photos/wonderdawg777/662293238
“
Just been picked up
at the airport by a
limo driver who
looked me up on
the Internet so he'd
recognize me and
have stuff to talk
about. !!!
http://twitter.com/tomcoates/status/
51734242991947778




                                       http://www.flickr.com/photos/joi/2663605178
but mobile is increasingly being
combined with other activities...

Recommended for you

Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices

The document discusses the diversity of mobile devices globally and how this diversity is likely to persist. It notes that while some designers may choose to only design for the newest, most powerful platforms, an inclusive approach is needed to provide accessibility while still ensuring a great user experience across a wide range of contexts, inputs, and users. Context, attention, and usability have changed as mobile devices have become more capable and integrated into more aspects of our lives.

yiibu
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...

This document discusses the diversity of mobile devices and user experiences globally. It notes that while smartphones have gained popularity in some markets, global smartphone penetration remains only around 23% and the mobile experience varies greatly depending on location, device capabilities, and network infrastructure. This diversity is likely to continue as new platforms and low-cost devices disrupt the market.

ux londongesturesios
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester

An overview of the current state of Mobile UX, presented to attendees of Flash Camp Manchester by Jerome and Antony from Ribot

behavioursuxtrends
62% use mobile
                                                        while watching TV




Source: Compete quarterly smartphone report, Jan 2010       http://www.flickr.com/photos/bcmom/375125992
69% use mobile for
                                                        point of sale research
                                                        while shopping




Source: Compete quarterly smartphone report, Jan 2010         http://www.flickr.com/photos/lollaping/3327541574
mobile is also used
                    to time-shift




59%            ...and follow up
sometimes      on the PC
visit a site
on mobile




                                  Source: Yahoo
34%
visit a site on
                  and follow-up
                   on mobile
the PC




                                  Source: Yahoo

Recommended for you

Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles

No matter how much we try to put ourselves into a mobile first mentality, it is hard for us to do so fully. Our access to PCs prevents us from experiencing mobile the way many in the world do. We're currently fighting for parity among experiences. We're arguing that the mobile version shouldn't be a dumbed down version of the desktop site. But we've set our sights too low. In a true Mobile First world, the mobile version should be the best experience. Mobile shouldn't just match the desktop experience, it should exceed it.

mobilewebwebvisionswvpdx
Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02

The document discusses how rapid technological disruption and the democratization of knowledge through the Internet have challenged traditional models of design, business, and control over products and ideas. It argues that successful design going forward will require flexibility, simplicity, enabling user customization and experiences rather than strictly defined products, and building platforms that can evolve beyond their original contexts. Complexity and interdependence may no longer confer advantages if they limit responsiveness to constant change.

networked societyfuturecommunication
Letting Go
Letting GoLetting Go
Letting Go

The document discusses how rapid technological disruption and the democratization of knowledge through the Internet have challenged traditional models of design, production and consumption. It notes that users can now easily adapt, improve and compete with products in ways that were previously impossible. As a result, the most successful designs going forward may be those that are simple, flexible and enable users to create their own experiences, rather than fully defining the experience themselves. Complex, tightly controlled systems may be more vulnerable to abrupt changes, so the best designs will set the stage for users but not dictate every aspect of the experience.

graphic designishraq dhaly
...facilitating completion
                                          of larger tasks




“The most expensive item sold via eBay’s
mobile app was a 1985 Piper PA-46-310P
Malibu airplane for $265,000.“ src: Mashable
                                                      http://en.wikipedia.org/wiki/Piper_PA-46
“The largest purchase on the M&S mobile
web site last Christmas was two sofas
costing over £3000 ($5000)“ src: Marketing Week

                                   and important life decisions...




                                           http://www.flickr.com/photos/plagevinilosyadhesivosdecorativos/5549366513
1.3 billion
already use the mobile internet
...and for many, this
                                                                                              is their only access
                                                                                              point
                                                                 Russia 19%


                                              UK 22%
                                                                                                              China 22%
     USA 25%
                                                                                            India 59%
                                                        Egypt 70%
                                                                                                             home ADSL
                                                                                                             ~$100/mth,
                                                                                                             PAYG unlimited
                                                                    S. Africa 57%                            mobile data
                                                                                                             ~$17/mth

                                                                                             Indonesia 44%




Users who never or infrequently use the desktop web, Source: On Device Research, Dec 2010

Recommended for you

Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014

The document discusses designing experiences for multiple devices. It notes that people use different devices throughout the day, switching between them, so experiences need to be consistent across platforms. It also highlights that mobile experiences now drive a large portion of online activity and commerce. Designing for the capabilities of each device, rather than just focusing on mobile, is important to provide the best user experience on all platforms. Human: Thank you, that is a concise 3 sentence summary that captures the key points of the document.

contentmobile uxmobile
The moveable brand
The moveable brandThe moveable brand
The moveable brand

The document discusses how mobile devices and connectivity are changing consumer behavior and opportunities for brands. It notes that people now spend more time online than with traditional media, and that mobile access allows people to be constantly connected. Brands can take advantage of this new context by creating mobile apps and content that provide immediate utility and engage customers in conversations. A "moveable brand" meets customers on mobile platforms and enhances communication through contextual and social interactions to build loyalty over time.

Digital Employees
Digital EmployeesDigital Employees
Digital Employees

Digital natives, having grown up with technology, think and process information differently than previous generations. As they enter the workforce, companies will need to adapt to their preferences for sharing, collaboration, and fast-paced, visual, and interactive digital environments. Providing digital native employees with the software tools they are accustomed to using, such as social networking, wikis and blogs, will be important for companies to attract and retain top talent.

digital nativesthinking
“           With current growth rates, Web access by people
              on the move—via laptops and smart mobile devices—
              is likely to exceed web access from desktop
              computers within the next five years.




...or by 2015 - Source: ITU vis mobiThinking      http://www.flickr.com/photos/whiteafrican/2938685296
public space


                                                               distractions




                          limited aention

                               so ‘mobile’ is no longer just this...
                      glanceable?
               one hand              simple?


                               tedious input


                                personal



                                                   http://www.flickr.com/photos/oimax/3800475934
environment                             reliable
                                          network
  focused user



                         unlimited data




            full-sized
                         it’s now also this...
            keyboard
                                                           privacy



comfy                                           work surface
 chair


                                 reliable power source



                              http://www.flickr.com/photos/othree/5224045406
focused
                                     user
                  1hr train ride
                                             privacy

            reliable
          network?                  comfy
        unlimited wi ?               chair

                 two
                hands



reliable power source?




                                                       or this...

Recommended for you

Finding the Phoenix
Finding the PhoenixFinding the Phoenix
Finding the Phoenix

The document discusses trends in digital reading and mobile technology and their impact on libraries. It notes the rise of e-readers like Kindle and discusses how libraries must adapt services like providing access to digital books and resources. It emphasizes that libraries' core roles are providing information, experiences and engaging communities both online and offline.

goldgalieo
Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010

The document discusses the need for ubiquitous and holistic information architecture across channels to create integrated experiences for users. It notes that information is blurring the lines between digital and physical experiences, and that users expect consistency as they transition between platforms. To meet these expectations, information architecture must be designed holistically rather than by channel, and must focus on the overall user journey rather than individual touchpoints. Bridges between experiences like on-ramps and off-ramps are needed to make information architecture truly integrated.

iauxcross channel
The Changing Role of Librarians in a Networked, Digital Environment
The Changing Role of  Librarians in a Networked, Digital EnvironmentThe Changing Role of  Librarians in a Networked, Digital Environment
The Changing Role of Librarians in a Networked, Digital Environment

Gave this talk as the Dorothy M. Cooper Lecture in May 2009 at the Pratt School of Information & Library Science

comfy
                                       chair                             privacy



                           one hand
reliable power                                                      prone to
    source                                                       interruptions




                 gravity




                                         and maybe some of this?


                                                http://www.flickr.com/photos/joeshlabotnik/2359224681
iPad 2 magnets are
                                                                                               apparently strong
                                                                                              enough to ‘natively’
                                                                                                    do this!




                                                                                                  or possibly this...




http://www.flickr.com/photos/mattedgar/3724116027
http://tumblr.topherhulett.com/post/3902283232/i-know-you-were-wondering-yes-the-magnets-in
these new behaviours
create a bit of a problem...




           http://www.flickr.com/photos/barkbud/4914492619
cues and guidelines that were important logical just a few
 years months ago are still useful...but no longer reliable

Recommended for you

“   Context is King: circumstances or conditions that surround
    a person, place or thing. Content is of little value if it does
    not address the context of where you are.
    - Cameron Moll, SXSW, 2007




                                                    http://www.flickr.com/photos/webtreatsetc/4860505549/
“   Google (2007) breaks down mobile users
    into three behaviour groups:
    A. "Repetitive now"
    B. "Bored now"
    C. "Urgent now"




                                     http://www.flickr.com/photos/webtreatsetc/4860505549/
“   Mobile user: typically on the go in an
    unpredictable environment, interested in quick
    glanceable information, focused on discrete
    individual tasks, is often distracted.
    - Joe Marini @ MIX 2010




                                             http://www.flickr.com/photos/webtreatsetc/4860505549/
now statements such as these are
  becoming far more common

Recommended for you

“             i love it! nice and clean look, easy to navigate
                           and easy to read. well done! but...can you put a
                           bit more news on there?




Source: Comments from readers regarding The Guardian’s new mobile web site   http://www.flickr.com/photos/webtreatsetc/4860505549/
“             There should be a text only version of the
                              (desktop) site for those of us who don't like the
                              busyness of the main site.




Source: User talking about his habit of using the mobile Guardian site on his PC   http://www.flickr.com/photos/webtreatsetc/4860505549/
“              ...the "Sorry, this article isn't yet available on
                             the mobile site" message was bloody annoying.
                             Ended up having to install a browser that spoofs
                             the user agent and renders the full desktop site.




Source: User talking about his habits on the Guardian site             http://www.flickr.com/photos/webtreatsetc/4860505549/
“            I’m definitely moving, I’m definitely in a car. I’m going to look at
                your website. This doesn’t mean my intent is to find an address,
                or quickly use a news site...

                Context can’t predict the way a user is going to use the site.
                Mind reading is no way to base fundamental content decisions.




Source: Mark Kirby, The mobile context                             http://www.flickr.com/photos/webtreatsetc/4860505549/

Recommended for you

the problem space


How do we go about creating the next generation
of content-rich, meaningful, usable, and
interesting web sites, that are designed to operate
in a generally smaller, more varied and far less
predictable environment?




                                      http://www.flickr.com/photos/chelsea_nj/4223680604
Part 2: Beyond the mobile web



             http://www.flickr.com/photos/adactio/932798536
...a few ideas
from the yiibus
Idea 1: Loosen up




  http://www.flickr.com/photos/seo2/94216483

Recommended for you

control is now an illusion...




          http://www.flickr.com/photos/dominicspics/3385403397
there is too much diversity...
data wants to move around...


http://www.flickr.com/photos/anniemole/5354202837
we’ve already set much
of our content free...



      http://www.flickr.com/photos/scobleizer/3044172251/

Recommended for you

...we never
really know
    where it
will end up
d
spot the bran




                                                                             brand presence
                                                                        (as we once knew it)
                                                                             is disappearing




                 http://www.flickr.com/photos/alreadytaken/4944698902/
the conversation isn’t even
                             on our site any more...




...companies are increasingly questioning the need
to have separate corporate sites when the bulk of
interest and traffic from customers goes directly
to their Facebook pages. - Thomas Crampton           “
...so why are we still
obsessed with controlling
each pixel on our web site?




PS - the Ubuntu style guidelines are actually quite lovely! Take a look...

Recommended for you

“I can’t see it on my BlackBerry...“                              often at the
- user comment regarding the new Threadless mobile site
                                                          expense of access...




                                                              http://www.flickr.com/photos/zoetnet/4669800101/
“If I can’t see your awesome
web site...it’s not really that
awesome is it?”




                                         and therefore,
                                  of user experience...




                                      http://www.flickr.com/photos/zoetnet/4669800101/
you can’t plan for every contingency...


                      http://www.flickr.com/photos/mackarus/4289960218
and will never know how your
  site looks on every device...




              http://www.flickr.com/photos/scobleizer/3009516045

Recommended for you

create nimble experiences
       – not perfect ones...




        http://www.flickr.com/photos/92523880@N00/5047216186
Idea 2: Let them tweak




     http://www.flickr.com/photos/jaybergesen/198091718
progressive enhancement
is increasingly important




          http://www.flickr.com/photos/clagnut/315554083
why not let users participate?




            http://www.flickr.com/photos/nasa_goddard/4733847144

Recommended for you

choose the enhancements that
are most meaningful to them...




            http://www.flickr.com/photos/29301264@N06/3844309716
set a user experience baseline
                                       for *all* web experiences...

thematically                                                        semantic markup
consistent                                                          (view source)




                    optimised images

                                                                        minimal
                          responsive layout                             cluer




               (almost.. :-) one web                                          pragmatic
                                                                               scripting
                  http://www.alistapart.com/articles/responsive-web-design
                   http://m.alistapart.com/articles/responsive-web-design


                lightweight!
...then provide
meaningful choices



    http://www.flickr.com/photos/lamantin/5143354304
...in data consumption




               user agent says it’s a PC
               (plus it has a big screen)


                                    she obviously has
hmm...I wonder                      lots of bandwidth!
how much data
she’s used so far
  this month?



                oh...hold on,
              she’s on a dongle


                                                                http://www.flickr.com/photos/mujitra/4571580931

Recommended for you

provide a choice of size/
quality for key content
and
                     media...




option to choose high or low quality
(with default based on device you’re using)
Look, it’s a Galaxy Tab...she must be
in a ‘contemplative reading mode’...




                                              tweaking the
                                        reading experience
pinching or double-tapping
 to zoom is good fun but has
           zero continuity...

Recommended for you

let users set persistent
reading preferences...
or even tweak the
whole experience...
...if you don’t ...they’ll probably do it themselves
Idea 3: Content first




ingredients make
all the difference


                      http://www.flickr.com/photos/wwworks/822821227

Recommended for you

designing mobile first
can help us to focus...




  http://www.flickr.com/photos/hussain_quantum/2087578696
find a happy medium




                                                      mobile   portable   desktop
                                                                 web




http://www.flickr.com/photos/29301264@N06/3844309716                                 http://www.flickr.com/photos/29301264@N06/3844309716
but I think we need
     to go further...




 http://www.flickr.com/photos/basheertome/5557362895
“   No matter how cool your interface is, it
    would be nice if there were less of it.
    - Alan Cooper




                               http://jonbox.wordpress.com/2010/05/27/what-is-au2h-and-why-i-cared/

Recommended for you

...on smaller screens, content
naturally ends up front and centre
include definition(s)
                                               so we need to actually
                                            design the content first...

                                            a book
                                            turtle




illustration(s) required
                                                            define variations(s)




                                contextually relevant

                                                        http://www.flickr.com/photos/lindaaslund/3296943915
semantic structures can be
include definition(s)       used to create incredibly rich
                              and responsive content...
                             a book
                             turtle
illustration(s) required




contextually relevant




 define variations(s)

                                       http://www.flickr.com/photos/lindaaslund/3296943915
yet we mostly apply this
richness to the interface...

Recommended for you

this is due in part to the way
         we currently build web sites...

              essentially Word in a browser...?




put your content here...
most sites are built as giant
(often all-purpose) data containers...




                   http://www.flickr.com/photos/lisasanderson/3414118999/
...with different areas to
                            accommodate different data structures



                 services           utilities        knowledge base
  products

                             news
location finder                                  corporate info




                                                       http://www.flickr.com/photos/lisasanderson/3414118999/
this makes sense
if you have big data...




      http://www.flickr.com/photos/dalbera/3151369718

Recommended for you

...or primarily user
    generated data
name

cover
                            cost
              rating



                                        ...or inherently
                              stock
                                      structured data




        publisher, ISBN, # pages
but can be pretty painful if you
need to produce content like this...
or this...

Recommended for you

...and especially this!




http://www.nytimes.com/interactive/2007/10/01/science/20071002_ARCTIC_GRAPHIC.html
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping
herself before she found herself falling down a very deep well.

Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next.
First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that
they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she
passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so

                                                                     most sites (and the CMS’s that
managed to put it into one of the cupboards as she fell past it.

'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say

                                                                 manage them) accommodate only
anything about it, even if I fell off the top of the house!' (Which was very likely true.)

Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near
the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the
                                                              unstructured or ‘formless’ content...
schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say
it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude
either, but thought they were nice grand words to say.)

Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads
downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask
them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as
you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I
shall see it written up somewhere.'

Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I
hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might
catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a
dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much
matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very
earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall
was over.

Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the
White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned
a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found
herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.

There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked
sadly down the middle, wondering how she was ever to get out again.

Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it
might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them.
However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried
the little golden key in the lock, and to her great delight it fitted!

Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest
garden you ever saw. How she longed to get out of that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could
not even get her head through the doorway; 'and even if my head would go through,' thought poor Alice, 'it would be of http://www.gutenberg.org/cache/epub/11/pg11.txt
                                                                                                                        very little use without my shoulders. Oh,
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping
 herself before she found herself falling down a very deep well.

 Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next.
 First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that
 they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she
                                                                   define variations(s)
 passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so
 managed to put it into one of the cupboards as she fell past it.

 'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say
 anything about it, even if I fell off the top of the house!' (Which was very likely true.)

                                                                                                                                    or ‘adapting’
 Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near
 the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the

                                                                           which makes selecting & filtering
 schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say
 it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude
              include definition(s)
 either, but thought they were nice grand words to say.)

                                                                                  content rather difficult...
 Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads
 downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask
 them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as
 you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I
 shall see it written up somewhere.'

                                                       illustration(s) required
 Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I
 hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might
 catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a
 dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much
 matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very
 earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall
 was over.
                                                                                       illustration?
 Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the
 White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned
 a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found
 herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.

 There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked
 sadly down the middle, wondering how she was ever to get out again.

 Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it
       contextually relevant
 might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them.
 However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried
 the little golden key in the lock, and to her great delight it fitted!
http://www.flickr.com/photos/arrighi/4922317676
 Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest
http://www.flickr.com/photos/49024304@N00/2435212284 that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could
 garden you ever saw. How she longed to get out of
http://www.flickr.com/photos/dannyboymalinga/4512002570 if my head would go through,' thought poor Alice, 'it would be of http://www.gutenberg.org/cache/epub/11/pg11.txt
 not even get her head through the doorway; 'and even                                                                    very little use without my shoulders. Oh,
so although the web site
layout may be responsive...

Recommended for you

desktop




                   the content itself is often
                            only barely so...

          tablet




mobile
what if content was
designed more like an app?

                       data




         logic


                              renderings




        http://www.flickr.com/photos/angryjuliemonday/5087995342
http://www.nytimes.com/interactive/2010/05/01/us/20100501-oil-spill-tracker.html
http://www.visualnews.com/interactive_infographic/Korea_interactive_main/

Recommended for you

http://www.apple.com/ipad/smart-cover/
and
              what if?




http://www.focus.com/images/view/11905/
  http://www.apple.com/ipad/smart-cover/
Idea 4: Build distributed experiences




                   http://www.flickr.com/photos/wwarby/5106781173
maybe these
no longer meet our needs...




           http://www.flickr.com/photos/mikebaird/3898801499

Recommended for you

perhaps a couple of these
    would do just fine...




      http://www.flickr.com/photos/56705607@N00/3555678336
PR
support                   we’ve already decoupled
                           our communications...



               web site
                                             news

                                  thought
                                leadership          evangelism




                                                blogs




                                        press
PR
support                        our product marketing...




                    web site
                                                  news

                                       thought
                                     leadership          evangelism




          product                                    blogs




                                             press
PR
support                        our human resources...




                    web site
                                                 news

                                      thought
                                    leadership          evangelism




          product                                   blogs




                                            press

Recommended for you

PR
support                                                    united by a
                                                      brand message...
                                          products
                       media    support




                               brand       PR
                    services

                                           news                   news
                               HR
                                                       thought
                                                     leadership          evangelism




          product                                                    blogs




                                                             press
think of it as an ecosystem of
touchpoints, utilities & conversations...




                      http://www.flickr.com/photos/7802947@N02/5179679136
ads                      we see
                         examples of
                         this already


                 media

      search




          apps
cloud
                      not just a site,
                      but an ecosystem



books   marketplace




          music

Recommended for you

opportunistic?
                         own hardware
                        optimised user                cloud
                          experience                          enabling the
                                                              freedom to
                                                              experiment


                                 books         marketplace




                          apps
                                                 music




most logical                       highly optimised
platform...                          core product
  for now                                                           hmm....
core audience               merchandise              and create the best
                                                                          experience for
                                                                          each audience
experimental?          web/mobile
                           web
                        (1000s of
                         devices)                             brands



                                                             commercial
                                         news                   arm




          agship app
                                        world
                                       service           entertainment

             voice
                        BBC
                      Learning
            SMS                                                                        agship iOS
                          XHTML                                                          app
                           MP
                                                 (desktop)
                                                   web
                                 WAP
English and life skills for
 emerging economies
http://simonmainwaring.com/brands/the-death-of-corporate-websites-top-10-ways-they-will-change/



  [In the future] brands will no longer be places
you visit, but people you meet along the road.
                                                   – Simon Mainwaring


                                                                   http://www.flickr.com/photos/tijanav/4885088185
thank you




hello@yiibu.com

Recommended for you

More Related Content

What's hot

Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Anna Dahlström
 
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Anna Dahlström
 
Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012
Anna Dahlström
 
Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013
Anna Dahlström
 
Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful
Bryan Rieger
 
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Anna Dahlström
 
Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013
Anna Dahlström
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
AdRoll
 
Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012
Anna Dahlström
 
Designing For Multiple Devices - GA London, 04 Mar 2013
Designing For Multiple Devices - GA London,  04 Mar 2013Designing For Multiple Devices - GA London,  04 Mar 2013
Designing For Multiple Devices - GA London, 04 Mar 2013
Anna Dahlström
 
Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012
Anna Dahlström
 
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement
Minnesota Campus Comapct
 
State of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech PortlandState of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech Portland
Jason Grigsby
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Anna Dahlström
 
Brunei keynote Library Futures
Brunei keynote Library FuturesBrunei keynote Library Futures
Brunei keynote Library Futures
Joe Murphy Librarian & Futurist
 
The Mobile Web for PR Pros
The Mobile Web for PR ProsThe Mobile Web for PR Pros
The Mobile Web for PR Pros
Ed Schipul
 
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final
Andrew White
 
SoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the GoSoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the Go
Kerry Skemp
 
Keynote ok acrl murphy
Keynote ok acrl murphyKeynote ok acrl murphy
Keynote ok acrl murphy
Joe Murphy Librarian & Futurist
 

What's hot (19)

Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
 
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
 
Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012
 
Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013
 
Some Kind of Wonderful
Some Kind of WonderfulSome Kind of Wonderful
Some Kind of Wonderful
 
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
 
Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013
 
Beyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibuBeyond Progressive Enhancement by yiibu
Beyond Progressive Enhancement by yiibu
 
Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012
 
Designing For Multiple Devices - GA London, 04 Mar 2013
Designing For Multiple Devices - GA London,  04 Mar 2013Designing For Multiple Devices - GA London,  04 Mar 2013
Designing For Multiple Devices - GA London, 04 Mar 2013
 
Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012
 
Technology for engagement
Technology for engagementTechnology for engagement
Technology for engagement
 
State of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech PortlandState of the Mobile Industry -- Innotech Portland
State of the Mobile Industry -- Innotech Portland
 
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013
 
Brunei keynote Library Futures
Brunei keynote Library FuturesBrunei keynote Library Futures
Brunei keynote Library Futures
 
The Mobile Web for PR Pros
The Mobile Web for PR ProsThe Mobile Web for PR Pros
The Mobile Web for PR Pros
 
Bright talk if they cant use it, it doesnt work - final
Bright talk   if they cant use it, it doesnt work - finalBright talk   if they cant use it, it doesnt work - final
Bright talk if they cant use it, it doesnt work - final
 
SoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the GoSoLoMoBooks: Discovering Books on the Go
SoLoMoBooks: Discovering Books on the Go
 
Keynote ok acrl murphy
Keynote ok acrl murphyKeynote ok acrl murphy
Keynote ok acrl murphy
 

Similar to Beyond The Mobile Web By Yiibu 110412113255 Phpapp01

The trouble with context
The trouble with contextThe trouble with context
The trouble with context
Alexander Anikin
 
Adaptation
AdaptationAdaptation
Adaptation
Alexander Anikin
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
Antony Ribot
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Victor Minuesa
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Anna Dahlström
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values
davidascher
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
Anna Dahlström
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD UK Ltd
 
Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices
Alexander Anikin
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
yiibu
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
Antony Ribot
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles
Jason Grigsby
 
Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02
Innovation Excellence
 
Letting Go
Letting GoLetting Go
Letting Go
Ishraq Dhaly
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Anna Dahlström
 
The moveable brand
The moveable brandThe moveable brand
The moveable brand
Dan Weingrod
 
Digital Employees
Digital EmployeesDigital Employees
Digital Employees
Torsten Henning Hensel
 
Finding the Phoenix
Finding the PhoenixFinding the Phoenix
Finding the Phoenix
hblowers
 
Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010
Samantha Starmer
 
The Changing Role of Librarians in a Networked, Digital Environment
The Changing Role of  Librarians in a Networked, Digital EnvironmentThe Changing Role of  Librarians in a Networked, Digital Environment
The Changing Role of Librarians in a Networked, Digital Environment
epistemographer
 

Similar to Beyond The Mobile Web By Yiibu 110412113255 Phpapp01 (20)

The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Adaptation
AdaptationAdaptation
Adaptation
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
 
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Beyond The Hamburger Menu - MOBX, 13 Sep 2014
Beyond The Hamburger Menu - MOBX, 13 Sep 2014
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
 
Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
Casting Off Our Desktop Shackles
Casting Off Our Desktop ShacklesCasting Off Our Desktop Shackles
Casting Off Our Desktop Shackles
 
Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02Lettinggo 110902081541-phpapp02
Lettinggo 110902081541-phpapp02
 
Letting Go
Letting GoLetting Go
Letting Go
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
 
The moveable brand
The moveable brandThe moveable brand
The moveable brand
 
Digital Employees
Digital EmployeesDigital Employees
Digital Employees
 
Finding the Phoenix
Finding the PhoenixFinding the Phoenix
Finding the Phoenix
 
Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010Ubiquitous Information Architecture - OZ IA 2010
Ubiquitous Information Architecture - OZ IA 2010
 
The Changing Role of Librarians in a Networked, Digital Environment
The Changing Role of  Librarians in a Networked, Digital EnvironmentThe Changing Role of  Librarians in a Networked, Digital Environment
The Changing Role of Librarians in a Networked, Digital Environment
 

Beyond The Mobile Web By Yiibu 110412113255 Phpapp01

  • 1. beyond the mobile web... http://www.flickr.com/photos/puuikibeach/3991552331
  • 2. Part 1: Massive Change http://www.flickr.com/photos/chadmagiera/265752353
  • 3. “ The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it…. - Mark Weiser http://www.flickr.com/photos/armaggeusa/3176297283
  • 4. There used to be a certain (old fashioned) logic to the way we interacted with people, places, and things. http://www.flickr.com/photos/mcgraths/5332476357
  • 5. You wanted knowledge, you went to a library. http://www.flickr.com/photos/ccacnorthlib/3554627364 http://www.flickr.com/photos/scobleizer/3026517429
  • 6. You wanted to be social, you went to a club or cafe. http://www.flickr.com/photos/lordcolus/3271042499
  • 7. You wanted to consume, you went to a shop http://www.flickr.com/photos/herry/3005310002
  • 8. These behaviours were imposed on us by culture, society, and plain old physics and geography. http://www.flickr.com/photos/robertsharp59/3749693084
  • 9. Then internet came along...and things got a lot closer. http://www.flickr.com/photos/dahlstroms/3444838707
  • 10. but until recently, using the internet was still “an activity”... http://www.flickr.com/photos/whatcouldgowrong/5320553588
  • 11. envir onme nt focused user privacy reliable network unlimited with a fairly specific context data comfy chair full-sized keyboard work surface reliable power source http://www.flickr.com/photos/fuzzcat/22019163
  • 12. this context has been turned on its head... http://www.flickr.com/photos/anap/2878165366
  • 13. <historical interlude> http://www.flickr.com/photos/dumbledad/3262185149
  • 14. “ One of the interesting estimates is that there are about 35 billion devices connected to the Internet. Soon, there will be so many that we’ll stop counting. - Eric Schmidt, Google http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 15. 6.8 billion *2010 estimates put the population over 6.8 billion inhabitants...
  • 16. 77% number of people with mobile devices or 5.3 billion at the end of 2010 – U.N. Telecommunications Agency, http://www.itu.int
  • 17. free platforms + low cost components = a perfect storm http://www.flickr.com/photos/deks/697297227
  • 18. and a lot of disruption... http://www.flickr.com/photos/oskay/3300199882
  • 19. a free operating system (Android) dual core ARM 9 @ 416MHz2G GSM/EDGE 2.8” QVGA resistive touch screen 2MP camera GPS + WIFI and BlueTooth silicon = <$90 components + plastic case Actions-Semi, MTK, TongXinDa , Rockchip... ~4 weeks to market! http://casium.fr/component/kashyap/bc_detail/109 http://www.visionmobile.com/blog/2010/09/waking-the-dragon-the-rise-of-android-in-china-2/ http://www.flickr.com/photos/oskay/3300199882
  • 20. the feature phone of today is the smartphone of two years ago... http://www.flickr.com/photos/tanj/4432327487
  • 21. yet again things may change... Do Not Anger the Alpha Android http://www.businessweek.com/magazine/content/11_15/b4223041200216.htm http://www.flickr.com/photos/aturkus/255736909
  • 22. ..events, threats and opportunities aren't just coming at us faster or with less predictability; they are converging and influencing each other to create entirely new situations. These firsts-of-their-kind developments require unprecedented degrees of creativity. Captializing on Complexity - 2010 IBM CEO Study http://www.flickr.com/photos/aturkus/255736909
  • 23. http://www.flickr.com/photos/misbehave/2352753067 ...which brings us to the present </historical interlude>
  • 24. http://www.flickr.com/photos/misbehave/2352753067 We're in a world of one line of connectivity. That's us. You see...we don't have to "go" to the internet any more. Mitch Joel, TedX Montreal
  • 25. the internet is now an intricate part of our lives http://www.flickr.com/photos/marksurman/3933656879
  • 26. chatting with friends in Boston... scheduling a meeting in Melbourne... re-charging in Hong Kong... it’s now trivial (and commonplace) for people to 'be' in many places at once
  • 27. “For kids like my 13 year-old, the boundaries between the internet and life are so porous as to be meaningless.“ Comment on the Guardian web site http://www.flickr.com/photos/tocaboca/5523598823
  • 28. ...people reach for the internet using whatever device makes sense to them at that time http://www.flickr.com/photos/ghewgill/5046616680
  • 29. ...[the Kindle browser] is somewhat slow but it definitely works, in fact my teen daughter uses hers constantly...among other things she uses it to keep in touch with her friends. People discussing the Kindle browser on a message board http://www.flickr.com/photos/ghewgill/5046616680
  • 30. “ http://www.flickr.com/photos/jcfrog/4692750598 ...the mobile internet is more convenient than my home connection... say 30% of respondents - Yahoo/Nielsen Mobile Shopping PDF
  • 31. this is having a dramatic impact on our behaviour and our expectations... http://www.flickr.com/photos/williambrawley/4522648456
  • 32. the traditional ‘short-activity-or-distraction’ mobile context is still valid...
  • 33. 80% use mobile during miscellaneous downtime... Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/missmeng/5327470961
  • 34. 76% use mobile while waiting in line or for an appointment... Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/wonderdawg777/662293238
  • 35. “ Just been picked up at the airport by a limo driver who looked me up on the Internet so he'd recognize me and have stuff to talk about. !!! http://twitter.com/tomcoates/status/ 51734242991947778 http://www.flickr.com/photos/joi/2663605178
  • 36. but mobile is increasingly being combined with other activities...
  • 37. 62% use mobile while watching TV Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/bcmom/375125992
  • 38. 69% use mobile for point of sale research while shopping Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/lollaping/3327541574
  • 39. mobile is also used to time-shift 59% ...and follow up sometimes on the PC visit a site on mobile Source: Yahoo
  • 40. 34% visit a site on and follow-up on mobile the PC Source: Yahoo
  • 41. ...facilitating completion of larger tasks “The most expensive item sold via eBay’s mobile app was a 1985 Piper PA-46-310P Malibu airplane for $265,000.“ src: Mashable http://en.wikipedia.org/wiki/Piper_PA-46
  • 42. “The largest purchase on the M&S mobile web site last Christmas was two sofas costing over £3000 ($5000)“ src: Marketing Week and important life decisions... http://www.flickr.com/photos/plagevinilosyadhesivosdecorativos/5549366513
  • 43. 1.3 billion already use the mobile internet
  • 44. ...and for many, this is their only access point Russia 19% UK 22% China 22% USA 25% India 59% Egypt 70% home ADSL ~$100/mth, PAYG unlimited S. Africa 57% mobile data ~$17/mth Indonesia 44% Users who never or infrequently use the desktop web, Source: On Device Research, Dec 2010
  • 45. With current growth rates, Web access by people on the move—via laptops and smart mobile devices— is likely to exceed web access from desktop computers within the next five years. ...or by 2015 - Source: ITU vis mobiThinking http://www.flickr.com/photos/whiteafrican/2938685296
  • 46. public space distractions limited aention so ‘mobile’ is no longer just this... glanceable? one hand simple? tedious input personal http://www.flickr.com/photos/oimax/3800475934
  • 47. environment reliable network focused user unlimited data full-sized it’s now also this... keyboard privacy comfy work surface chair reliable power source http://www.flickr.com/photos/othree/5224045406
  • 48. focused user 1hr train ride privacy reliable network? comfy unlimited wi ? chair two hands reliable power source? or this...
  • 49. comfy chair privacy one hand reliable power prone to source interruptions gravity and maybe some of this? http://www.flickr.com/photos/joeshlabotnik/2359224681
  • 50. iPad 2 magnets are apparently strong enough to ‘natively’ do this! or possibly this... http://www.flickr.com/photos/mattedgar/3724116027 http://tumblr.topherhulett.com/post/3902283232/i-know-you-were-wondering-yes-the-magnets-in
  • 51. these new behaviours create a bit of a problem... http://www.flickr.com/photos/barkbud/4914492619
  • 52. cues and guidelines that were important logical just a few years months ago are still useful...but no longer reliable
  • 53. Context is King: circumstances or conditions that surround a person, place or thing. Content is of little value if it does not address the context of where you are. - Cameron Moll, SXSW, 2007 http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 54. Google (2007) breaks down mobile users into three behaviour groups: A. "Repetitive now" B. "Bored now" C. "Urgent now" http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 55. Mobile user: typically on the go in an unpredictable environment, interested in quick glanceable information, focused on discrete individual tasks, is often distracted. - Joe Marini @ MIX 2010 http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 56. now statements such as these are becoming far more common
  • 57. i love it! nice and clean look, easy to navigate and easy to read. well done! but...can you put a bit more news on there? Source: Comments from readers regarding The Guardian’s new mobile web site http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 58. There should be a text only version of the (desktop) site for those of us who don't like the busyness of the main site. Source: User talking about his habit of using the mobile Guardian site on his PC http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 59. ...the "Sorry, this article isn't yet available on the mobile site" message was bloody annoying. Ended up having to install a browser that spoofs the user agent and renders the full desktop site. Source: User talking about his habits on the Guardian site http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 60. I’m definitely moving, I’m definitely in a car. I’m going to look at your website. This doesn’t mean my intent is to find an address, or quickly use a news site... Context can’t predict the way a user is going to use the site. Mind reading is no way to base fundamental content decisions. Source: Mark Kirby, The mobile context http://www.flickr.com/photos/webtreatsetc/4860505549/
  • 61. the problem space How do we go about creating the next generation of content-rich, meaningful, usable, and interesting web sites, that are designed to operate in a generally smaller, more varied and far less predictable environment? http://www.flickr.com/photos/chelsea_nj/4223680604
  • 62. Part 2: Beyond the mobile web http://www.flickr.com/photos/adactio/932798536
  • 63. ...a few ideas from the yiibus
  • 64. Idea 1: Loosen up http://www.flickr.com/photos/seo2/94216483
  • 65. control is now an illusion... http://www.flickr.com/photos/dominicspics/3385403397
  • 66. there is too much diversity...
  • 67. data wants to move around... http://www.flickr.com/photos/anniemole/5354202837
  • 68. we’ve already set much of our content free... http://www.flickr.com/photos/scobleizer/3044172251/
  • 69. ...we never really know where it will end up
  • 70. d spot the bran brand presence (as we once knew it) is disappearing http://www.flickr.com/photos/alreadytaken/4944698902/
  • 71. the conversation isn’t even on our site any more... ...companies are increasingly questioning the need to have separate corporate sites when the bulk of interest and traffic from customers goes directly to their Facebook pages. - Thomas Crampton “
  • 72. ...so why are we still obsessed with controlling each pixel on our web site? PS - the Ubuntu style guidelines are actually quite lovely! Take a look...
  • 73. “I can’t see it on my BlackBerry...“ often at the - user comment regarding the new Threadless mobile site expense of access... http://www.flickr.com/photos/zoetnet/4669800101/
  • 74. “If I can’t see your awesome web site...it’s not really that awesome is it?” and therefore, of user experience... http://www.flickr.com/photos/zoetnet/4669800101/
  • 75. you can’t plan for every contingency... http://www.flickr.com/photos/mackarus/4289960218
  • 76. and will never know how your site looks on every device... http://www.flickr.com/photos/scobleizer/3009516045
  • 77. create nimble experiences – not perfect ones... http://www.flickr.com/photos/92523880@N00/5047216186
  • 78. Idea 2: Let them tweak http://www.flickr.com/photos/jaybergesen/198091718
  • 79. progressive enhancement is increasingly important http://www.flickr.com/photos/clagnut/315554083
  • 80. why not let users participate? http://www.flickr.com/photos/nasa_goddard/4733847144
  • 81. choose the enhancements that are most meaningful to them... http://www.flickr.com/photos/29301264@N06/3844309716
  • 82. set a user experience baseline for *all* web experiences... thematically semantic markup consistent (view source) optimised images minimal responsive layout cluer (almost.. :-) one web pragmatic scripting http://www.alistapart.com/articles/responsive-web-design http://m.alistapart.com/articles/responsive-web-design lightweight!
  • 83. ...then provide meaningful choices http://www.flickr.com/photos/lamantin/5143354304
  • 84. ...in data consumption user agent says it’s a PC (plus it has a big screen) she obviously has hmm...I wonder lots of bandwidth! how much data she’s used so far this month? oh...hold on, she’s on a dongle http://www.flickr.com/photos/mujitra/4571580931
  • 85. provide a choice of size/ quality for key content
  • 86. and media... option to choose high or low quality (with default based on device you’re using)
  • 87. Look, it’s a Galaxy Tab...she must be in a ‘contemplative reading mode’... tweaking the reading experience
  • 88. pinching or double-tapping to zoom is good fun but has zero continuity...
  • 89. let users set persistent reading preferences...
  • 90. or even tweak the whole experience...
  • 91. ...if you don’t ...they’ll probably do it themselves
  • 92. Idea 3: Content first ingredients make all the difference http://www.flickr.com/photos/wwworks/822821227
  • 93. designing mobile first can help us to focus... http://www.flickr.com/photos/hussain_quantum/2087578696
  • 94. find a happy medium mobile portable desktop web http://www.flickr.com/photos/29301264@N06/3844309716 http://www.flickr.com/photos/29301264@N06/3844309716
  • 95. but I think we need to go further... http://www.flickr.com/photos/basheertome/5557362895
  • 96. No matter how cool your interface is, it would be nice if there were less of it. - Alan Cooper http://jonbox.wordpress.com/2010/05/27/what-is-au2h-and-why-i-cared/
  • 97. ...on smaller screens, content naturally ends up front and centre
  • 98. include definition(s) so we need to actually design the content first... a book turtle illustration(s) required define variations(s) contextually relevant http://www.flickr.com/photos/lindaaslund/3296943915
  • 99. semantic structures can be include definition(s) used to create incredibly rich and responsive content... a book turtle illustration(s) required contextually relevant define variations(s) http://www.flickr.com/photos/lindaaslund/3296943915
  • 100. yet we mostly apply this richness to the interface...
  • 101. this is due in part to the way we currently build web sites... essentially Word in a browser...? put your content here...
  • 102. most sites are built as giant (often all-purpose) data containers... http://www.flickr.com/photos/lisasanderson/3414118999/
  • 103. ...with different areas to accommodate different data structures services utilities knowledge base products news location finder corporate info http://www.flickr.com/photos/lisasanderson/3414118999/
  • 104. this makes sense if you have big data... http://www.flickr.com/photos/dalbera/3151369718
  • 105. ...or primarily user generated data
  • 106. name cover cost rating ...or inherently stock structured data publisher, ISBN, # pages
  • 107. but can be pretty painful if you need to produce content like this...
  • 110. The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well. Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next. First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so most sites (and the CMS’s that managed to put it into one of the cupboards as she fell past it. 'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say manage them) accommodate only anything about it, even if I fell off the top of the house!' (Which was very likely true.) Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the unstructured or ‘formless’ content... schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude either, but thought they were nice grand words to say.) Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I shall see it written up somewhere.' Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over. Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof. There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again. Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them. However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried the little golden key in the lock, and to her great delight it fitted! Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest garden you ever saw. How she longed to get out of that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could not even get her head through the doorway; 'and even if my head would go through,' thought poor Alice, 'it would be of http://www.gutenberg.org/cache/epub/11/pg11.txt very little use without my shoulders. Oh,
  • 111. The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well. Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next. First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she define variations(s) passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so managed to put it into one of the cupboards as she fell past it. 'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say anything about it, even if I fell off the top of the house!' (Which was very likely true.) or ‘adapting’ Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the which makes selecting & filtering schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude include definition(s) either, but thought they were nice grand words to say.) content rather difficult... Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I shall see it written up somewhere.' illustration(s) required Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over. illustration? Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof. There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again. Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it contextually relevant might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them. However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried the little golden key in the lock, and to her great delight it fitted! http://www.flickr.com/photos/arrighi/4922317676 Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest http://www.flickr.com/photos/49024304@N00/2435212284 that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could garden you ever saw. How she longed to get out of http://www.flickr.com/photos/dannyboymalinga/4512002570 if my head would go through,' thought poor Alice, 'it would be of http://www.gutenberg.org/cache/epub/11/pg11.txt not even get her head through the doorway; 'and even very little use without my shoulders. Oh,
  • 112. so although the web site layout may be responsive...
  • 113. desktop the content itself is often only barely so... tablet mobile
  • 114. what if content was designed more like an app? data logic renderings http://www.flickr.com/photos/angryjuliemonday/5087995342
  • 118. and what if? http://www.focus.com/images/view/11905/ http://www.apple.com/ipad/smart-cover/
  • 119. Idea 4: Build distributed experiences http://www.flickr.com/photos/wwarby/5106781173
  • 120. maybe these no longer meet our needs... http://www.flickr.com/photos/mikebaird/3898801499
  • 121. perhaps a couple of these would do just fine... http://www.flickr.com/photos/56705607@N00/3555678336
  • 122. PR support we’ve already decoupled our communications... web site news thought leadership evangelism blogs press
  • 123. PR support our product marketing... web site news thought leadership evangelism product blogs press
  • 124. PR support our human resources... web site news thought leadership evangelism product blogs press
  • 125. PR support united by a brand message... products media support brand PR services news news HR thought leadership evangelism product blogs press
  • 126. think of it as an ecosystem of touchpoints, utilities & conversations... http://www.flickr.com/photos/7802947@N02/5179679136
  • 127. ads we see examples of this already media search apps
  • 128. cloud not just a site, but an ecosystem books marketplace music
  • 129. opportunistic? own hardware optimised user cloud experience enabling the freedom to experiment books marketplace apps music most logical highly optimised platform... core product for now hmm....
  • 130. core audience merchandise and create the best experience for each audience experimental? web/mobile web (1000s of devices) brands commercial news arm agship app world service entertainment voice BBC Learning SMS agship iOS XHTML app MP (desktop) web WAP English and life skills for emerging economies
  • 131. http://simonmainwaring.com/brands/the-death-of-corporate-websites-top-10-ways-they-will-change/ [In the future] brands will no longer be places you visit, but people you meet along the road. – Simon Mainwaring http://www.flickr.com/photos/tijanav/4885088185