Mobile: disruptive technology. (Credit: flickr - tim caynes / CC License: NC)

Mobile, coupled with the web and social media becomes a powerful tool. From the Occupy movement to the Arab Spring, mobile has been playing an unparalleled role in expressing opinions, organizing individuals and distributing information. Enough power to the people to disturb, topple and change.

Consider these statistics and trends around mobile technology:

• As of 2010, more mobile devices are sold worldwide than PCs.
• By 2013, mobile will overtake PCs for worldwide web access.
• Global mobile data traffic is almost tripling every year.
• Over 40 percent of U.S. cell owners have smartphones.
• Typical smartphone usage in the U.S. is about 80 minutes a day.

I am sure you remember the questions in the mid 90′s: why should I put my organization on the internet? And then again a couple of years ago: why should we have a social media presence? And now: why should we go mobile? In order to stay relevant and engaged. Because that’s where you users are getting together and hanging out. Mobility, always-on access and dropping costs are ultimately driving people accessing the web through mobile.

Mobile Difference

One important thing to consider is that mobile interaction is not the same as your desktop experience. Josh Clark in his book Tapworthy characterizes mobile user experience as – on the go: one hand, one eye, one big blur.

Mobile users are always distracted. (Credit: flickr - Yourdon / CC License: NC-SA)

At a desktop, users can dedicate their full attention to a task at hand and often multitasking to get a job done. However on mobile, the user is walking in a crowd, talking to someone, riding a bus, looking for a book, buying wine, waiting for a movie to start. Either the user is half distracted because they are performing another task and/or the environment they are in has tons of distractions.

This is a basic fact of mobile that you have to work with. The key takeaway here is that mobile apps or website need to be simple, useful and a small focused subset of the content or service you would normally offer on your full website.

So, armed with this understanding, what are some strategies for going mobile for nonprofits?

Strategy 1: Update your existing platform to mobile

Scenario: You are a organization that has a small web team which consists of… just half of your time. Your task is to update a blog and maintain some information pages. You have a Facebook page and a twitter feed that you also update periodically.

Many popular blog platforms offer mobile display options. If you are running WordPress you are in luck. There are a number of easily installed plug-ins that will make your site look good on a mobile device. The plug-in will detect when the user is using a mobile device and serve up the a mobile version automatically.

If you have a static site that you’ve been updating manually maybe now is the time to think about moving your site to a blog platform. Online services such as WordPress, Blogger or Tumblr all allow you to use your organization’s URL, easy to customize and have good mobile themes you can install or enable.

Another low hanging fruit is creating a mobile template for your email newsletter. Traffic to your website from mobile devices may still be growing stage, but your email newsletter is a different story. Looking at our own email newsletter stats, over 40% of users opened our email on iPhones alone. Users with smartphones regularly check email from their devices on the go, and trying to zoom into teeny text while standing on a moving bus or train is not fun. Zooming requires both hands, whereas on a mobile-friendly email you can read and flick through without much effort. Most major email newsletter services like MailChimp offer mobile email templates or you can create your own.

Strategy #2: Create a mobile website

Scenario: Your site is powered by a Content Management System (CMS) that you’ve invested a lot of time, money and effort into. All your content reside in this CMS, and an upgrade or redesign with mobile in mind doesn’t seem like an easy option.

You need to figure out what your high value content is. To do this you can apply the 80-20 rule, where you identify the 20% of the site that meets the broad needs of 80% of the users that come to the site. The hard part is focusing on the high value content or service – not from your organization’s perspective, but for your user. If you can’t provide value or utility, they will leave or even go to your competition.

Mobile-friendly websites

With the content that you’ve identified, you can create a small mobile site that is simple and focused, with clear design and branding. Use code to auto detect whether your user is viewing the site from a mobile device and serve up the simple mobile site. You can still have a link to full site in the footer, should the users want to access features not offered on the mobile site.

Strategy #3: Employ responsive design

Scenario: Just when you finally have a decent site, and things are looking manageable, you now see iPads, Galaxy tabs and Amazon Fires flooding the market. How are you going to handle all these proliferating devices and screen sizes?

Responsive design is a way to make your site look good on multiple screens sizes. Check out the Boston Globe site. Pull the corner of the browser and make the window smaller. As you do this, the layout dynamically adjusts to be optimized for the screen real-estate. If you look carefully, you’ll notice that there are actually 3 layouts: full desktop-size with 3 columns, tablet-size with 2 columns and smartphone size with a single column.

