I'm currently designing UI/UX of a mobile app for android. I'm now stuck with not knowing where to start. Are there any layout, aligning style conventions for android design like in IOS? I have looked around and it's kinda confusing because it's for different sizes, different OS's. Generally everything seems vague. I will appreciate any help or advice. P.S. I have looked at the guidelines on android dev, which to be honest confused me even more with dpi thingy. If anyone can explain how it will actually work on dev, that would be great.

  • Rather sounds like a question that cannot be answered. Look at the guidelines, and at sample apps that either are successful or which you like. And - as we say - "use case breaks guideline", so if you have a special interaction need, you have to invent it yourself. That's what happened on the iPhone, at that time. And the DPI thingy is technical, and not concerned with interaction or design - maybe better fitting to stackoverflow.com. – virtualnobi Nov 29 '13 at 11:03
  • 1
    I've given you a basic answer but this question is going to be too broad to answer in it's current format. Are there specifics you were interested in? – KitP Nov 29 '13 at 11:06
  • @virtualnobi: Please don't suggest this be asked on Stackoverflow.com It's totally unsuitable for that site. They would want to see the individual pieces of code that the OP has tried to rectify the issue, and specifics behind what is required. This is far too broad to ask over there and would be downvoted, closed and deleted. Please only suggest sites that you are a very active member of (>3,000 reputation) when suggesting people post questions elsewhere. – JonW Nov 29 '13 at 15:13
  • KitP thank u so much for you answer! It's perfect! and you are awesome! You have no idea how hard to find those link u have provided! Is it ok if I ask some more questions as I go? – Nurka Kindova Dec 5 '13 at 4:52
  • JonW the question is answered as u can see. The fact that u closed it is inappropriate and not nice of u. – Nurka Kindova Dec 5 '13 at 4:57

Android is not as hard to work with as people think, it just requires a little more effort!

The best place to start looking is the actual Android design guidelines which can be found on the Android developers site but it's designed purely for Android designers.

The basics are:

  • Android is broken down into different "versions" which are exactly the same as iOS's versions insofar as they are when new iterations have been released, (like iOS 6, iOS 7 etc), these are named two ways, by a number system which donates the version and the iteration (like in computer software, so you'll have version 4 iteration 4 or 4.4) and by a little name to make it easy to diferentiate (like Ice Cream Sandwich or Kit Kat, not dissimilar to the way Apple names it's Mac updates)
  • As Android can run on a variety of handsets there are lots of different screen sizes to take into account (you can see the most common ones here, the site is updated every two weeks). However it's not the screen size that determines how much will fit on the screen but the size and density (resolution for lack of a better term). DPI is basically a way of telling how big the screen is, an MDPI screen fit less elements on it than an XHDPI screen, regardless of the physical size of the screen. However, this isn't something that most UI/UX designers need to worry about as they only need to be aware that their design won't look the same on every device.
  • Designing for Android is not dissimilar to designing for responsive web, things will change because of the screen sizes etc but also you don't have seperate apps for tablets and phones but one app which re-arranges the screen using something called fragments (in it's most basic form each screen is a fragment and when working on a tablet you can put two or three phone screens next to each other).

Android phone screen
Android phone screen showing a list view which would lead to an item view

Android Tablet Screen
Android tablet screen showing list view and item view

  • Android uses an action bar which allows the most commonly used actions to be placed at the top of the screen in an icon format.
  • Reading the Building Blocks page of the Android Design site can give a basic overview of how Android works

There are a couple of sites which give you an overview of how to go about designing for Android

  • Smashing Magazine has a great article on Android design, it's a little old but it explains the basics very well
  • Mobile Smashing Magazine also has an in-depth look at how to design for Android
  • Meng To has some insights onto the differences between iOS and Android
  • I have a list of things to do AS you design to ensure that you don't become de-railed.
| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.