jerdog · Aug 17, 2012 at 10:30 am

Android UI Design Patterns for Devs Looking to Standardize

One of the common concerns users have about Android apps is that they all tend to look and operate differently on core functionality. Some of them utilize the hardware/capacitive/onscreen buttons one way, while others ignore them entirely while choosing to use their own buttons in the app, etc. Add in the discussion about Android being or not being fragmented, and users have a pretty strong case for wanting increased application consistency.

Late last year, Google addressed these concerns when they published their Android Design Guidelines. The goal was to provide a good set of standards and baselines for creating apps that maximize not only Android’s more polished UI, but also a better User Experience (UX). XDA Forum Member ghost_301 decided that app designers and developers needed a good resource for all stock elements of Android 4.x into a single file for easier mockups.

…the main motivation of doing this is just to provide some stock elements of Android 4.0+ (Ice Cream Sandwich/Jelly Bean) in a single .psd file so app designer can really focus on creating awesome mock up to show their developers/clients. Some of the elements (very minor though) are just single layer of image, but they should be pretty adequate for quick mock up purpose.

In his design kit, he includes two PSD files, entitled Building Blocks and ADT.

In Building Blocks, it contains most, if not all of the stock ICS/JB UI elements that can be used to build an app mockup in Photoshop. Most of them covered both Holo Light and Holo Dark themes, so you can easily drag and drop the properly grouped UI elements to your app design.

As for the ADT (not to be confused with the Android Development Tools which is a plugin for the Eclipse IDE), it serves as a starting point for the app designers/developers of the app design. You have the choice to select the design template that start with different amount of tabs and holo theme, and the design in Photoshop starts from there.

For more information on the Design Kit and how to put it to use in creating stellar applications to then share with the community, visit his blog post.


_________
Want something on the XDA Portal? Send us a tip!
TAGS:

jerdog

jerdog is an editor on XDA-Developers, the largest community for Android users. Jeremy has been an XDA member since 2007, and has been involved in technology in one way or another, dating back to when he was 8 years old and was given his first PC in 1984 - which promptly got formatted. It was a match made in the stars, and he never looked back. He has owned, to date, over 60 mobile devices over the last 15 years and mobile technology just clicks with him. In addition to being a News Editor and OEM Relations Manager, he is a Senior Moderator and member of the Developer and Moderator Committees at XDA. View jerdog's posts and articles here.
Jimmy McGee · Jul 6, 2015 at 06:00 am · no comments

IonVR Coming Soon, HTC M9 Dev Edition Gets Android 5.1 – XDA TV

The HTC M9 Developer Edition has received Android 5.1. That and much more news is covered by Jordan when he reviews all the important stories from this week. Included in this week's news is the announcement of IonVR and be sure to check out the article talking about the OnePlus Cardboard price (Hint, it's free). That's not all that's covered in today's video! Jordan talks about the other videos released this week on XDA TV. XDA TV Producer TK released an...

XDA NEWS
Mario Tomás Serrafero · Jul 5, 2015 at 11:00 am · 3 comments

Sunday Debate: Which Factors Caused HTC’s Woes?

Join us in a fun Sunday Debate on HTC's situation. Come with your opinions and feel free to read some of our thoughts, then pick your side or play devil’s advocate to get your voice heard and engage in friendly discussion. You can read our food-for-thought or jump straight into the fray below!     HTC is underperforming, and there isn’t much of a way of denying this. In April, their revenue nearly declined 40%, plummeting after the HTC One M9 had...

XDA NEWS
Mathew Brack · Jul 4, 2015 at 05:07 pm · 4 comments

HTC’s New Ad Campaign And What It Really Means

HTC has just released three new blind test adverts comparing app loading speed, audio and selfies. Whilst you are surely astounded that HTC won every time, the tests were incredibly biased and their release shows something concerning about the company and how they are performing in the current market.     One of the many reasons companies tend to utilize blind trials is when they feel that their product is comparable or better than its competitors. This leads to the assumption...

XDA NEWS
Share This