Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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".