Tag Archives: UI

Size matters. Three tips for building a better app.

app under constructionAnyone who knows me, knows I’m in the app space.

I’ve been developing apps, managing the development of apps and critiquing apps for years.

As such, I’ve seen my fair share, both on the development side and as a consumer.

There have been absolute standouts – apps that I swear by, for their sheer utility and execution.

And there have been the sheer fails – apps that deserve to be put out to pasture and their developers shot (acts of mercy, let me assure you).

And everything in between.

What separates a brilliant app from a crap app?

I thought you’d never ask.

There are a number of things that makes one app a star and another a dud.

Anything from great (or poor) UI, to UX, to competitors apps (doing it better or worse).

But today you’re going to learn the three tips for building a better app.

Drumroll please…..

1. Size matters.

size-matters

If you’re going to build an app, remember that you’ve got extremely limited real estate to work with.

As my handy dandy graphic illustrates, with a mobile phone, you’ve only got so much space to work with.

You’re only going to able to place so many buttons before it’s a crammed, jumbled mess.

Not only does it look bad (to have a bunch of buttons) it also reduces the utility and functionality of your app.

And there is nothing, NOTHING, more frustrating than being unable to access a function from your mobile device because the button or icon is too small.

Many an iPhone screen has been shattered from sheer frustration that it’s owner felt being incapable of accessing an item on an app.

With space at a premium, the smaller the screen size, being judicious about how much you place on the screen is essential.

The more stuff you put, the smaller each item becomes, the more difficult it will be to access those items.

People complain of “fat fingers” as the reason for mistyping or shooting out emails before they’re actually done.

But the truth of the matter is that buttons are often so close together that you’ve got to use surgical precision to not make mistakes.

It’s not just button size that’s an issue, text size is just as important.

Tiny text is stupid.

Who wants to use a monocle just to read their screen?

Tip: Make your text big enough to see and  buttons big enough to press.

2. Not there. Put it here.

wireframe-ui-ios

I’m sure I’ve said this before, but it bears repeating.

There is limited space on a mobile device.

As such, the placement of buttons and actionable portions of the screen, is as important, if not more than, the size of the button.

I hate apps that place buttons along the screen edge.

Think about how many times you’ve found yourself pressing an “inoperative” button over and over again – seemingly right on the icon.

But never able to actuate.

If you’ve got a protective case like the Otterbox, which has a wide beveled edge along the screen, trying to access any button or navigation element is virtually impossible.

If you’re not conscious about the placement of your buttons and navigation elements, you’ll definitely frustrate your users.

Tip: Space your buttons and navigation elements far enough apart to avoid “fat finger” syndrome.

3. Show me what you’ve got.

menu-alt-512

I’m sure you’ve heard the old adage, “less is more.”

I’m not sure if that’s an actual ‘adage’ versus a mere ‘saying’, but you catch my drift.

The point is, when it comes to apps, keeping your interface clean, and focused on your primary functions and navigation, is best practice.

What to do with all those secondary functions?

Stick ’em in a menu, that’s what!

Users have come to expect that there’s more to your app than meets the eye.

Updating your profile, accessing settings, providing feedback: these are all elements that, while important, don’t need to be front and center.

More importantly, things that are essential shouldn’t compete with the primary functions of your app.

Tuck them away in a discrete, easy to locate and intuitive location – a la the menu.

 Tip: Place non-essential items in a well designated menu.

3 Comments

Filed under apps, digital advocacy, mobile

Facebook changes (again). But this time it’s not horrible.

facebook_newsfeed_courtesy of Techcrunch

Here we go again.

Facebook is (once again) changing it’s homescreen.

Over the past few days, you might have heard chatter on the interweb about Facebook’s new UI (user interface).

One day soon, the Facebook you know will be no more.

Soon billions of Facebook users will be forced to (once again) re-learn how to use it.

To be fair, Facebook let us use decipher Timeline for a hot minute now.

So I guess we shouldn’t complain.

Or be surprised that (once again) the look, feel and navigation of the Facebook homepage is entirely different from what it was yesterday.

Or the day before that.

Or the day before that.

If you haven’t seen if yet, here’s a snapshot with a hyperlink to the Facebook newsfeed page, where you can see it in living color (before the switch).

The new and improved Facebook?

The new and improved Facebook?

To their credit…

Am I actually giving someone credit?

Facebook isn’t just ramming this change down it’s users’ butts throats desktops.

You’ve actually got to sign up to be added to their waiting list.

Perhaps they’ve learned that angry hoards of users with pitchforks and flaming torches isn’t a good thing.

Whatever the case, there is something more fundamental to Facebook’s latest planned switcharoo.

Money.

