...
| 1. Billy wants to enter his username "BILLY". He moves up/down until 'B' is selected. Then presses the right arrow to insert 'B' and advance the cursor. |
| 2. The cursor now points to the second position in the text box. The character selector retains its last selection, so it is still at 'B' (this is to avoid state changes that the user would not anticipate and allow easy typing of double letters). Billy pages down until he sees 'I', selects it and moves right. He repeats this for 'L', 'L', and 'Y'. |
| |
| 3. Billy has finished entering his username and presses 'select' to move on. He is now at a new textbox in which he must enter his password "CACTUS". He follows the same process as for his username. The only difference is that this time every character that he inserts changes to an asterisk after one second. Moving the cursor reveals the character that it is under for exactly one second before it turns back into an asterisk. Billy scrolls down to 'C', then presses the right arrow. A plain 'C' is visible in the textbox for one second before turning into an asterisk. Billy forgot which character he just typed, so he presses the left arrow, moving the cursor under the first character in the textbox. The 'C' is revealed for one second before turning back into an asterisk. |
| 4. Billy has finished entering his password and presses select. He is now in the movie search field and wants to search for 'TERRAFERMA'. This textbox supports auto-complete (with a list of available movies). As Billy begins typing, the most likely entry (by whatever metric the source of the auto-complete items provides) that has as a prefix what Billy has already typed appears in the textbox. Whatever has been autocompleted appears in a greyed out color. Billy can hold select at any time to accept the auto-complete item or simply press select to search only based on what he has typed. Billy types 'TER' and the autocomplete mechanism suggests 'TERMINATOR' as the most popular entry with prefix 'TER'. In the textbox, 'MINATOR' appears in grey after what Billy has already typed. |
| 5. This is not what Billy wants, so he continues typing and enters 'R'. Now auto-complete suggests 'TERRAFORMA' so Billy holds select to choose that Movie.
|
2. Binary Search Letter Selection
Inspired by the commonplace algorithm, this design would be a binary or tertiary search on the next desired letter. Below are three potential visualizations of this, where a user would use the left or right arrow keys to narrow in on the desired letter. All three diagrams show the same progression of selection an “N”.
Image Added
Binary Search 1. Initially Billy is given two options "A-M" or "N-Z". By hitting the "right arrow", two nodes appear under "N-Z" further dividing the letters into "N-T" or "U-Z".