Responsive design, application development using APIs, and content strategy are hot topics in web development right now. These ideas belong to a bigger umbrella: ubiquitous computing and the role it plays in our lives. Traditional ideas of usability are undergoing dynamic changes as we move away from a desktop-first model of personal computing.
The internet refrigerator already exists and it's only the tip of the iceberg. In the near future, human-computer interactions will be thoroughly integrated into everyday objects and activities.
Postdesktop was a presentation to add clarity to responsive design as part of a larger context and to think about a shift that is changing the devices we use to access the web, the delivery method for education, the teaching and learning experience, and the whole of our lives.
Topics included a look at the role of pervasive computing:
• as it relates to responsive design
• in the classroom and textbooks
• in .edu marketing and utility on campuses
Written by Doug Gapinski and first delivered at PSU Web Conference 2012
16. Properties Related topics
• small, inexpensive, interconnected • the Internet of Things
devices • context-aware systems
• interaction with computer is intuitive • augmented reality
• computer provides human with enhanced • mobile learning
capability
29. Human needs have driven this change in five ways:
Portability
Connectivity
Interface
Cost
Capability
30. Forces of change in computing
1954 2012
Portability mainframe; not portable smartphones and tablets
limited packet switching
Connectivity between two computers
wireless access
Interface punchcards touchscreen
Cost $200,000 to $400,000 $200
31. The most powerful force of change is capability.
source: istockphoto.com
32. Forces of change in computing
1954 2012
Capability math entertainment
education
shopping
prayer
communication
information
wayfinding
sharing
investigation
travel
recording
observing
financial management
... and math
33. Mobile and tablet traffic will outpace desktop traffic.
by 2015 or sooner
Source: IDC
34. Access in developing nations:
half of India’s homes have cellphones but not toilets.
as of March 14, 2012
Source: thehindu.com
35. Access in developing nations:
38% of China’s internet population is mobile only.
as of January 2012
Source: thenextweb.com
36. In .edu:
Community colleges (Waubonsee)
and commuter colleges (NSC)
report growth of mobile-only contingents.
Source: anecdotal from clients
37. 29% of households in the U.S. own a tablet or e-reader.
30 days before and after Christmas 2011
Source: MSNBC and Pew Internet
38. +440% increase in traffic to Google ads from tablets.
from November 2010 to December 2011
Source: Google mobile ads
44. We’re headed toward a future where the web is
connected seamlessly in affordable,
ordinary devices.
45. 562,000 iOs are sold every day,
and 700,000 android devices.
as of January 2012
Source: @lukew and thenextweb.com
46. (562,000 iOs devices + 700,000
android devices) sold per day
/ 371,000 newborns born per day
3.4 mainframes to every newborn
Source: @lukew and thenextweb.com
48. With this much change in less than 60 years,
what does the future look like for us?
49. Three sites for everyone
The web is changing! Our work is changing! Mobile is changing!
thenextweb.com alistapart.com lukew.com
50. Part 2
Everything in here should be shared.
Device-iveness: responding to a Device-ive future
51. Responsive design meets the reality of people
accessing the web from increasingly different devices.
52. UCSD.edu
A high-level definition
Responsive design is an approach to design and
development that ensures a site displays optimally
on a variety of devices, including mobile.
53. mStoner projects
UC Hastings
Webster University
Miami University
Whittier College
Spring Arbor University
54. How responsive is changing our work
Client education
Planning (wireframes / prototypes)
Design (flexible elements)
Development (conditionals / touch interface)
Testing (more devices)
User testing (we haven’t figured this one out yet)
The whole team is involved
55. Hotgloo.com
1. Responsive prototyping for Miami University
2. Adding notes so that the wireframe is the beginning of functional specs
3. Our developers now edit the wireframes directly
56. Hotgloo allows for annotations that can be the
beginning of your functional specs document.
i.e. how page elements will be set up in development
59. Pay attention to how the outliers organize
Utility: custom mobile tools
Investigative links point
to responsive pages
www.usc.edu/?view=m
60. Pay attention to how the outliers organize
bu.edu does not follow a nd.edu offers a primary navigation
universal model as you dig in that only has 4 categories
63. Responsive examples and design resources
mediaqueri.es awwwards.com dribbble.com
straightforward several different search responsive
responsive gallery responsive resources or mobile
78. • launches in 2014
• attempting to compete with Ivy
Leagues
• only looks at academic qualifications
of students, not extracurricular or
legacies
• all online courses deployed online
featuring top faculty
• 25 students per online course to create
selectivity and reasonable class sizes
• tuition of less than $20,000
• urban housing in major cities, students
encouraged to switch cities
source: CNN.com
80. Is TED.com the
new Harvard?
Anya Kamenetz
@anya1anya
source:
fastcompany
81. • top prestige
education brand
• very best minds
from all disciplines
• specialized /
customized
experience
• tools for sharing
and dialogue
• premium events
for networking
source:
fastcompany
82. Part 4
Steal these ideas:
postdesktop marketing and utility for education
94. Epilogue
Many Grateful Dead songs
The skull and roses image is
deal with topics of loss and
a momento mori (symbol of our
hard luck, but the music is
impermanence) from the
stylized to convey happiness
Rubiyaat of Omar Khayyam.
and lightness of heart.
(1048–1131) translated by the
poet Edward Fitzgerald and
The celebratory roses that
later appropriated by the
frame the skeleton provide
Grateful Dead.
a counterweight to the
reminder of death. In the
ر)"'#"ت '&% $#"م face of radical change and
difficulty, we can still
feel good.