Websites are built using HTML to control the structure of the content and CSS to control the style of the content. Responsive Design relies on a new CSS capability to query the user’s device display information and deliver styles tailored to how the content is being displayed. Armed with this and some clever JavaScripting, you can customize the same web page in a variety of ways, and deliver optimized versions for different devices, without building separate web pages.

Responsive design: Aspen Ideas Festival

In order to make your site responsive, you’ll need to invest some time and resources to first figure out how content and interaction should be optimized for each screen size group (smartphone, tablet, desktop PC), and then do some custom coding to make this happen. You also need to consider touch screens. The good news is that many platforms such as Drupal and WordPress have responsive design themes that you can customize to fit your sites design.

Strategy #4: Create a native mobile app

Scenario: When you see so many organization with dedicated iPhone or Android apps, you start to wonder if you need one too, but not sure whether a native mobile application is worth the investment.

Before you start down the path of developing a native mobile app you need to be clear about why you need one in the first place. I would argue that most organizations don’t need a dedicated iPhone or Android app. So naturally the first question to ask is mobile web app or native app? A mobile web app runs in a mobile web browser whereas a native app you download from the App Store or Android Marketplace. Now that the line between the two in terms of functionality and design are beginning to get blurred with web apps performing higher-level functions such as video, gestures and GPS integration that have been classically been the realm of the native app. You also see hybrid apps which are web apps wrapped into a native app.

The following considerations may help in your deciding whether you need a native app or web app:

• Native app is harder and more costly to develop than a web app
• Web apps have a larger reach whereas native apps are limited to the platform (iPhone, Android, Blackberry etc.)
• Native apps are harder to maintain and require users to download update, whereas web apps are always up-to-date.
• Native apps don’t need a live connection to the internet.
• Native apps can be more complex and rich in its interactions, and larger in file size.
• Native apps to hold prestige and convenience with an app icon sitting on the phone.

In the end it boils down to the users. Do you have a user base that is dedicated and focussed that will benefit from having a targeted native app? Some examples may be: a lookup/diagnostic app that needs to work where internet connectivity is limited; an app that allows a tight-knit community to more effectively connect and share information; a game app that provide training in a fun and engaging way.

Another hard decision is whether to go iPhone or Android? (There is also Blackberry, Symbian, Window Mobile and Bada). Once again this decision depends on who your audience is and what they are most likely to be using.

Most organizations build mobile apps for the following reason:

• To provide access timely info and services on the go
• To support a specific campaign, initiative or training purpose
• To build Marketing / branding and awareness

I would argue that most of these requirements can be fulfilled with a web app, and that there needs to be a clear reasoning for going down the path to develop a dedicated native app.

Conclusion

Carefully consider your needs, and the needs of the audience, and your budget. Leverage the content that you already have. Use ready made tools. But if you want to create dedicated experiences, choose higher options.

Thinking about mobile is a good opportunity to really think hard about what is most important content/service your organization should be presenting to your audiences, and also what your audiences consider most valuable. When you only have a few distracted seconds on a small screen knowing this becomes crucial. So much so that many experts including Google are talking about a Mobile First strategy, where you think first about your mobile users and their core needs, and then additively make the experience richer as you look towards larger screens.

[Article co-published on NTEN.org, forumone.com]

Charles and Ray Eames: Powers of Ten

I was recently invited to speak at DUXcamp hosted by NPR and then again at Microsoft Research around the subject of Mobile and Storytelling. I created a rather stream of consciousness presentation, bringing together various thoughts about storytelling in the mobile space. Still very rough around the edges but a central theme is beginning to emerge: Mobile allow stories have scale.

Here’s the presentation deck:

2011-11-02 Mobile Storytelling (@ Microsoft Research)

Preamble

With the arrival of smartphones, it’s amazing how much data we are collecting and consuming on our mobile devices. We tweet, checkin, google, blog, instagram, post status updates, yelp and a host of other things from our handheld devices. And somewhere on the internet this information is quietly collecting. In the ancient times, pharaohs had scribes that shadowed them, recording what they said. Now we have our mobile devices diligently collecting our data. There was once a time when people used to record their lives and thoughts in leather-bound diaries. Now we have smartphones, whose data, when strung together form a story of our lives.

Mobile me: my story

My Story

