UX Design
Application Setting in Tablet
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.