Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

The design guideline for Android action bars is to left align the text or branding of the app, as opposed to center alignment in iOS.

Comparison of action bars in Android and iOS

Other than the fact that it increases familiarity with other Android apps and is a part of the guidelines, I'd like to know what led to Android using the pattern and what are it's merits? Is it an iterative improvement from an older guideline?


Guidelines for Action bar


Slide from Android Design in Action (Slide source: ADIA)

share|improve this question
    
The only way you'll be able to get a definitive correct answer to this that's not just pure speculation (as this type of question tends to attract) is if someone references the Android Developers Design site which rather begs the question, have you not checked there already? –  JonW Jan 24 at 13:48
    
@JonW That's true. Was hoping to get an answer from the perspective of the major design changes Android went through Jellybean onwards. I've scoured the Design site, but the second image is the closest I got. –  abhinavc Feb 3 at 21:02
add comment

2 Answers 2

up vote 3 down vote accepted

I've actually just dealt with this subject in a mobile-optimized web-app where the designers were too used to iOS and aligned the title in the center without considering alternatives.

One of the advantages of aligning the activity title on the left is mainly that it saves space. It creates a logical cut-off point if the title gets too long or if the screen gets too small. In Android, the rules are pretty simple: Cut it off if the title extends past the center of the screen. That leaves the entire right half for Action Bar buttons. (Further space is saved by consolidating the "Back"/"Up" button and the activity title).

Compare the title bars of Android that you provided with 4, 3, and 2 buttons to the iOS equivalents, which only have 2 each.

Are more buttons better? That's the real question.

share|improve this answer
    
Thank you for your answer! Provided me good insight for further thinking. –  abhinavc Feb 3 at 20:50
add comment

Another possible reason I could think of is the nav drawer's interactions through the action bar.

Left aligning allows for a larger clickable area that is more likely to be noticed and interacted with.

Examples of small and bigger clickable area

share|improve this answer
    
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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