Archive for May, 2008

steal this template

Monday, May 19th, 2008
I am usually too picky about how my drawings look, and even for "wireframes" always ended up making my own elements, and redrawing them periodically to make them prettier. Of course, this is time-consuming and after a while you can't re-use anything from an older design because it doesn't match.

So, a few years ago I started making templates with all the likely page elements I would ever need. Mostly, I just grabbed anything new or better-drawn after delivering every project of any note. Then the template gets stuck somewhere I and all the other designers can get at it, and depending on my power at the moment, they can or must use it.

a sample

Well, I have just made a new, extra-complete version of this for mobile design (mostly to help the intern out) and since I no longer have the lawyers of the giant telecom worrying over every speck of IP, we're gonna give it away. So if you design in Illustrator or freehand (like us) or anything else similar (i.e. not Visio or Omni tools) feel free to download this and use it as you'd like for your own design work. If you need another format, just ask and I'll post that.

Update: A new version has been posted. For the more recent blog entry, see and to find the latest templates, look in this folder.

You will also need some type to make this work. I've made the notes Helvetica, as its reasonably generally available (Akzidenz is our brand face in this category); anything that's in Times New Roman when you open this is because you don't have the right type. The mobile elements themselves are in Vera Sans, and to make this work at all you really need to have that. There will be more discussions later on about mobile type, but for now I'll tell you the main reason we used this for specification docs is that it's free.

a sample

You can get it from the Gnome project.

mobile design resources

Friday, May 16th, 2008

I just put together a page that kind of complements the mobile design resources wiki. This is a single page with links to key resources, feeds from top mobile design bloggers, a list of good books, my del.icio.us links mobiledesign, a place to add and vote on the quality of design resources. It’s supposed to be a comprehensive starting point to mobile design. (In contrast, the wiki goes far far deeper).

Check out mobile design at Squidoo. I suggest you sign up, but you can look at it and following the links without registering.

Facebook pages and other business social networking

Wednesday, May 14th, 2008

Facebook icon
One of the steps in creating a conference is deciding what to do with regards to participant networking. The last few conferences I’ve attended have each had their own networking system, and only 10% of the participants even looked at it. I only did because I have a direct monetary interest in good networking.

I believe this is part of social networking fatigue. People get inundated with network invites, made worse by some less-than-ethical designs that suggest you must sign in to your email to complete signup.

So for Design For Mobile we decided to instead use existing networking mechanisms. Once participants sign up for the conference, they will be invited to an attendee-exclusive LinkedIn group. Anybody can become a fan on the Design For Mobile Facebook page, and network directly there. As we firm up the session abstracts, each will get their own page on our own site, with comments enabled.

Additionally, you can now become a fan of Little Springs Design on our company Little Springs Design Facebook page! While there, add any fun pictures, feel free to say how great we are, or whatever you want.

Want to follow us individually? Lots of our online presence links can be found at our About page.

focus

Tuesday, May 13th, 2008

One of the things I like about working on mobile is that mobile really doesn’t limit what type of people we get to help.

We’ve helped one company improve mobile media playback, another increase awareness of mobile media content, another sell the media, and another create the media.

We’ve helped a company help diabetics monitor their overall health and and another help patients in general improve how well they control their health.

We’ve helped one company transform mobile web browsing and another ensure browsing would be accessible by everybody.

We’ve helped companies figure out the intersection of mobiles and money, and develop their strategy for how to proceed.

We’ve helped thousands of designers and developer improve their mobile products of all types.

I’ve been told that we are too focused. I disagree. We help mobile users have a better experience with a wide variety of content. With their online lives.

USAA mobile

Monday, May 12th, 2008

I finally got around to visiting USAA Mobile. If you’re unfamiliar with it, the company provides insurance, banking, and brokerage services to military families. (Thanks, Dad!)

I am thrilled with it. It provides text-only access to:

  • View account history.
  • Pay bills.
  • Transfer funds.
  • View transfer activity.
  • View account balances.
  • Place a trade.
  • Check order status.
  • Request an auto ID card.

They’ve made text-only access to the things that people need mobile. At the store and the credit card was declined? You can fix it! Need to send a payment to anybody? Pay bills lets you pay anybody already set up. Got in a traffic collision? Get your proof of insurance right away.

What I find so interesting is that bill payment is through a third party and their brokerage services are pretty separate from their insurance and bank services. The organizational work behind this is quite impressive. It worked fine on my old Blackberry and my Sanyo.

The home page is so simple, only 4 items for me and clearly not much for anybody, that they simply append the entire home menu to most screens. I can press 2 to pay bills anywhere in the site.

investing in design

Sunday, May 11th, 2008

I talk to many types of people who are considering working with us. All want a better design for their mobile products. I’ve been noticing trends.

Social networking site success does not seem connected to quality of design. If it is sufficiently “hackable” (can be made to reflect participants’ personality) and gets the right balance of privacy and connection, it can succeed. Well, it can if it has the right business model, the right timing, the right viral components, the right targeting; it’s more about those classic marketing factors than the product itself. My inability to figure out Facebook’s navigation paradigm has clearly not affected their success; or at least their popularity.

When a CEO contacts us, he (it’s always been a he) pretty much doesn’t have the money to invest in a full design process. At best we can review their application and make suggestions. But this type of CEO wants not only design on the cheap, but development as well. So far, the CEO has never invested in a solid design process, with us or anybody else. And of those, only the social networking companies have done well.

Project managers are another group of people who sometimes contact us for help. Unfortunately, this has been because their boss told them to — they weren’t feeling the pain of poor design. In these cases, the company doesn’t invest in design and continues stumbling along with the same problems they did before. This is a case of insufficient leadership: the boss, usually the head of product or marketing, needs to invest her time in improving design.

When CTOs contact us, usually the company doesn’t have a person focused on product, and marketing is focused on sales. These companies frequently run into the same problem as above.

If you want to improve design process by focusing on design and user research, you’ll need to measure your team. Whether doing it yourself or working with an outside resource, your team needs to be measured on the results, the return on investment (ROI): decreased churn, decreased calls to customer support, increase uptake rate, increased purchases, increased page views, increased time on site, decreased bounce rate. Whatever it is, measure it (in a standard manner, and without changing the measurement method halfway through just to meet goals).

Be clear to your team about what you are expecting. Don’t tell your product manager, “go improve the design.” He’ll make it prettier, or more AJAX, or something that doesn’t do much to improve the user experience, or actually hurts it. Then you’ll both go around talking about how easy to use your service is. Measure results with a relevant measure from above.

I use a service that proclaims ease of use. They have nice clean pages, and good features. That’s why I’m using the service. But there are problems. It mostly works in Safari, but breaks (invisibly) deep in the site when you try to save your change. On one page, clicking a cute icon opens an otherwise invisible set of critically important pages. On another page, that same icon in the same place generates a new instance of what is on the page. The “friendly,” “designed” site is breaking down, causing user frustration. And making the user feel stupid, the more so due to frequent proclamations of being friendly and easy. And when your service that looks super-friendly makes users feel stupid, it’s breaking a promise.

Design doesn’t have to be expensive, but it does take investment in a new process. You want a balancing between what is and what could be, between customer stated desires and unmet needs, between user needs and business needs, all in a group of people who can create concepts from existing needs. This a different set of expertise than software development or marketing or graphic design, though not impossible to learn. It’s design.