I can’t remember when I heard it for the first time, but someone said, our identity is the story we repeat to ourselves. This is so true. I keep on telling my story of how I moved between the East and West, between physical environments (architecture, urban design) and virtual (web and mobile development and strategy), between technology and the humanities. I don’t have an identity grounded in an single culture, nation or land. At one time, I would have referred to this as being nomadic. Now I can just say I’m Mobile Me to borrow a term Apple has abandoned.

Our Stories

Today we have a wild abundance to the ways we collect our stories. Many of them track us automatically: Nike Plus tracks my run, Mint.com tracks my finances and spending patterns, and Trip It neatly organizes my travel plans.

At the rate that memory capacity of devices are increasing, in a couple of years we will have an iPhone which would hold 256GB of data. Battery-life permitting, this would mean (albeit at a low resolution) you’d be able save your whole life by dangling your iPhone around your neck and recording every moment. This is often referred to as life caching or lifelogging. But what’s the point? When will you have the time to go back through hours of video to find and edit the interesting or meaningful parts. Jorge Luis Borges points out that 1:1 scale map is useless. Aren’t we doing just that when we don’t filter to good from the mundane?

Nicholas Felton has been obsessively collecting data about himself and publishes them in annual reports about himself since 2005. And now with his own iPhone app Daytum, you too can be as obsessive about your data as he is.

But Felton does provide us with a insightful clue. What data is meaningful? For his 2010 Annual Report he compiled and presented data around his father’s life. It is surprisingly moving. He masterfully abstracted meaningful data from the numbers and constructs a picture that pays a deeply personal and loving tribute.

Nicholas Felton: Annual Report 2010

An iPhone app called Memento compiles the data from your various disparate personal information repositories such as Twitter, Facebook and Flickr, and brings them back into a diary format, of all things. What used to be manual labor is automagic and becomes personal again. You can even add diary entries. What emerges is a story – your story. You see densities of information where you had memorable events, and long silences where you were buried in depression being dumped.

Other People’s Stories

We live in the age of Facebook. But Facebook is horrible when it comes to telling stories. It presents fragmented pieces of people’s lives that we are often forced to react to rather than engage. The timeline, in its quest to present ever growing amounts of information to us, become as fleeting as the stock ticker feed in Times Square, and belittles the personal importance of each post, by rendering it in the same small block, with the same small profile icon, in the same small font as everyone else. Some people are simply more important than others and we want to pay more heed to them. They are larger in our minds. Why are they the same size as the person whom I casually had a short conversation with at a conference I don’t even remember? Facebook is addressing this issue by adding filters, but with all the data crunching power that they use already around analyzing my relationship with my friends, shouldn’t they know who is important to me already?

Flipboard iPad app

Newspapers know how to present information. They’ve had enough years to refine their art. Typeface sizes matter. The fold matters. Sections matter. Photos matter. They bring your attention to what they deem important. Flipboard is an iPad app that tries to do that, by providing an illusion of priority through a tactful manipulation of layout, font sizes and images. It provides much needed difference and rhythm we are attracted to, over the often mind-numbing flat Twitter or Facebook feed.

Our Collective Stories

Daum Communication, a leading internet services provider in Korea offers a map service with a streetview option, much like Google Maps does in the States. As of Feb 2011 however, they have added a feature that goes a step beyond: streetview history. You can select from various past dates when the streetview camera captured the image. As one example, you can view the building where Daum is located now, under construction in 2008.

Daum Map showing history

Maybe it’s possible to take this further by using tools like Photosynth to crowdsource forgotten images from people’s photo albums or maybe even add historic archival images, so that when you are viewing a certain place through the streetview tool, you can actually go back in time and take a historical journey through a neighborhood. Historians can narrate stories of a city’s development or you can tell your own story of fond childhood memories. What was once a personal memory can now build up a crowdsourced collective memory.

Curtis Wong of Microsoft Research has an wonderful presentation of Microsoft’s World Wide Telescope project where the tool for presenting the universe around us sets a stage for storytelling by allowing researchers and students alike to create a narrative through the interface. Something like an interactive version of Charles and Ray Eames’ masterpiece Powers of Ten.

World Wide Telescope

Usahidi, an interactive map-based information collection tool was born out of a need to capture and report post-election violence during Kenya’s 2008 presidential elections. Usahidi means testimony. Since then it has been used widely to crowdsource data through mobile devices and present them dynamically on a map: from neighborhood snow removal updates to crime reporting. Most noteably it was deployed in the aftermath of the devastating earthquake in Haiti to crowdsource unsafe conditions and aid relief coordination.

