Category Archives: Tracy’s blog

What writers should know about mobile app design

I’m a word person and proud of it.

That said, it’s always good to get a sense of how people who work primarily with images do their jobs. Take app designers. How do they go about creating clean, simple, intuitive user experiences and user interfaces?

They start with an outline
Before I write most anything, I create an outline of some kind. For app designers, the outlining process is called wireframing. A wireframe is a  low-resolution line drawing of all the app’s different components and views. Since the focus isn’t on the website’s look and feel but on mapping the functionality, a wireframe isn’t necessarily pretty. It’s the first step in a solid design process, though; and while it takes a fair amount of time to do, it pays off in less frustration and confusion for everyone down the road.

They cue the user
Cluttered interfaces are confusing and, when you’re on the go, as mobile users generally are, enraging. Great design is all about making simple visuals. Great designers review every visual element and ruthlessly strip away the extraneous ones. Ornamental flourishes are a big no-no. Rather, app designers in the know don’t give people too many options on a single view. They use white space as a design element. Fluff elements are costly, in terms of development, in terms of bandwidth, in terms of most everything; so if designers can, for example,  trim a given interaction from four taps to two, they will.

They know size matters
With a mobile device, space is at a premium, so good designers make every pixel count . How big should type be? Here are typical type sizes.

  • Titles and buttons: 20px
  • List labels: 17px
  • Standard text: 16px

Another key spec: actionable elements should be a minimum of 44 x 44 px.

However, good design is not just about shrinking elements to fit. Good designers take advantage of hand gesture navigation such as swiping, tapping, double tapping, and pinch to zoom to optimize space.

And to make sure using an app is easy and enjoyable, they test their layout on a variety of devices. Design apps that  simulate the screens of multiple devices help with this.

They know users are impatient
Waiting for a slow elevator is annoying. But it’s endurable if we see the indicator lights changing as the elevator moves from floor to floor.  Good designers understand it’s the same with apps. Sure, a designer can’t know what kind of connection a user will have or the device that user is on or the power of that device; but designers can tamp down the frustration of waiting with a progress indicator. A progress bar or a spinner is indispensable when a process doesn’t  happen instantaneously. Two seconds of not knowing  if anything is going on? Users get huffy and leave. Four seconds or more with a progress indicator? They might roll their eyes, but they’ll probably stick around. Good designers plan on keeping users engaged, even during breaks in interactions.

Learn more
These are just a few basics on how mobile app designers approach their work. Want to learn more? The Apple and Google Human Computer Interaction guidelines are essential references for mobile layout tips and techniques. Also,  Apigee posts helpful videos on all things mobile development on YouTube.  Check ’em out.

Advertisements

Preposition fail

Function words are so slippery! Content words (words with semantic and grammatical value–think verbs, nouns, adjectives, and adverbs) feel concrete and envision-able. Function words, like conjunctions and articles–those little words that express relationships between words–feel far more abstract. They’re like traffic signs in the flow of meaning. Of the function words, prepositions, the words that generally refer to how concepts are related in time and space, are particularly tricky. They are key players in English idioms and a big headache for nonnative speakers.

But if you are a native English speaker, you have a bit of an obligation to get prepositions right. You do, after all, have the advantage of lifelong immersion in the language.

Which bring us to why the increasing appearance of constructions like excited for and bored of really rankles me.  Are you excited for the new DVD? It’s possible that I would be excited about a new DVD, but excited for? Why, what’s happened to it? Did it win the lottery?

With bored of, it’s the high-sounding tone of that error that makes me wince. It’s like I could care less. About these last two particularly, if you’re going to make an unpleasant remark, please get usage right.

Fantastic content strategy Meetup at Pinterest

Pinterest Meetup content strategy notes
Next level notes

Sadly, you can’t always count on a Meetup to be informative.  Some folks are hawking wares, some are inadequately prepared, some are simply rambling speakers (and if they haven’t supplied snacks–hoo-boy!).

Last month’s content strategy Meetup had none of these flaws. Rather, it was one of the most eye-opening professional presentations I’ve ever attended. Fabulously, a talented information designer was there and drafted these colorful notes.

The editorial curmudgeon in me is dying to say the note taker went overboard. But I love the dynamism of this document.

Their, they’re. Your not alone.

It’s happening even to me: misspellings of homophones are cropping up in my written communication.

I blame keyboarding. The mind moves a little too fast, and sounds and meaning don’t have time to fuse. This is one of the benefits of writing longhand, a more leisurely mental pace. It’s easier to get more right while drafting ideas.  Cursive writing especially helps to map ideas to letterforms.