4.1b6 iPad Unlock Screen Aesthetic Issue

Penelope Pitstop

This is a very minor issue indeed but, given the effort you have put in to polish the UI, I thought it worth mentioning.



The text "Enter Quick Unlock Code" appears to be positioned oddly in the unlock screen input field on iPad.



[img]https://www.evernote.com/shard/s2/sh/6f5de78c-b68e-4356-bcb2-c8a0f49b1f43/d20655debf97095f8e18af117573eec9/deep/0/Photo%20Skitch%20Document.jpg[/img]



I think it should either be centred in the field or made consistent with the prompt for the Master Password:



[img]https://www.evernote.com/shard/s2/sh/507e7b9b-4428-4251-90e2-2ab7b65a3b90/53ffe27d0a97b2c76bb1ab67e1d50f98/deep/0/Photo%20Skitch%20Document.jpg[/img]



On the iPhone, the text is centred in the box and I think this is the most pleasing appearance except that the insertion point appears at the left of the text and, when you start entering the code, the insertion point shifts to the middle of the box which feels odd.



How picky am I? <img src='http://forum.agilebits.com/public/style_emoticons/<#EMO_DIR#>/smile.png' class='bbc_emoticon' alt=':)' />



[img]https://www.evernote.com/shard/s2/sh/4e3dbe6a-36c6-40b2-a372-8038e3457ab5/5020a849bb33c0c078310143a4b89848/deep/0/Photo%20Skitch%20Document.jpg[/img]

Steve Joyner

I'd like to expound upon this topic.



I agree with Penelope on the aesthetic issue. But I think it goes beyond that. It's also a matter of logic and an intuitive interface.



Consider that...[list]

[*]the [b]Quick Unlock Code[/b] is four digits (like a PIN code)

[*]when Quick Unlock Code is turned on, the user is presented with a the screen below:

[/list]

[center][img]http://www.scjoyner.dreamhosters.com/3rdparty/pin.png[/img][/center][list]

[*]there are [b]four square fields[/b] shown, indicating that the PIN code should be four digits. (Obvious!)

[*]the user is presented with a numeric keypad to enter the PIN. (Obvious!)

[/list]

Once the Quick Unlock Code is turned on and a [b]4 digit code is entered[/b], the user is presented the screen below:



[center][img]http://www.scjoyner.dreamhosters.com/3rdparty/fieldblock.png[/img][/center]





As can be seen, the user is presented with a text field (similar to the masterpassword unlock screen) and a numeric keypad



[b]So, the question...[/b]



Why is the user not presented with a screen similar to the first one (above) with four square blocks and a keypad?

Why not be consistent?



By presenting the 'four square blocks and a keypad' screen, you provide the user with an [b]instant visual cue[/b] that he is being prompted for a 4 digit pin (i.e., the Quick Code). No need for him to read "Enter Quick Unlock Code," no "pregnant pause." The "password" (quick code versus masterpassword) is [b]immediately obvious because the screen is visually distinct[/b] for the other.



Here's a mockup:



[center][img]http://www.scjoyner.dreamhosters.com/3rdparty/finalmockup2.png[/img][/center]

Steve Joyner

[color=#ff0000][b]Note to forum admin:[/b][/color] This topic has been expanded to refer to both iPhone and iPad. (The current tag is [b]iPad[/b])

roustem

Great feedback. Thank you!

Steve Joyner

@roustem



FYI -- your "Agile Blog" link does not go to the Agile blog (blog.agilebits.com). It goes to agilebits.com.