How did you hear about Steve Jobs’ death? A lot of us heard through Twitter or from someone who heard it through Twitter, as a collective gasp went through the twitterverse at the news of his sooner-than-expected death. Tweets per second (TPS) is now a proxy for the velocity of the spread of news. When it comes to TPS, surprisingly Jobs’ death ranks #5. It’s the news of Beyonce’s pregnancy announced during the MTV Video Awards that takes the honor of #1. A newborn life wins over death.

Adding Our Life to Data

Jawbone, which produces high-performace mobile headsets, just came out with a very affordable health monitor bracelet called UP. Coupled with a smartphone, this bracelet tracks your eating, sleeping and exercise habits and “nudges” you to adopt better habits. You can imagine market-research groups like Nielsen paying people to don a device like this to track how people really react to what they are watching. Nike Plus gathers data about your run, but what would it be like if global events were tracked not just in the number of media reports but as bio-metric data? What kind of story would that tell? What would a collective “gasp” look like when people heard of Steve Job’s death or Beyonce’s pregnancy?

Jawbone UP

Interactive artist, Jonathan Harris is an amazing story teller. We Feel Fine is the project he is best known for. But his Whale Hunt is an incredible project in many ways. Here’s what he did:

I documented the entire experience with a plodding sequence of 3,214 photographs, beginning with the taxi ride to Newark airport, and ending with the butchering of the second whale, seven days later. The photographs were taken at five-minute intervals, even while sleeping (using a chronometer), establishing a constant “photographic heartbeat”. In moments of high adrenaline, this photographic heartbeat would quicken (to a maximum rate of 37 pictures in five minutes while the first whale was being cut up), mimicking the changing pace of my own heartbeat.

The Whale Hunt / A storytelling experiment / by Jonathan Harris

The result is very close to how our minds actually work – we capture more information and memories in relation to how intense our experience is. Time slows down because we are collecting more information (often for our survival).

This is exactly what happens in the way we collect data through our mobile devices. The more significant the event or location, the more photos, tweets, status updates, blog entries we create about it. You can see it on an individual level, but also on a greater collective level. If you were to represent this in a graphical way, you’ll see something analogous to World Wide Telescope’s universe, where you would have stories instead of stars. What would it mean to look at galaxies of stories across time and distance, zoom into individual shining stars of stories, or encounter black holes where a natural disaster abruptly muted thousands of voices in a single horrific event. You can almost imagine ripples of story supernova spreading at the speed of light as the news of the disaster spreads in its aftermath.

Scale of Stories = Scale of Identity

Recently, overcoming a freak October snowstorm in Washington DC, I went to the National Museum of the American Indian, and then to the National Museum of American History. There I witnessed two institutions telling stories. One of a frequently muted story of the American Indian, whose so many tribes are now forgotten because their stories did not survive the diseases, conflicts and forced migrations. In contrast I saw the victorious stories being told of a young nation who overcame colonial powers, native inhabitants and inner division, whose short story is still unfolding, and needs to be remembered and repeated because its identity and survival as a nation depends on it.

When I showed Google Earth for the first time to my dad on an iPad, the first thing he did was to look for the house he grew up in, deep in North Korea, having left it behind some 60 years ago during the Korean War. I saw the concentration and the emotion that poured over his face as he searched for his childhood home by scanning the geography but also his memory, desperately inferring its location through the landscape of streams, valleys and railroad tracks he remembered.

Zooming in, it’s my dad’s childhood story. Zooming out, it’s the tragic story of the Korean War and the subsequent division of Korea. Further out, it’s the historic story of the fear and ideological power struggle between the superpowers following World War II.

Our identity is the story we repeat to ourselves. If that is so, what is the story we repeat to ourselves as an individual, family, community, region, nation or as a humanity? For the first time in history, as we collect so much data about ourselves, we have the potential to simultaneously see our stories unfold dynamically at different scales. And maybe that can teach us something about ourselves.

—

Update (2011-11-09)

Microsoft Research has just posted the presentation online. It’s in 2 parts. See the second half.

A recent meeting with a friend who is interested in technology in education, a NYTimes article More schools embracing iPad as a learning tool and recent flood of attention on the growing tablet PC market got me thinking about the potential of tablet PC’s (Apple iPad, Samsung Galaxy Tab etc) as a disruptive innovation for education.

Here’s are 5 attributes of tablet PC’s that I think may help to tip the current education system.

