Android UI Design
Lights Out Mode
If the user hasn’t interacted with any of the controls after a short period of time, automatically fade away the action bar and all system UI affordances so the user can lean back and enjoy the content. We call this lights-out mode.
Deleting data from a List
– Provide Icon for Delete / Edit in Action bar
– Tap on it and screen presents list of records with checkbox for each record. Up icon is displayed. Done and Cancel Icon or button are displayed in the action bar. Up (<) Icon can also be used for Cancel.
– User tap on Done then prompt for confirmation
View List of records
View contacts with checkbox for selection
Confirmation Dialog to confirm the deletion
Add Option in Content Area
Slider for showing and hiding contents
Options/actions can shown when required and hidden when not. This is for making the main content having more area to play around.
Shows Editing options/icons when required and can be hidden using Slider pattern.
Refresh Icon in the Main Screen
Pull to Refresh
Refresh Icon in Action Bar
Actions on List / Grid collection
Actions on a data item of list view or grid view
Notes/Observations:
-
Display prominent actions directly on list view items using drop-downs
-
This lets people invoke actions on data without having to navigate all the way down the hierarchy.
-
This could have been handled by navigating the user to next screen and then take the action. We avoided that step by following this pattern.
Status Bar Notification – Expanding Notification Message
In Jelly Bean we can show the first few lines of a message or show a larger image preview. This provides the user with additional context, and – in some cases – may allow the user to read a message in its entirety. The user can pinch-zoom or two-finger glide in order to toggle between base and expanded layouts. For single event notifications, Android provides two expanded layout templates (text and image) to re-use in the application.
