Mobile Usability & Design Resources

Most of this stuff is from Nokia and specifically S60 related but there’s lots of good information regardless of the O/S or platform you’re developing for.

  • Usability Culturally Speaking: Short paper by Nokia introducing common issues such as differences in text direction, colour usage, iconography, number and date conventions etc.
  • Series 60 UI Style Guide: Just what it sounds like :-)
  • Series 60 Usability Guidelines for J2ME Games: This is a really useful document. Many issues addressed will be useful to not only Flash Lite developers but creators of small advertising or content based application. Also includes sections on game experience and gameplay.
  • Turn Limitations into Strengths: Design one Button Games: Another good one for Flash Lite developers. Short but useful article with reference to an old Gamasutra article/tutorial and a great quote by Noah Falstein “When you find yourself constrained by a difficult circumstance or combination of limitations in design, look for a solution that turns those very limitations into a fun solution. Try to make the limitations work in your favor, not against you.”
  • User Experience Checklist for J2ME Applications: Once again, good reference for everyone with headings to indicate which checklist items apply best to which OS or type of application (ie. games etc.) Lots of good stuff including handy tips like “Application has been tested with actual end-users, not just in-house developers, The user is not forced to guess the right format for information and Obscenity or foul language is not used.” LOL!
  • Designing XHTML MP Content: From Nokia again. Includes a checklist of “top guidelines for optimizing mobile XHTML services” as well as details on each XHTML MP element. Found through the W3C Mobile Web Best Pactices reference section.
  • Browsing on Mobile Phones: Short paper from Nokia discussing usability as it relates to mobile web content and the Opera-style single column layout.

And just for fun, the Series 60 Themes Illustrator Sketching Templates. Great idea this—an Adobe Illustrator file including real vector S60 UI layouts and menu elements. Great vector artwork. Very handy for mockups!

BTW-Most of these were found on Forum Nokia.

Nokia, Youth, and ICT

“Nokia and international children’s organisation, Plan (formerly Foster Parents’ Plan), have joined forces to use modern communications technologies in Africa to raise children’s awareness of their rights and opportunities. Nokia has provided an initial donation of 1 million Euros for 2006. The first stage of this new joint effort will see Nokia focus on supporting Plan’s existing media and communications technology projects for Africa’s children and youth.” [via Mobile Africa]

More about Plan’s media and communications programs can be found on their site. The existing programs seem to mostly focus on children producing radio programs for local broadcast:

Africa – Rights of the Child in Malawi
Radio program in Malawi, in partnership with Malawi Broadcasting Corp and funded by UNICEF. Children produce radio shows about their rights.

Asia – Agami | “Future” in Bangladesh
Weekly television show in Bangladesh broadcast by BTV, the national public network. Children host the shows and talk about issues relevant to their lives. The show reaches millions of viewers.

Asia – Children’s voice in Nepal
The radio project produced and broadcast in Nepal has involved more than 100 children. The show aims to promote child rights and child participation.

Adding mobiles with video, audio and moblogging capabilities to all this would certainly enhance the content creation capabilities and lead to all sorts of interesting roving child journalist programs. I ran into an example (PDF) of a similar project a while back from India via Nokia’s New Horizon’s Newsletter. The project offered students a 7610 cameraphone along with a copy of Life Blog to allow them to creatively record aspects of their community engagement.

Their assignments were aimed at fostering the self-directed, collaborative approach to learning that is often lacking in Indian schools. The most significant benefit of the Learning Lab Initiative for students, says Mr Sood, is that it offers them a hitherto unavailable chance to learn by expressing themselves creatively.

You can subscribe to the newsletter on this page (beware, it’s a paper copy sent by mail. A PDF is also available if you hunt for it.)

I also ran into the related Nokia Community Involvement section which outlines other similar projects, case studies and success stories involving youth in emerging markets.

Flood

I got the bright idea to go downtown this afternoon to buy dessert. The sky was black and there was thunder in the air so Bryan tagged along (can’t work anyhow—not safe to stay plugged in during lightning storms here.)

First it rained. Then it rained a lot. We could only see about a metre ahead of us while walking along the subway catwalk and the noise on the aluminum roof was truly deafening. The mall should be safe we said. Then the mall flooded. (New multi-billion dollar “Largest Lifestyle Mall in Asia”…LOL) Weird flooding at that. The ground floor seemed fine, but the fancy men’s clothing stores upstairs turned into wading pools. Then my favourite—water pouring out of pot lights in the ceiling (with the lights still on :-)

Eventually we took the skytrain home to find Pya Thai Road completely flooded on one side (big avenue running under the skytrain.) As for the side street leading up to our Soi—a bit of a lost cause. I rolled up my pants as high as they could go and waded in to my knees. (Best not to think about what’s in the water. Black. Thick. Ugh!)