1. Data driven. For the first time in education history we have the opportunity to monitor students progress in minute detail through tablet PC’s. A good example of this is the TeacherMate learning systems which has already been relatively successful.

Teachers can see which students are falling behind and where they need help. It also shows areas where students excel. This opens the potential that given this data, education can be personalized to some degree to fit the needs of each individual student. If advances in biotech allows us to dream a future of personalized drug treatments, why can’t we dream an age of personalized education? There could be a core curriculum that every student must fulfill, however with data on each student, they could also have a tailored curriculum that meets their aptitude, interests and areas where they excel.

2. Open ended. Many mention the benefits of tablet PC as a replacement for heavy and expensive textbooks in the classroom. Yes, that’s an obvious solution, but I think they are missing the point.

I don’t like the notion of technology being relegated to eBooks in schools simply because this makes them just digitized versions of a the traditional closed knowledge system: books. There is nothing wrong with books. Books have worked fine for hundreds of years and I am sure they will continue to serve us for the foreseeable future. But there is something not quite 21st Century about text-”books”. Especially the kind that is government vetted, approved and issued, as we have in Korea.

Tablet PC’s are open-ended meaning apps can be developed that not only teach the core concepts but can be open to tap the infinite and dynamic knowledge that is embodied in the Web. This is one of the founding principles of OLPC (One Laptop Per Child initiative). If OLPC’s are doing this already in developing countries where they are deployed, why not in our classrooms?

3. Networked. Kids learn from each other. As Mitra Sugata mentions in his inspiring TED Talk: The child-driven education, kids are consistently teaching each other. If you look at how a teenager does her homework, you’ll see that she is consistently messaging her peers for information. In this always-online, socially networked world, knowledge-making and learning has become inherently collaborative.

A networked device allows for communication, collaboration and peer learning. Learning to collaborate is key to surviving in this ever increasingly networked society. As Steven Johnson points out in his book, Where good ideas come from (also see: TEDtalk, animation), innovations come less from lone geniuses in our midst but as a result of collaborations that build on the knowledge and ideas within fluid networks.

4. Portable. There are no cables attached to an iPad, and the battery lasts a whole day. This is more significant that it sound. This means kids can use them for a whole school day. This means they can work by themselves, in a classroom setting, in the library or huddled around a desk with their peers in a group project. It goes with them wherever they go. We still have “computer labs” in schools, where kids come to interact at fixed times in their curriculum. Being portable means they have a personal assistant with them at all times, with the all above mentioned attributes that this entails.

5. Interactive. The new tablet PC are inherently interactive because they are touch enabled. Being able to touch something is a giant leap from the moderated experience of typing a command, or click a mouse on a screen. Touching something evokes an emotional response, which allows for a far more satisfying user experience as anyone who has seen kids interact with an iPad would attest.

Tablet PC’s force developers of educational application to rethink the whole user experience (I would hope). It brings a whole new dimension of interactivity to applications that go far beyond the point-and-click variety. A storybook for example cannot be just a “flip the page” experience. Characters and objects need to be responsive. You may even be able to rearrange the story and it’s outcome by directly interacting with the story.

Touch-enabled interaction really opens up a whole new area that had been explored only in limited ways on a desktop computer environment. You can now have the constructivist learning environment that Lego afford. We have yet to see these types of applications come into full blossom, but I am sure it’s only around the corner.

—

Maybe I’ve painted an overly rosy picture of technology. Every technology has its perils. I can tell you that my 4 year-old is already addicted to my (now his) iPad. Technology makes things worse a lot of times, but that should not take away for the opportunities it does afford us. We have to be mindful and vigilant about its pitfalls, and make sure kids are interacting with technology within a guided, safe environment. No conscientious parent would let their kids wander by themselves in the streets, which is tantamount to what we are doing if we allow kids to access the open web, by themselves with no control or moderation.

As with many things, it is hard to innovate from within. Just ask Michelle Rhee. However, there are rare opportunities that we can leverage to make change happen. I certainly wish that this time technology, in the form of tablet PC, in the right hands and minds, is the push we need to upgrade our antiquated education systems.

—

Photo credit: macattck (flickr)

We'll soon be life caching on mobile devices

At some point in the near future, the term mobile "phone" will be too limiting to describe what we’ll be carrying around in our pockets.

Take the iPhone (or any smartphone) as an example. Currently there are 8GB and 16GB versions available, but at the rate memory is increasing and coming down in price, soon we’ll be getting 32GB, 64GB and 128GB versions in the next few years (or months?). What will it mean to carry that much capacity on a mobile phone.