Sure, they’re pitching it as a way to see your friends’ stories presented in a cleaner more streamlined fashion.

Whatev!

It’s more about giving advertisers more real estate to hawk their wares.

20130308-075139.jpg

I’m sure you’ve already noticed the sponsored stories from Classmates or Knitting Fever (or whomever) pop up in your news feed.

classmates

Knitting Fever

You know you didn’t like Romney for President, so WTF is this crap doing in your feed?

Romney for President

Facebook’s big fat greedy corporate money grubbing, that’s what.

This redesign is going to allow Facebook to leverage it’s billion plus membership all the way to the bank.

Zuckerberg’s momma didn’t raise no fool.

Again, to their credit…

There I go again! I must be getting soft in my old age.

Facebook put in some work on this redesign.

With the nice dock, cleverly tucked away on the side, the desktop version seems to have adopted the clean look and feel of the app.

I’ve been using the new Facebook app for a minute.

And it’s a pleasure.

It’s UI is clean and unobtrusive.

Unlike the desktop site.

But this redesign seems to have brought the efficiency of the app to the desktop.

I wonder if they’ve got the whole swiping thing down too?

Ya know what I’m talking about right?

If you swipe the screen of the Facebook app on the iPhone, left or right, you reveal the menu or your friends?

20130308-075341.jpg

20130308-075400.jpg

Pardon the digression.

Some surmise that Facebook will offer users the choice between switching to the new homepage design or sticking with Timeline.

But I doubt it.

Anywho, if you didn’t know this change was coming, now you know.

So don’t be actin’ all indignant when you log in one day, and the Facebook you once knew is no more.

6 Comments

Filed under Uncategorized

Blogging by iPhone (on the commode). WordPress is the truth!

blogging_from_my_toilet.jpg

I’ve been blogging (on and off) for about five or six years now.

Sometimes more than others.

But now, I think I’ve hit my stride.

And it’s all because of WordPress.

I know this sounds über dramatic, but hear me out.

When I was first bitten by the blogging bug, I tried out Blogger, the blogging platform from Google.

Since I was already using Gmail, it was nothing but a chicken wing to start using Blogger.

But I found the interface flat and there were too few template options available for me to personalize my blog.

Even though it was customizable, I wasn’t terribly technical and coding HTML or CSS simply wasn’t in the cards.

I posted a few times and that was it.

Not long after, someone told me about Tumblr.

They were new to blogging, like me, and had a similar experience with Blogger (being flat and boring).

So (on their recommendation) I tried it out.

Tumblr was much easier to use, had several interesting templates, and before long, I had set up and posted my first blog.

I noticed, almost immediately, though, that my blog posts weren’t showing up in search engines in Tumblr as rapidly as they had with Blogger.

What Tumblr made up in overall ease of use and simplicity, it lost from an overall SEO perspective.

I was creating far more, but seeing far less traffic.

If a blog gets posted in cyberspace and no bots crawl to it, does it make a sound?

Demoralized, I abandoned Tumblr for another free blog platform contender, WordPress.

Cue the angelic music and blinding white light.

WordPress combined the SEO dominance of Blogger, with the ease of use, simplicity and design sensibility of Tumblr, and a few other smoking features to boot.

And with a clean UI and dashboard, WordPress soon became my go-to platform.

But what MADE WordPress for me, were the apps!

Ever since I got the WordPress iPhone and iPad apps, I’ve become a prolific blogger.

Prolific is a tad extreme, but I have authored over 250 post on WordPress, and at least half of them were on my iPhone or iPad.

Whenever an idea for a blog comes to mind, I simply whip out my iPhone, dial up the WordPress app and start typing.

Once I save it, it’s automatically uploaded to my WordPress account and synched whenever I pull up WordPress again from any of my devices.

So if I start it on my iPad, I can pick it up later from my desktop or iPhone.

I can tag, add pictures or video, select categories (or create new ones) all from within the app.

My girl Aliya King issued a 30 day blogging challenge to her blogging peeps, and the WordPress app has kept me on task for the past two weeks.

I’ve been able to post from virtually anywhere: trains, the office, the toilet (yes, I blog on the toilet), from the convenience of my iPhone.

I’ve been so impressed with WordPress that I’ve turned a butt load of my clients, friends and associates on to the platform.

At the end of the day, I’m really enamored with WordPress because it’s enabled me to find my voice AND get it out hassle-free.

So if you’re thinking about starting a blog (I’m an inexhaustible source of inspiration – I know), give WordPress a try!

And ‘no’ I am not a paid spokesperson for WordPress.

But if anyone over at WordPress wants to cut a bro a check….

1 Comment

Filed under apps, iPad, iPhone, mobile, opinion