On the upside—last time we saw a Bangkok flood we were living in a tiny building on a tiny Soi and woke up to find a foot of water in our lobby. This time at least we’re on the 7th floor!

Sadly I have no photos. Where’s that Nokia Multimedia Computer when you need it :-)

Carnival of the Mobilists #48

Carnival of the MobilistsThis installment of the Carnival of the Mobilists (#48) is hosted by Technokitten (Helen Keegan.) This edition is packed full of Mobile 2.0 posts including a lively debate on MobHappy regarding mobile advertising and content repurposing by the likes of Opera. There’s also a link to a post by Adrian Cummings of the Mobile Games Blog who has just embarked on a journey from J2ME to Flash Lite.

Check it out!

The Elephant

We saw a baby elephant last night at dinner.

I’ve always stayed away from elephant related exhibits in Thailand. Year ago, we rented a small house in the Phuket countryside. The island was hilly and there was no public transit so we bought a motorbike. Every afternoon we would ride out into the hills and often run into elephants on the side of the road. They weren’t wild of course. They belonged to one of the tourist parks and in the off hours, their handlers would take them for walks along the road.

Other than that, we preferred to stay away from elephants.

But at least the Phuket elephants were adult, lived on the edge of a big forest on a wonderful sunny island and got to wander around munching on stuff in their off hours. This poor guy stood no higher than me and here he was wandering around downtown Bangkok. He was on a side street near one of the busiest intersections in town and i’m still not quite sure why he was there. His handlers (two young boys) obviously wanted money from passers-by but clearly no-one was interested. As a matter of fact, our normally lively neighbourhood restaurant fell completely silent as the little guy stood there occasionally crying out and was finally led away toward the new mall on the corner.

At least if they’d shown up on Khao San Road they would have made a bit of money from gullible tourists and might have spent the night at one of the neighbourhood Wats but everyone in my predominately Thai neighbourhood just stared at them awkwardly. Best not to encourage them but still…As it is, I can’t imagine how they got to my neighbourhood in the first place. They must have walked for days from the countryside…

Mobile Learning Reading List Part 2

After a far too long hiatus i’m back (from Bangkok!—more on that very soon.) So for starters, a bunch of new mobile learning material :-)

Mobile Learning on the Cheap

Lots of good ideas here that range from how to use PDAs in the classroom to SMS based activities.

Mobile and Media Literacy

Equitycampaign—out of the UK is an initiative that hopes to decrease the digital divide in the EU. Not specifically mobile focused but some of their rationale can easily be applied to justify mobile learning and i’m sure there will be some mobile components in all of this.

In essence, the digital divide is the difference in access to learning resources that modern technology offers young people, usually a working computer and an Internet connection. While our schools are better equipped than ever before, the variation in the quality of learning that takes place at home is huge. And as children only spend 15% of their lives at school, the learning that takes place at home is extremely important to their future success.

Technology offers us a unique opportunity to extend learning support beyond the classroom, something that has proved impossible to do until now. But the digital divide means that millions of children are currently denied this help.

On a somewhat related note, the European Centre for Media Literacy (ECML) was a 24 month program from 2004-2006 with the following objectives:

With media technology becoming so prevalent in homes, and with multi-media education more possible now with student access to computers and the Internet, “media literacy” expands the basic concept of literacy (i.e. “reading” and “writing”) to all forms of communication – from television to T-shirts, from billboards to multi-media environments. ECML project would like to help stakeholders to understand why teaching media literacy is so important and give students new education tools.

And finally, an ambitious Mobile Content Education campaign from the Australian Interactive Media Association:

…with increased sophistication, comes an increased burden on the consumer to understand, interact with, and consume mobile content. Recent reports such as the Australian Mobile Phone Lifestyle Index, international research and much consumer feedback shows that only a relatively small group of early adopters are engaging with mobile content. Early experiences with mobile content—good or bad, will spread quickly via word of mouth. We need to ensure that consumers overwhelmingly have positive experiences with mobile content—and tell their friends!

…The AIMIA Mobile Content Industry Development Group is inviting mobile content companies to join with operators, content providers, trade associations and handset manufacturers in developing a cross-industry national education campaign focusing on:

  • What is mobile content?
  • Why engage with mobile content?
  • How much does it cost?
  • How do I get it?
  • What do I do if I have a problem?

The campaign is envisaged to include television advertising, in-store brochures, web site and a mobile site and will be ‘owned’ by the industry as a whole.

Lowest Common Denominator

Leonard Low with another great post pondering what it will take to make the mobile web truly useful—not only in education—but to the masses.