All my music files are about 50GB, all my photos 30GB, my email 5GB, and another couple for all the movies files shot on my camera. That means I can be carrying all my digital possessions with me on my phone. The term "phone" refers to a communication device. With high-quality camera and movie capture capabilities along with massive storage, it is something more that a mere phone. At this point it become a life caching device.

Nokia and Samsung have already been busy exploring this concept, however they are still in very early stages of development. I always thought that Cyworld needs to move in this direction in order for it to remain relevant – i.e. provide a life-caching service closely coupled with mobile service, but I digress.

For a life caching mobile device/phone to be useful/usable, it needs to address some pretty fundamental challenges:

• Powerful Search When you have so much stuff on such a small device you need something more close to Apple OS X’s Spotlight to find the stuff you are looking for.
• Rapid Browsing Browsing photos on a traditional cell phone is pretty painful with the key-mapped interface. Touch interfaces (à la iPhone) with flicking provide faster access and browsing experience to photos, music, movies, email and message lists.
• Logical Cross-Referecing It’s still a communications device after all, and it makes sense to be able to access content via people. When you find a person in your address book, you should be able to view all the content related to that person.
• Easy Backup Heaven knows what will happen if (or is it a matter of when) you lose you life-cached possessions stored on your device.
• QWERTY Keypad You’ll need to do a lot of typing to tag all the content coming into your device and well as for posting and sharing your content with others.
• Web-PC-Device interoperability Your portable device is good for capturing precious moments, communicating and transporting content, but for sharing the web is still king. As for editing all the movies and photos, and backing up, the PC is still your best bet. Each device has its merits and content should be easily transferable between platforms.

Convergence is sometimes viewed as the consolidation of multiple technologies towards a singular uber-device. I prefer to define convergence as the tendency of technologies, as they grow in complexity and scope, to overlap (and consolidate) functions. Convergence therefore refers to a trend wherein devices and functions take on commonly shared traits, but this doesn�t mean that this trend ultimately ends with a single multifunctional mega-device, no matter how cool and �mad scientist� that might sound.

The article goes on to describe “7 considerations for convergence”. An excellent read.

Custom wood case for iPhone by Miniot

Mobile phones and most personal electronics devices have been made for durability. My Samsung phone is finished in stainless steel, plastic and glass. It is black and shiny. My iPod Nano is aluminum.

My wallet is made of leather. When I first bought by wallet, it was stiff, and uncomfortable. But at some point in time, it yielded and started to conform to the curve of my posterior. Same thing happened to my watch strap, also made of leather. It is has morphed to the size of my wrist. Shoes, jackets, baseball caps.. I can name numerous examples.

In the flood of hyper-niched marketing world, I am still surprised that very little effort is made in the personal electronics space to take advantage of this property of personal artifacts: that it registers the physical interaction between the artifact and user. Guitar frets have show well-worn usage by its owner. Yet phones resist this natural aging process.

Most aspects of our environment can be better personalized than our electronics. We can choose wallpaper or paint color for our apartments, adorn it with our personality over time. Personalization to mobile users usually means changing the background or ringtone or those little dangley phone accessories that you see all over Korea and Japan. Nothing that registers gradually over time. Why not a mobile phone made with leather or wood. Why not a iPod where a friend can scratch their message into the surface instead of having it laser engraved.

Bamboo, the degradable phone (via core77)

“The Chute Smartphone (via Yanko Design)

It was refreshing to see a couple of example recently. Here are two concept phone examples, The Chute Smartphone and Bamboo phone, and iWood handcrafted iPhone case by Miniot made from high quality wood (commercially available).

Yet another argument for the use of natural materials in personal electronics is environmental. Massive amounts of mobile phones are consumed each year. The rates of mobile phone penetration is close to saturation in the US, Korea and in most developed countries. It’s rare that we find any recycling of mobile phones. Most people just throw away their phones when it is broken or when they switch carriers. Here’s where the mobile telecom industry can learn from the automotive industry. There is a whole secondary industry build around reclaiming, reusing, and recycling used car parts on one front, on another front there are movements to make more efficient cars. Why are there so few examples of environmental friendliness in the mobile phone industry? I think this is a marketing opportunity that begs to be tapped for both the consumer’s and industry’s benefit.

Geoblogging: The Gombe Chimpanzee Blog

