Designing an Eye-Popping Mobile App
Aen Tan, CEO of Likables, just posted a blog today that really talks to good user experience design. No, I am not talking about fancy graphics or cheezy noise effects. I’m talking about buttons that react like buttons, images that are large and easy to see and properly spaced navigation icons so that your manicured nails don’t prevent you from pushing the desired button.
Tan talks about the use of a pixel rhythm for app design where spacing between section headers and between table groups adheare to this design principal. By designing with a grid like layout, you maintain a very symmetric user experience. Larger navigation buttons are another aspect of good user experience.
In general it is good to adhear to larger icons or assets simply because the device size is so much smaller than a computer screen and the user could already be squinting to see your app. The other benefit of having a slightly larger icon or asset is that it forces you to be efficient with the layout and simply your design since there is less screen real estate.
So how can poor design negatively affect the user experience? Imagine if you had a volume control slider that was surrounded by other buttons. Now imagine that slider to be only 29 pixels tall with no buffer pre or post. That’s a really hard to use slider because the users will probably be pushing the other buttons accidently instead of the slider like you had intended.
At the end of the day, remember to keep it simple, keep your buttons large and TEST your app out with your intended audience! If people are confused about which buttons to push or what to do next, the UI needs to be improved.
Of course, if you need to test your application out of a bunch of users and find a UI/UX developer at the same time, feel free to come to one of our Mobile App Hackathons (https://www.facebook.com/attdeveloper?sk=events). Yes, that was a shameless plug.
If you are interested in reading more about mobile app UI/UX, here are some links: