Designing For Successful Android Tablets (Part 2)

Word Count: 636
Total View: 138

Much more than ever, designers are asked today to create experiences for a variety of different mobile devices. With tablet adoption increasing and we move into the post-PC world, companies are now competing for user attention with the quality of their experience. Designing successful apps for Android tablets requires a great concept that encourages downloads, additional usage and retention. But it also requires that Android users enjoy an experience that is intuitive and native to the environment.

Android Tablets

The following will help designers become more familiar with Android tablet app design by explaining some of the differences between the iPad iOS user interface and Android’s 3.x “Honeycomb” UI conventions.

SETTINGS

Access to settings in an iPad app usually are presented in a pop-over that’s triggered by an “i” button; while settings categories are usually broken up into tables for easy visual identification. Honeycomb has a different convention. As a matter of fact, It looks more like the iOS’ “General Settings” screen, where the user navigates categories on the left and can view details on the right. This is the preferred, and much more elegant way to present multiple settings in Honeycomb.

UI ELEMENTS

As you might imagine, Android goes to great lengths to do everything completely different from its competitor. Honeycomb, therefore, has its own UI conventions, and it now has an unusually unique “holographic UI” visual language, making such routine actions as picking a time and date, selecting an option or setting the volume easier to navigate. Understanding this UI language is very important to building screen flows and creating layouts.

FONTS

The iPad 4.3 makes a total of 57 fonts available for you to use in your design. Android employs just three, but while only these three actually ship with the platform, developers can bundle any other fonts they like with their apps. Luckily for designers who are already familiar with the iPad, the two platforms do have a few similarities.

TOUCH GESTURES

Here they are: Tap, Double-Tap, Flick, Drag, Pinch, Rotate and Scroll all you like.

SPLIT VIEW AND A MULTI-PANE UI

Split view is one of the most common layouts for Mobile website. You can have two side-by-side panes and add many more if you like for more complex layouts.

EMBEDDED MULTIMEDIA

Both platforms allow embedded maps, audio and video.

CLIPBOARD

Clipboard is available for both apps for copying and pasting data in and out of applications.

DRAG AND DROP

Both platforms have capabilities for drag-and-drop.

Android’s Honeycomb continues many of the design patterns that were introduced in Android 2.0, and even expands on them. In case you’re not familiar with design patterns, Android defines them as a “general solution to a recurring problem.” Design patterns are KEY UI convention designed by Android to help unify the user experience, and also to give designers and developers a template to work from, and they’re also customizable.

ICON OR LOGO

The action bar starts with an icon or logo on the far left. It’s actionable by simply tapping on it and the user is directed immediately to the app’s home screen.

NAVIGATION

For navigation, Honeycomb uses a triangle graphic to indicate a drop-down menu, and a series of underlines for tabs. These typically take up most of the action bar’s real estate. Sometimes a left arrow button will also appear to the left of the icon or logo, or the label, to navigate back or cancel a primary action.

COMMON ACTIONS

Common Actions gives users such things as search, share and an overflow menu. They’re always positioned to the right of the action bar, and away from any tabs.

This concludes Part 2 of our 3-part series, Designing for Successful Android Tablets. In Part 3, we will continue our discussion on Android design with the Overflow menu, Search, and Contextual actions.

One Response

  1. Collette August 15, 2014
Games Security
eCommerce
The Million-Dollar Question of eCommerce: How to Get Repeat Business?
Telephone System
Office Telephone System: How to Choose the Right One for Small Enterprise
Internet Marketing
Top-Most Internet Marketing Strategies on the Go
External Giveaway Freebie TechnoGiants Giveaway
MacXDVD
Freebie: MacXDVD Gives Away 10K Free Copies of MacX Video Converter
Flipbook
Giveaway #40: FlipHTML5 Flipbook 3-months Platinum Plan Subscription
iCare Data Recovery Pro
Giveaway #39: iCare Data Recovery Pro Free Download with License Key
Android iPhone
Travel App
5 Apps You Need to Pack for Your Next Vacation
Android Phone
5 Tricks to Speed Up Your Slow Android Phone
Money Online
Great Ways to Earn Money Online With Your Smart Phone
Adsense
On Page Optimization
Understand the effectiveness and important of On Page Optimization
Search Engine
Why Content Marketing is the New Key to Good SEO
Outsource SEO
5 tips that will help you with SEO Outsourcing
MAC Software
Hiring Software
How to Get the Most Out of Your Hiring Software?
DVD Copy
How do you copy DVD with DVDFab DVD Copy Software?
Able2Extract Professional 11
6 Time-Saving Tricks: Featuring Able2Extract Professional 11
Blogging Social Media
Time Management
8 Time Management Strategies for Fellow Bloggers
WordPress
7 Pros and Cons of WordPress for Blogging!
eCommerce
How to Set Up an eCommerce Store Using WordPress in 7 Steps
Email Marketing
Infographic: The Giant Email Marketing Statistics Guide
Ecommerce
Infographic: How to Create Your Ecommerce Store With Magento
Ways to Backup iPhone
Infographic: Ways to Backup iPhone – Avoid iPhone Data Loss
Debit cards
The Rise in use of Credit/Debit cards in India after Demonetization