5. Background: Evolution
Evolution of
Networks Evolution of
(People and Content
Technological)
Evolution of
“Personal”
Technologies
6. Evolution of Content
Defining
Characteristics
• Authoritarian
• Top Down
• Static
• One to many
Evolution
of
Content
7. Evolution of Content
Defining
Characteristics
• Authority and User
Generated
• Networked
• Dynamic
• Many to many
Evolution
of
Content
8. Evolution of Networks - People
The world is changing the way it communicates.
The world is changing the way content is
created, filtered, consumed, shared, rated……
Evolution of
Networks
(People and
Technological)
There is a group of folks, largely (but not
entirely) defined by generation, who
communicate differently. They have
always communicated differently.
That’s what this is REALLY all
19. Strategy: Taxonomy Project
Retooling your taxonomy for the future!
• How we categorize content
• By topic
• By audience
• By source
• By length of time to consume
Possible new ways
• By intended device of categorizing
• How its connected to other content content.
20. Strategy: Orbital Content
•A transformed relationship with
content is one in which individual
users are at center and content
floats in orbit around them.
•Liberated: The content was either
created by you or has been distilled
and associated with you.
•Open: You collected it so you
control it… It can be shared with
countless apps and flow seamlessly
between contexts.
Source: www.alistapart.com/articles/orbital-content/
21. Strategy: Orbital Content
The TAXONOMY is the connective
tissue between your members and their
content needs.
Association
Generated
Content
Member
Generated Taxonomy
Content
“Other”
Generated
Content
22. Strategy: Social/Community
Communities both
private and public are
Association
Generated critical to your
Content strategy
Member
Generated Taxonomy
Content
“Other”
Generated
Content as both
a destination and source for
content!
24. So, what is mobile?
Although both smartphones
and tablets are considered
mobile, increasingly, people
use them differently.
• Convenience
• Save Time
• Waste Time
• Social • Broad Content Consumption
• Simple • Desktop-like expectations,
with mobile flair
• Social
• Complex
28. Predictions for 2015
• There will be nearly one mobile device per capita by
2015. There will be over 7.1 billion mobile-connected devices—
approximately equal to the world’s population in 2015 (7.2 billion)
• Two-thirds of the world’s mobile data traffic will be
video by 2015. Mobile video will more than double every year
between 2010 and 2015.
• Mobile-connected tablets will generate as much traffic
in 2015 as the entire global mobile network in 2010
• There will be 788 million mobile-only Internet users by
2015. The mobile-only Internet population will grow 56-fold from
14 million at the end of 2010 to 788 million by the end of 2015.
Cisco Visual Networking Index: Global Mobile Data
Traffic Forecast Update, 2010–2015
30. iPad Adoption is
Crazy!
TOP MOBILE INTERNET TRENDS Matt Murphy / Mary Meeker – 2/10/11
http://www.slideshare.net/kleinerperkins/kpcb-top-10-mobile-trends-feb-2011
31. So, What?
But from a
business perspective
why should I care?
It’s just a media
consumption device,
right?
32. My first portable computer - 1986
COMPAQ Portable ll
Price: $4999
Weight: 26 Pounds
CPU: Intel 286 @ 8 MHz
RAM: 640k
Storage: 20Meg hard drive
Display: 9 Inch monochrome
80 x 25 text
Ports: 1 parallel, 1 serial, 1
CGA
OS: MS-DOS 3.1
My present portable computer - 2012
iPAD 2
Price: $699
Weight: 1.35 Pounds
CPU: 1GHz dual-core
RAM: 64GB
Storage: (in RAM)
Display: 9.7 Inch
1024x768 resolution
Ports: 30-pin dock connector
OS: iOS 5
33. My first portable computer - 1986
COMPAQ Portable ll
Price: $4999
Weight: 26 Pounds
CPU: Intel 286 @ 8 MHz
RAM: 640k
Storage: 20Meg hard drive
Display: 9 Inch monochrome
Let’s see… 80 x 25 text
Ports: 1 parallel, 1 serial, 1
1024 MHz = 1 CGA
OS: MS-DOS 3.1
GHz, so….
WOW! computer - 2012
My present portable
That’s
about 125 times iPAD 2
Price: $699
faster! Weight: 1.35 Pounds
CPU: 1GHz dual-core
RAM: 64GB
Storage: (in RAM)
Display: 9.7 Inch
1024x768 resolution
Ports: 30-pin dock connector
OS: iOS 5
34. My first portable computer - 1986
COMPAQ Portable ll
Price: $4999
Weight: 26 Pounds
CPU: Intel 286 @ 8 MHz
RAM: 640k
Storage: 20Meg hard drive
…and Display: 9 Inch monochrome
80 x 25 text
1024 MB = 1 GB, Ports: 1 parallel, 1 serial, 1
CGA
so…. OS: MS-DOS 3.1
That’s about
3,200 times more
My present portable computer - 2012
iPAD 2
workspace and Price: $699
storage! Weight: 1.35 Pounds
CPU: 1GHz dual-core
RAM: 64GB
Storage: (in RAM)
Display: 9.7 Inch
1024x768 resolution
Ports: 30-pin dock connector
OS: iOS 5
41. The Mobile Mindset
Mobile First = User Needs First!
It’s, ultimately, a re-imagining of how our content
fits our users needs. Just think about what Mobile
First really implies. “What tasks make sense
to the user?” “What does the user want?”
“What is going to be most relatable to the
user?” All of these things are focused on the
personal nature of the experience.
Jason Grigsby, Vice President, Mobile and Web Strategist
Cloud Four, Inc.
42. The Mobile Mindset
Mobile “user experience” design
is, in many ways, an act of
curation.
When designing for mobile platforms, one has to be much more careful
about selecting content and interactions for a given screen or app state
than on the web or desktop.
Global navigation is often limited or absent. Menus, toolbars, and other
navigation elements usually have strict limits on the number of items they
can provide. So ensuring that users have access to all the functions they
need (and none they don’t), and that they can find their way out of a
given app state, is crucial.
Thoughts on user experience design by
Dmitry Nekrasovski
43. The Mobile Mindset
Mobile USAGE is Different!
Think
Presence at the Point of Need!
48. What’s an App?
• Apps are device specific and leverage native features on
smartphones/tablets
• Usually look and interact in “cooler” ways than mobile
web…for now
• How do you know? Apps are usually accessed via an
online app store like Apple’s App Store, BlackBerry’s App
World, or the Android Market
49. What’s the Mobile Web?
• Mobile web is accessed via a browser on the device
• Typing the URL on the mobile browser brings up a mobile
formatted version of a traditional website
• Many ways to approach mobile web
• Different presentation of main site (good place to start)
• Fully mobile-designed version (end game)
52. Apps v. Mobile Web
Mashable Tech, Sam Laird
http://mashable.com/2012/06/06/mobile-site-mobile-app-infographic/
53. Apps v. Mobile Web
First time there's been a decline in
First time there's been a decline in
mobile web usage as compared to
mobile web usage as compared to
app usage....hmmm....and the gap
app usage....hmmm....and the gap
is widening!
is widening!
Mashable Tech, Sam Laird
http://mashable.com/2012/06/06/mobile-site-mobile-app-infographic/
58. Responsive Design
What is Responsive Web Design?
Responsive web design is the term given to the concept of designing and developing
a website so that the layout changes depending on the device/viewport on which the
website is being viewed. The term 'Responsive Web Design' was coined by its creator,
Ethan Marcotte.
63. Location based social serendipity
I really need some help
with this cloud computing My ASAE Technology Colleagues
thing…
Can we help our members have
“not so chance” encounters?
68. Mobile Context: Locomotion
How do I design for this situation?
- Better have easily accessible navigation
- Better have “small” content
- Better GET TO THE POINT!
69. Mobile Context:
Immediacy
Two of the defining characteristics of
mobile devices is ALWAYS ON and
ALWAYS CONNECTED. Users
expectations are colored by this. So
mobile must:
• Load quickly
• Meet the users need quickly
• Remember what I was doing quickly
70. Mobile Context:
Device
Capabilities
Can I take advantage
of:
• Cameras
• Location Awareness
• Device Orientation
• Other Apps
Constraints
What do I do about:
• Screen Size
• “Uneven” Internet Access
• User Familiarity with Device
73. Cloud Computing
Cloud computing
The delivery of computing as a service rather
than a product, whereby shared resources,
software, and information are provided to
computers and other devices as a metered
service over a network (typically the Internet).
75. Cloud Computing
Software as a Service (SaaS)
• Cloud application services or "Software as a Service (SaaS)" deliver software
as a service over the Internet, eliminating the need to install and run the application
on the customer's own computers and simplifying maintenance and support.
76. Cloud Computing
Platform as a Service (PaaS)
• PaaS solutions are development platforms for which the
development tool itself is hosted in the cloud and accessed
through a browser. With PaaS, developers can build web
applications without installing any tools on their computer and
then deploy those applications without any specialized systems
administration skills.
77. Cloud Computing
Infrastructure as a Service" (IaaS)
• Cloud infrastructure services, also known as “Infrastructure as a
Service" (IaaS), deliver computer infrastructure – typically a platform
virtualization environment – as a service, along with raw (block) storage
and networking. Rather than purchasing servers, software, data-center
space or network equipment, clients instead buy those resources as a
fully outsourced service.
79. Cloud Computing
•Pros
• Eliminate or reduce capital investments in
infrastructure
• Scalability – up or down
• Speed to market
•Cons
• Security
• Application Integration
• Privacy Compliance
The amount of fundamental change to our basic understanding of what “computing” means, how “computing” happens, and who and what drives innovation in that space, is staggering. It demands a shift, a significant shift, in how we think about technology today. Examples – mobile, social networking, location awareness, cloud computing, etc.
Three phenomena are fueling the massive amount of change we are in communication today.
Think about our first websites - purely information dissemination. We supplied the content, we supplied the context, we supplied the voice. There's was no content sharing or rating. Very authoritarian. Automated articles, automated brochures.
Give example about membership model discussion in Acronym. Talk about the redefinition of what really is content. Not just a "media" issue, but a medium issue as well. Conversations as content, ratings as content, tweets, discussion posts,videos, etc. Everything as content! Some questions arise: - who vets the stuff? - do we NEED an authoritative voice? - how do we make content "mobile" - how do we "harvest" and curate in this environment - HOW DO WE CREATE THE CULTURE THAT MAKES THIS ENVIRONMENT WORK?
Tell Danea story, u of m story Talk about a permission based economy
Three phenomena are fueling the massive amount of change we are in communication today.
Three phenomena are fueling the massive amount of change we are in communication today.
When thinking mobile-context is king. Where will your user be and will they be trying to save time or fill time?
Last year apple sold more iPads than Lenovo, hp, or dell sold computers!
It’s large enough to be useful in all situations, it’s small enough and light enough to be mobile. This is a computer!
Need examples
Mobile Design = Small and Targeted To have a successful mobile site or app, the obvious guideline is to design for the small screen. Sadly, some don't, and we still see users struggle to hit tiny areas that are much smaller than their fingers. The second point is more conceptual — and harder for some people to accept: When you have a smaller screen, you must limit the number of features to those that matter the most for the mobile use case.
Uses media queries to adjust UI to fit width. Elegant solution, but does it address mobile first?
If they are moving - you need big tap targets and big information display. Most crucially, though, you need to impose a very lightweight mental model on the user since they already have enough on their plate avoiding obstacles -
Example of using in meetings situation, exhibit hall, golf tournament, annual meeting between sessions
Do demonstration of iCloud and dropbox.
Innovation isn’t happening one thing at a time anymore. The real value is in combination of innovations – mashups, we call them. Taking advantage of today's innovations requires a shift in our thinking!