Mobile User Controls Design
Features Management
This page will be turned into a database-driven display with user voting, to take advantage of group think/wisdom.
Requirements mangement systems for assign a permanent ID to each requirement, and associate key words plus allow the same requirement to be in several hierarchies.
Visibility of what is in forground or background, with degrees of opaqueness.
Input Events on Individual Pieces of Data (Datum)
Individual controls.
EditText Text Entry Field
Provide a counter of how many characters remain.
Hide the character counter if text field is not in focus.
Speech entry.
LIB: RichEdit provides rich text editing widgets so users can enter formatted text (bold, italic, etc.). THIS IS A HIGHLY EXPERIMENTAL RELEASE.
2. Text Entry Auto Complete
Keep it private. Keep it fast.
REQ C.2.1 -
USER OPTION:
Auto-complete ON/OFF.
With auto-complete off, what users type are not saved.
This offers better privacy, saves storage space, and limit processing for faster responsiveness.
Phone
Do not assume phone area code is where user is located.
Suggest area code by state.
Phone Type
Choice of several types of phones (Mobile).
Email
Verify presence of @ character.
Provide buttons to auto-populate from first and last name.
Underline button puts an underline between first and last name.
Dot button puts a dot between first and last name.
4. Numbers
An improved NumberPicker came with Honeycomb.
Counters
Provide a counter of how many characters remain.
Hide the character counter if text field is not in focus.
Controls (Accessibility)
1. ImageButton and Icons
It's a smaller screen. Make buttons big.
REQ C.1.1 -
Buttons should be at least 40x40 pixels.
When a button icon is shown, if possible recognize surrounding area or entire relevant section as part of that button.
REQ C.1.2 - If a button turns a stream on or off (such as play/pause music), change the button rather than having users click on separate play and pause buttons.
REQ C.1.3 - The stop stream toggles from temporary to permanent stop.
REQ C.1.4 - Forward / Backward buttons have hold functions for fast forward / backward.
APP:
Androidify (from Google)
Customize your own Android icon. See
Androidify.com,
Gestures
Finger trace (mouse) swipe movements.
drag and drop
scale
Gestures in 3D space.
Rating Bar
Define whether this better than that.
REQ 18.2 -
Label each rating using localized text upon long touch.
So that I have something to take my mind off the fact that this is so slow:
REQ 18.2 -
Label each rating using localized text.
3. Checkbox
Don't force me to be accurate. REQ C.3.1 - Tapping the text associated with a checkbox should select the checkbox.
Radio Group
Spinner
-
5. Color Picker
Opposite is ... opposite.
REQ C.7.2 -
When a color is picked, calculate the complimentary and secondary colors
associated with that color.
Text Switcher
-
Search Bar (Seek Bar)
Requirements for Text Fields apply to this.
Keyboards
To enter text, numbers, symbols.
Speech Entry
To translate speech into text, numbers, symbols.
Chronology
Time-related
6. Date Calendar
Use a separate Calendar Intent to populate
7. Date
Localization-related.
REQ C.5.1 -
USER OPTION:
Date format
An improved DatePicker came with Honeycomb.
8. Dated Timeline
History
9. Chronometer (Watch)
OpenIntents?
REQ C.9.2 -
USER OPTION:
Time AM/PM or 24 Hour
Progress Bar
So that I have something to take my mind off the fact that this is so slow:
REQ 18.2 -
Show Progress Bar for what may take more than 1.5 seconds.
Animation
Changes over time.
Time Zone
Allow for logic to change each year (such as in Brazil).
Some countries (China, India) have a single time zone.
GMT + or -
Daylight Savings logic.
time zone data in RFC2445 VTIMEZONE format.
Geography Organization Helpers
Location-specific
These are text field types, programmed as an OpenIntent for Geographical designations.
Country
Provide several options: Map, Spinner, Auto-complete text field.
Country Region
User defined (Red State/Blue State).
In the US, southern state or western state northern state
Province/State of Union
Provide selection of province or state for the country selected.
Address
Note whether POBoxes are allowed.
Provide option to verify address using USPS and other services.
Address Type
Choice of several types of addresses, labeled by user-selectable text.
Postal Code (Zip Code)
Different for each country.
Navigation using Spatial Organization Helpers
Space-related
SPEC: After user fills out a field, the title/header for that field is removed from sight.
Layout
Layout Animation -
Menus
LIB: custmenu from Mark Murphyf
WebView
A window for web browsing.
9. Gallery
Picture show.
REQ 2.2 -
Lists expandable.
Tabs
Action Bar
Scroll Bars
Horizontal, vertical, z.
Lists
Wait ... there is more.
REQ 2.2 -
Allow users to add to list. Make lists expandable.
Colorful
REQ 2.2 -
Associate icons with items.
Check boxes to selectively pick items
Check box to pick all.
Assign a unique number to each number that does not change
Auto-maintain the sort sequence number of each item on list.
Allow several several sets of sort sequence numbers.
An improved StackView came with Honeycomb.
Tree Hierarchy
Image Drawing
Boxes and circles.
ImageSwitcher - ImageView
User Controls
| Android | API Demo |
|---|---|
| Animation | - |
| Auto Complete | - |
| Buttons | - |
| Chronometer | - |
| Controls | - |
| Custom | - |
| Date WIdgets | - |
| Expandable Lists | - |
| Focus | - |
| Gallery | - |
| Grid | - |
| ImageButton | - |
| ImageSwitcher | - |
| ImageView | - |
| Layout Animation | - |
| Layouts | - |
| Lists | - |
| Progress Bar | - |
| Radio Group | RadioGroup1 |
| Rating Bar | - |
| ScrollBars |
ScrollBar1
ScrollBar2 |
| Seek Bar | - |
| Spinner | Spinner1 |
| Tabs | - |
| Text Switcher | - |
| Visibility | - |
| WebView | - |