In my research into best practices for designing mobile learning, I’ve recently come across a number of sources that advocate, strongly, that a LCD (Least/Lowest Common Denominator) approach to designing mobile experiences is a bad thing….An LCD approach to interface/activity design is one that caters for the widest range of platforms by creating a single, non-adaptive document designed to be viewable on the most basic and least functional of those platforms. The currently prevailing philosophy regarding resource generation for the mobile web is that documents should be designed to exploit the functionality of any platform on which they render, to maximise the user’s viewing experience. This view is strongly advocated by leading mobile web commentators, researchers and academics, and indeed, the W3C itself through its Mobile Web Best Practice standard and MobileOK project:….My feeling is that web content design guidelines used to be centred around avoiding problems; current mobile content design guidelines are centred around maximising user experiences. Both perspectives have pros and cons – what do you think?

This on the heels of a recent announcement by the W3C of a workshop on the Mobile Web in Developing Countries. Mobile learning is such an obvious fit for many emerging nations as larger numbers of the population have mobiles compared to PCs. That said—content creation for mobile is still relatively difficult and for this reason, many mobile learning initiatives still focus on PDAs rather than handsets. With inexpensive or free applications like mobile Word, Excel and Power Point, a good PDA with memory card and wi-fi can easily be incorporated into both lesson planning and student generated mobile activities. As for mobile web on PDA, it seems to be limited to surfing and i’ve yet to hear of any projects willing to take the leap into actual content creation via XHTML and CSS for the browser environment—possibly because it’s still too difficult and/or unpredictable in its results.

Wildlife in the Field

A lovely example of fun, simple practical mobile learning from the UK. WildKey is an interactive identification program that enables pupils to take ICT beyond the normal limits of the classroom and identify and record species in the field.

Using simple prompts and images, pupils of all ages (KS 2-4) can quickly learn to identify species and record their sightings. When collated in a systematic manner, yearly data provide a picture of how climate change may be affecting British wildlife. This enables pupils to understand why classification is important and allows schools to combine data with remote partners. WildKey thus has applications in both the Science and ICT subjects of the Curriculum.

Presentations

Lots of eLearning and educational technology groups are starting to discuss mobile learning as part of their offering. This recording from an American conference (I can’t figure out what this is from as I only bookmarked the mp3 file) discusses examples of pilot programs from nursing colleges and the military. Also “Learning for a New Information Society” by David Metcalfe from the Annual Conference on Distance Teaching and Learning provides examples of recent projects as well as some great commentary on the benefits of mobile learning.

Development

I always enjoy finding practical material for teachers and developers. First, an article outlining guidelines for development of Flash applications for the Pocket PC. The article provides a nice mix of information including a primer on Flash vs Java, vector vs bitmap (always a popular subject for beginners :-) as well as a fairly in depth tutorial.

On a related note, I ran into these Pocket PC User Interface guidelines from Microsoft and of course the recent announcement of new Flash Lite 2.1 support for Windows Mobile 5.

Paper Prototyping in a Design Framework for Professional Mobile Learning” (PDF) describes the advantages of paper prototyping in the development process and offers some basic guidelines useful in the development of learning materials.

“Prototyping mobile device screens with sticky notes is an extension of paper and pencil prototyping methods, so the same core activities apply to design workshops using this technique, namely: (1) identifying needs and establishing requirements, (2) developing alternative designs that meet those requirements, (3) building a conceptual design, (4) path determination, (5) accommodating for user error, and (6) prototype….”

We’ve recently taken to using pads of yellow 3M stickies when prototyping for the small screen. The small size of the paper forces you to think small and the ability to move the papers around yet have them stay put for later is really handy.

And finally, “Developing Courseware for Mobile Devices“—part of a larger series of presentations from the Asian Development Bank Institute—provides usability and content related guidelines useful in the development of mobile learning objects.

Non Literacy and Mobile Communication

Understanding Non-Literacy as a Barrier to Mobile Phone Communication is an excellent article by Jan Chipchase outlining the challenges and techniques devised by illiterate consumers who own or use mobile devices.

Two basic tasks were easy for almost all our participants to complete: turning on the phone and answering an incoming call. Beyond this, there were various degrees of success. Dialing a local phone number is relatively easy, but problems can occur when there are variations such as dialing a national or international number, or using IP telephone prefixes. Dialing an incorrect number may require starting from the beginning of the task since the cancel button is not always understood.

Our hypothesis is that once the non-literate user has learned how to make and receive phone calls to their close circle of contacts, their primary reason for owning a mobile phone has largely been met. There is, therefore, less motivation to spend additional time rote learning other features on the phone, unless someone can proactively demonstrate the worth of the features, and spends the time to teach them the steps required to complete the task.

Phone features that require text editing such as creating a contact, saving a text message, and creating a text message present too great a barrier to use.

Enjoy!