The document discusses how the internet and mobile technology have become integrated into everyday life. Key points include:
- The internet is no longer an activity confined to desktop computers, but something that people access constantly through mobile devices.
- There are now over 5 billion mobile subscribers globally, and mobile phones are becoming as powerful as computers were a few years ago.
- People use their mobile devices to engage in many activities like chatting, scheduling, shopping, and following up on things looked up on other devices.
- Mobile internet usage is shifting from just short activities to complementing and facilitating longer tasks like research, transactions, and important decisions.
Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011.
Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens.
This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.
The time is 2020. The inflection point has long passed. Most web traffic is now coming from some manner of portable device. And if Google Chairman Eric Schmidt (and many others’) predictions have come true, we will have truly reached time where “…[technology] will just be seamless. It will just be there. The web will be everything, and it will be nothing. It will be like electricity.”
This presentation challenges us to think about the role of the web going forward. What steps must we take to build a world where interactions with the web are truly “seamless”? What would a seamless web even look like? How can we ensure the web remains strong amidst all the new technologies that are on the way.
Presented on September 13 in London at Generate.
Midway through a project, a client of ours recently said "One thing I'm learning is that it's ok to give up on the desktop experience once it stops making sense". This wasn't an isolated incident. In fact, i'm beginning to think desktop web sites stopped making sense quite a while ago. We've just had nothing viable to replace them with. Mobile apps have given us a glimpse, but I think they're merely a glimpse into something bigger.
Mobile isn't merely a new stage in the evolution of the web, it's not even merely a new context, it's the very early stages of an entirely new system. A system that has already started to shape our environment, affect the way we live, how we choose to connect with others, and how we're able to spend our time. A system that is also slowly unravelling our assumptions and causing us to question the very reason we build web sites, why people visit them, and where the true value of the web actually lies.
Presented by Stephanie Rieger at Breaking Development in Orlando, Florida on April 17, 2012.
Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011.
Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens.
This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.
The time is 2020. The inflection point has long passed. Most web traffic is now coming from some manner of portable device. And if Google Chairman Eric Schmidt (and many others’) predictions have come true, we will have truly reached time where “…[technology] will just be seamless. It will just be there. The web will be everything, and it will be nothing. It will be like electricity.”
This presentation challenges us to think about the role of the web going forward. What steps must we take to build a world where interactions with the web are truly “seamless”? What would a seamless web even look like? How can we ensure the web remains strong amidst all the new technologies that are on the way.
Presented on September 13 in London at Generate.
Midway through a project, a client of ours recently said "One thing I'm learning is that it's ok to give up on the desktop experience once it stops making sense". This wasn't an isolated incident. In fact, i'm beginning to think desktop web sites stopped making sense quite a while ago. We've just had nothing viable to replace them with. Mobile apps have given us a glimpse, but I think they're merely a glimpse into something bigger.
Mobile isn't merely a new stage in the evolution of the web, it's not even merely a new context, it's the very early stages of an entirely new system. A system that has already started to shape our environment, affect the way we live, how we choose to connect with others, and how we're able to spend our time. A system that is also slowly unravelling our assumptions and causing us to question the very reason we build web sites, why people visit them, and where the true value of the web actually lies.
Presented by Stephanie Rieger at Breaking Development in Orlando, Florida on April 17, 2012.
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Anna Dahlström
Slides from my 1 hour live streaming class on March 14th at GA in New York
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.
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Anna Dahlström
Slides from my 1 hour class on January 18th at General Assembly in London during the Understanding UX day.
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.
Designing for multiple devices - GA London, 19 Nov 2012Anna Dahlström
Slides from my class on November 19th 2012 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.
Designing for multiple devices - GA London, 14 Jan 2013Anna Dahlström
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.
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Anna Dahlström
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.
Designing For Multiple Devices - GA New York, 6 March 2013Anna Dahlström
Slides from my class on March 6th at GA in New York.
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.
Designing for multiple devices - GA, New York 08 Oct 2012Anna Dahlström
Slides from my class on October 8th 2012 at General Assembly in New York 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.
Designing For Multiple Devices - GA London, 04 Mar 2013Anna Dahlström
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.
Designing for multiple devices, GA London - 01 Oct 2012Anna Dahlström
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.
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Anna Dahlström
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
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Anna Dahlström
Slides from my 1 hour live streaming class on March 14th at GA in New York
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.
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Anna Dahlström
Slides from my 1 hour class on January 18th at General Assembly in London during the Understanding UX day.
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.
Designing for multiple devices - GA London, 19 Nov 2012Anna Dahlström
Slides from my class on November 19th 2012 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.
Designing for multiple devices - GA London, 14 Jan 2013Anna Dahlström
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.
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Anna Dahlström
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.
Designing For Multiple Devices - GA New York, 6 March 2013Anna Dahlström
Slides from my class on March 6th at GA in New York.
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.
Designing for multiple devices - GA, New York 08 Oct 2012Anna Dahlström
Slides from my class on October 8th 2012 at General Assembly in New York 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.
Designing For Multiple Devices - GA London, 04 Mar 2013Anna Dahlström
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.
Designing for multiple devices, GA London - 01 Oct 2012Anna Dahlström
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.
Part 2: Designing For Multiple Devices - GA London, 18 Mar 2013Anna Dahlström
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
"2012 KPCB Internet Trends Year-End Update"Jim Porter
Other tidbits:
Meeker’s data show 2.4 billion Internet users worldwide, a number that’s still growing eight percent yearly.
There are 1.1 billion smartphone subscribers worldwide — but that’s still just 17 percent of the global cellphone market.
29 percent of adults in the U.S. now own either a tablet or an e-reader.
Mobile devices now account for 13 percent of worldwide Internet traffic, up from 4 percent in 2010.
Mobile app and advertising revenue has grown at an annual rate of 129 percent since 2008, and now tops $19 billion.
Mobile traffic app Waze has been adding users faster than all GPS makers combined have sold personal navigation units, and it’s been that way since the beginning of 2012.
Mobile UX 101 - current trends, behaviours, design considerations, common mistakes, platform choices and general advice for anyone entering the mobile design and development industry
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Anna Dahlström
Slides from my talk at MOBX in Berlin on 13 Sep 2014 - http://2014.mobxcon.com/
Beyond the hamburger menu - What you need to know about designing for multiple devices.
Abstract: From myths to trends and best practice, actual usage, engagement, design patterns and interactions, we’ll go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD UK Ltd
Anna Dahlstrom - Device Agnostic Design: How to get your content to go anywhere
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 Anna will walk through why device agnostic design matters, what it means and how we go about it.
Device Agnostic Design - UCD2014, London 25 Oct 2014Anna Dahlström
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.
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.
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Anna Dahlström
Slides from my talk at Digital Doughnut on the 25th of November in London where I talked about 10 things you need to know about mobile.
http://events.digitaldoughnut.com/Meetups/1500/161/other/0/false
The Changing Role of Librarians in a Networked, Digital Environment
Beyond The Mobile Web By Yiibu
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
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/
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
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
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
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 aention
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
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/
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
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
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 cluer
(almost.. :-) one web pragmatic
scripting
http://www.alistapart.com/articles/responsive-web-design
http://m.alistapart.com/articles/responsive-web-design
lightweight!
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
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/
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
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,
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