October 31, 2014
Hot Topics:
RSS RSS feed Download our iPhone app

10 Android UI Design Tips to Improve Your App's Visual Appeal

  • January 17, 2012
  • By Lauren Darcey & Shane Conder
  • Send Email »
  • More Articles »

When it comes to Android app development, style and design may not trump substance, but they certainly play an important role in whether or not your Android app is successful. Here are 10 Android UI design tips -- plus a bonus one -- for improving the visual appeal of your Android apps.

Android UI Design Tip #1. Use Appropriately Sized Graphics

When it comes to graphics, many Android app developers take a "one size fits most" approach. While this makes for simpler resource management, it can be a mistake in terms of the visual appeal of your app. In order for an app to look its best, it should include graphics tailored to specific device screens (dimension-wise) as alternative resources. The most appropriate graphics will be loaded at runtime, making for the best user experience possible.

Android UI Design Tip #2. Use Appropriately Formatted Graphics

We've all seen apps that grind to a halt while trying to load some gigantic graphic file that is not only the wrong size, but a less-than-ideal format. The Android platform supports a number of media formats, such as PNG, JPEG, GIF, BMP and WebP (Android 4.0+). PNG is the ideal format for lossless images, while JPEG quality is "tweakable."

Android also supports stretchable graphics with Nine-Patch. Consider using WebP, when available, in place of JPEG, as it may be a more efficient choice when it comes to storage and download sizes. That said, if used as a separate set of images alongside older formats, the overall package size will be larger, offsetting any benefits of using the newer format.

Android UI Design Tip #3. Apply Subtle Animations and Use Colors to Display State Changes

Applying subtle animations during screen transitions and UI control color differentiation to communicate application state changes adds professional flair to your applications. For example, fading between activities makes screen transitions less jarring, while changing the color of a button control when it is pressed highlights a user action as it is taking place, clarifying what the user is doing.

Turning on hardware acceleration, available on Android 3.x and later, may allow animations to run more smoothly. But test well, as not all features are available when hardware acceleration is enabled for the app.

Android UI Design Tip #4. Soften the UI with Rounded Corners

Each user interface control, such as a Button or ImageView, takes up a rectangle of pixels on the screen, but it need not be a harsh, pointy-cornered deal. Soften the look of the user interface by using rounded corners on your controls -- a very Web-like style, yes, but popular with users.

Android UI Design Tip #5. Use Consistent "Lighting" for 3-D Effects

The newer versions of the Android platform use holographic styling, 3-D icons, and the like. If you are providing your own controls with drop shadows and other such styling, make sure you use consistent "lighting" -- in other words, make sure the shadows are all consistently oriented on a screen. Likewise with gradients; use consistent values in your graphics editor (such as Photoshop) to create consistent gradients and textures.

Android UI Design Tip #6. Use High-Contrast Color Schemes for Easy Viewing

You know how you cringe the first time a family member (usually of an older generation) discovers colored fonts and backgrounds, and sends you an impossible-to-read email with lemon yellow text on a white background, or fuchsia on orange? Well, some people design applications with screens that make it difficult to read or navigate. Use moderately high-contrasting color screens for easy viewing without harsh eye strain. Start with the color schemes provided as part of the system resources and work from there.


Tags: Android App development



Page 1 of 2



Comment and Contribute

 


(Maximum characters: 1200). You have characters left.

 

 


Sitemap | Contact Us

Rocket Fuel