We all remember ooh’ed and aah’ed at Google Earth when it was first available in 2005. For the first time history, services such as Google Earth offer us a readily available, zoomable, navigable visualization of our physical world, the detail of which are ever increasing with new technologies being developed as showcased by Microsoft’s Virtual Earth and Photosynth projects.

But it’s not just a static representation of information, as maps have classically been. The convergence of the internet, mobile technology and geospatial representation of our physical world, presents an interesting intersection of technologies.

The internet contains an ever-expanding universe of knowledge and information, and with web 2.0 technologies, users are even more empowered to directly participate in that growth, and to share, aggregate, and find creative ways to seeks value in this information.

When information available on the web is combined with geospatial data what emerges is Geoweb. Geoweb presents yet another layer that information can be mapped or grounded to. It gives people an opportunity of assigning information, be it historical, commercial, social or existential to a given location.

Mobile technology has the two-fold function of being able to retrieve that information in real time at the location to which the information was associated to, as well as being able to record yet more information through text, photographic or motion input about the location.

The pressing issue now is not the availability of information but how to filter it to be meaningful?

Map have always been a filtered reprentation of selective information. A road map only maps roads for the purpose of guiding a user from point A to point B. So the challenge facing Geoweb is no longer one of technology, but one of selectivity and value. What does information presented in this way allow us to do?

It allows us to associate information on a scale and perspective that we were unable to do before. Classical maps show border, terrain, economic, or conflict information. Now we can map, aggregate, slice-and-dice all the atomized miscellaneous pieces of information geospatially. It allows us to associate information that was not possible or hard to do before. Oh joy.

We already see some examples of innovative use:

• CARMA (Carbon Emissions Monitoring for Action): this s a project by Center for Global Development I was involved in at my old firm, Forum One Communications. It maps publicly available CO2 emission data of power plants and other polluting agents on to Google Maps, and encourages users to submit more data about polluter in their neighborhood.
• Geoblogging: Jane Goodall Institute created the first geoblog: The Gombe Chimpanzee blog. It follows the activities and blog posts by Emily Wroblewski, a field researcher who is studying the Gombe Chimpanzees to coordinates on Google Earth.
• Search for archeological sites: Scott Madry, an archaeologist at the University of North Carolina at Chapel Hill, has been pinpointing possible archaeological sites in France with the popular desktop program Google Earth.
• Cannonball Run: Alex Roy, set a new record for driving across the American continent of under 32 hours, in the fall of 2006. He planned and practiced his run using Google Earth.
• Metaverse Roadmap also shows us exciting possibilities of how 3D representation and the web may converge.

Other as yet unrealized examples are:

• An amazing project Jonathan Harris and Sep Kamvar, We Feel Fine aggregates and visualizes th state of people’s emotions around the world. We may be able to map geospatially, in real time, the emotions around how a community reacts to tragedy or jubilation.
• We could map the impossible path that Ernest Shackleton took to save the lives of the ill-fated crew of the Endurance in 1900. (UPDATE: It has already been done)
• We can map the path of my UPS package as it travels from Amazon’s warehouse in Kentucky to my doorstep in real time, so we are not held hostage to the UPS man’s schedule.

* * *

Umberto Eco has a nice essay in How to Travel with a Salmon named “On the Impossibility of Drawing a Map of the Empire on a Scale of 1 to 1.” He quotes from Jorge Luis Borges who is in turn quoting Suarex Miranda:

…In that Empire, the craft of Cartography attained such Perfection that the Map of a Single province covered the space of an entire City, and the Map of the Empire itself an entire Province. In the course of Time, these Extensive maps were found somehow wanting, and so the College of Cartographers evolved a Map of the Empire that was of the same Scale as the Empire and that coincided with it point for point. Less attentive to the Study of Cartography, succeeding Generations came to judge a map of such Magnitude cumbersome, and, not without Irreverence, they abandoned it to the Rigours of sun and Rain. In the western Deserts, tattered Fragments of the Map are still to be found, Sheltering an occasional Beast or beggar; in the whole Nation, no other relic is left of the Discipline of Geography.

From Travels of Praiseworthy Men (1658) by J. A. Suarez Miranda

What we see Google Earth and Virtual Earth is the creation of such a map, mapping reality on to a mirrored world. We may actually be seeing something even more profound. A map that contains more information than even the 1-to-1 map.

[Update] Worldprocessor is a pre-Google Earth visualization of data on a globe. Very interesting nonetheless.

iPhone Twister

It’s only a matter of time before someone comes up with a twister game for the iPhone.

In a fascinating presentation by neurologist Vilayanur Ramachandran, he talks about how the brain works with sensory input. What stuck with me was towards the end of his talk:

Something very interesting is happening in the angular gyrus, because it is the crossroads between hearing, vision and touch and it became enormous in humans. I think it is the basis of many uniquely human abilities as abstraction, metaphor and creativity.

With interfaces, it is important to get sensory feedback. For example, right now, I am typing on a keyboard. This action creates a tactile feedback (it depresses), an auditory feedback (it clicks), and a visual feedback (letters appear on the screen). Unknowingly we feel satisfaction when these sensory feedback is properly provided. When typing on a keyboard does not produce letters on the screen, or the letters are somehow delayed, we have an emotional response – one of frustration.

Touch experience on the iPhone and LG Prada phone

With the iPhone there is no tactile or haptic feedback. (Some phones do have haptic feedback in the form of light vibrations)� In order to compensate for the fact that it is missing the one of three feedback that is necessary for a good interface, it provides strong feedback through the remaining two. When you use the dialer on the iPhone, it provide a strong color change (visual feedback) and the dial tone (auditory feedback) whenever you touch they keys. Same thing happens when you use the on-screen qwerty keyboard. In order to compensate for the fact that is is no tactile key-pressing sensation, iPhone provides visual feedback in the form of the keys popping up, and auditory feedback in the form of a tapping sound.

Compare the iPhone experience to the LG Prada phone experience. LG Prada phone provides haptic feedback (you feel a slight vibrarion at your fingertips) and visual feedback, however the color change in the interface is weak (trying to stay “cool” by using grey tones), and auditory feedback is aways the same no matter what you do (it’s the same bell sound). This results in the Prada phone having a less satisfying touch UI experience over the iPhone.

A large part of the satisfaction when using a touch UI is based on providing appropriate feedback. Another large part is based on what metaphor from everyday life you adopt and present to the users. Watching Ramachandran’s talk made me realize is that there is a deeper neurological basis for what consitiutes to a satisfying touch UI experience: Our brains are wired to take in sensory feedback and develop an emotional response to it (sometimes without us realizing it).

Louis Kahn, one of the most influential architects of our time, and subject of an amazing documentary film, once said:

“What do you want Brick?”

He was alluding to the fact that each material has properties and limitations and wants to be used a certain way. Whether it be materials, or systems, or UI’s, each has a certain affordance you can either acknowledge and work with, or work against.

Don Norman also describes a similar attitude towards the design of products in his influential The Design of Everyday Things:

The term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used. A chair affords (“is for”) support and, therefore, affords sitting.

When designing a touch user interface for mobile phones, where do you start? You can start by taking a look at what Apple has wonderfully done with the iPhone. Or you can take a look at how to improve the current mobile UI and make it touch-enabled. Both lead to very restricted designs, since they can’t escape what either Apple or current mobile UI have set up as its affordances.

One needs to ask, “So, what do you want to be, mobile phone touch UI?”

In my mind, some of what it wants to be is the following (these are its affordances):

• It wants large touch targets: Fingers are less precise than keys, and there are minimun touch area requirements that can’t be too small.
• It wants simple page layout: touch requires immediate feedback, and quick transitions to subsequent pages. There shouldn’t really be anything to navigate on a page. The interface should be “tap, tap, tap”, i.e. a quick progression of pages to finish the task the user to trying to accomplish.
• It want to have limited choices: More choices on a pages means more things to touch and this make make things harder to touch with precision. In the web page paradigm, it may be better to present more options on a page, however in a mobile touch interface, with limited screen area, and touch targets, it may make more sense to provide limited choices and more “in-between” pages.

It is also important to select the right everyday metaphor for the touch UI elements. Metaphors allow users to recognize how to use something without learning, since it is something they are familiar with already. On the iPhone you see sliders (unlocking the phone), dials (selecting a date), and buttons.

One great source of metaphors for a touch UI is actually baby toys for many reasons:

• Interactive elements are brightly colored, allowing the user (the baby) to locate and initiate an action.
• Interactive elements are easy to touch, pull or twist and have large target areas, taking in to account the users lack of mastery over motor functions and pudgy fingers.
• Interactive elements provide clear feedback to reward the users and provoke them to repeat the action.
• The objects are not overly complex and choices for manipulation are simple.

It is no wonder a baby can use an iPhone interface.