RIES voting key interface Jelke Bloem, Martin Majlis
Contents <ul><ul><li>Current situation </li></ul></ul><ul><ul><li>Usability problems </li></ul></ul><ul><ul><li>The user  ...
Current situation: Interface <ul><ul><li>Random alphanumeric code </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Short exp...
Current situation: Heuristic evaluation <ul><ul><li>General heuristics (Nielsen) </li></ul></ul><ul><ul><ul><li>  The syst...
Usability problems <ul><ul><li>Entering random alphanumeric characters </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Inpu...
Usability problems: A longer key <ul><ul><li>Bigger chance of mistakes </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Find...
The user <ul><ul><li>The user has: </li></ul></ul><ul><ul><ul><li>Keyboard </li></ul></ul></ul><ul><ul><ul><li>Mouse </li>...
Interface change ideas: sketch <ul><li>  </li></ul>
Interface change ideas: chaining <ul><li>  </li></ul>
Code representation <ul><ul><li>Higher base decrease code length </li></ul></ul><ul><ul><ul><li>8 bytes = 16 characters in...
Input methods <ul><ul><li>Keyboard </li></ul></ul><ul><ul><ul><li>lower case + upper case + numbers = 64 </li></ul></ul></...
Real World Entities <ul><ul><li>User can easily recognize real world entities  </li></ul></ul><ul><ul><ul><li>Clocks - 144...
On-line Demo <ul><li>http://jdem.cz/cxsd8 </li></ul>
Single Result <ul><ul><li>8 bytes long key </li></ul></ul><ul><ul><li>3 attempts for every method </li></ul></ul><ul><ul><...
Evaluation <ul><ul><li>User testing </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Comparing performance of different inte...
Questions?  
Upcoming SlideShare
Loading in …5
×

RIES voting key interface

722 views
645 views

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
722
On SlideShare
0
From Embeds
0
Number of Embeds
59
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

RIES voting key interface

  1. 1. RIES voting key interface Jelke Bloem, Martin Majlis
  2. 2. Contents <ul><ul><li>Current situation </li></ul></ul><ul><ul><li>Usability problems </li></ul></ul><ul><ul><li>The user </li></ul></ul><ul><ul><li>Solutions </li></ul></ul><ul><ul><ul><li>Interface </li></ul></ul></ul><ul><ul><ul><li>Code representation </li></ul></ul></ul><ul><ul><ul><li>Input methods </li></ul></ul></ul><ul><ul><li>Evaluation </li></ul></ul><ul><li>  </li></ul>
  3. 3. Current situation: Interface <ul><ul><li>Random alphanumeric code </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Short explanation </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Prompt to enter code </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Labeled text input fields </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Example image </li></ul></ul><ul><li>  </li></ul><ul><ul><li>&quot;Verder&quot; button to confirm and check input </li></ul></ul><ul><ul><li>  </li></ul></ul>
  4. 4. Current situation: Heuristic evaluation <ul><ul><li>General heuristics (Nielsen) </li></ul></ul><ul><ul><ul><li>  The system should always keep users informed about what is going on, through appropriate feedback within reasonable time </li></ul></ul></ul><ul><ul><li>  Forms and data entry heuristics </li></ul></ul><ul><ul><ul><li>When a task involves source documents (such as a paper form), the interface is compatible with the characteristics of the source document. </li></ul></ul></ul><ul><ul><ul><li>Forms are validated before the form is submitted </li></ul></ul></ul><ul><ul><ul><li>http://www.userfocus.co.uk/resources/formschecklist.html </li></ul></ul></ul>
  5. 5. Usability problems <ul><ul><li>Entering random alphanumeric characters </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Input fields similar, close together </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Transparency </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Feedback only at the end of data entry </li></ul></ul><ul><li>  </li></ul><ul><ul><li>No error correction </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Confusing example image </li></ul></ul>
  6. 6. Usability problems: A longer key <ul><ul><li>Bigger chance of mistakes </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Finding and correcting mistakes is more difficult  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Takes longer to enter </li></ul></ul><ul><ul><ul><li>More attention </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Easier to lose track of position </li></ul></ul>
  7. 7. The user <ul><ul><li>The user has: </li></ul></ul><ul><ul><ul><li>Keyboard </li></ul></ul></ul><ul><ul><ul><li>Mouse </li></ul></ul></ul><ul><ul><ul><li>Camera </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>The user is good at: </li></ul></ul><ul><ul><ul><li>Image recognition </li></ul></ul></ul><ul><ul><ul><li>Colours </li></ul></ul></ul><ul><ul><ul><li>Processing known information </li></ul></ul></ul>
  8. 8. Interface change ideas: sketch <ul><li>  </li></ul>
  9. 9. Interface change ideas: chaining <ul><li>  </li></ul>
  10. 10. Code representation <ul><ul><li>Higher base decrease code length </li></ul></ul><ul><ul><ul><li>8 bytes = 16 characters in hexadecimal </li></ul></ul></ul><ul><ul><ul><li>8 bytes = 32 characters in decimal </li></ul></ul></ul><ul><ul><ul><li>8 bytes = 13 characters with base 32 (RIES) </li></ul></ul></ul><ul><ul><ul><li>8 bytes = 10 characters with base 128 </li></ul></ul></ul><ul><ul><ul><li>logarithmic dependency </li></ul></ul></ul>
  11. 11. Input methods <ul><ul><li>Keyboard </li></ul></ul><ul><ul><ul><li>lower case + upper case + numbers = 64 </li></ul></ul></ul><ul><ul><li>Mouse </li></ul></ul><ul><ul><ul><li>Single click = 1bit </li></ul></ul></ul><ul><ul><ul><ul><li>Trick: Selecting from multiple objects </li></ul></ul></ul></ul><ul><ul><ul><li>  Gestures </li></ul></ul></ul><ul><ul><ul><ul><li>( http://detexify.kirelabs.org ) </li></ul></ul></ul></ul><ul><ul><ul><li>  Strokes </li></ul></ul></ul><ul><ul><ul><ul><li>4x4 Matrix: 16, 32 or even 64 values </li></ul></ul></ul></ul><ul><ul><li>  Camera </li></ul></ul><ul><ul><ul><li>  Bar codes ( Wiki ) </li></ul></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul>
  12. 12. Real World Entities <ul><ul><li>User can easily recognize real world entities </li></ul></ul><ul><ul><ul><li>Clocks - 144 values </li></ul></ul></ul><ul><ul><ul><li>Calendar - 366 values </li></ul></ul></ul><ul><ul><ul><li>Colors - 16 values </li></ul></ul></ul><ul><ul><li>It's easy to remember short real word then code </li></ul></ul><ul><ul><ul><li>PRO: Easy to remember </li></ul></ul></ul><ul><ul><ul><li>CON: Much more longer </li></ul></ul></ul>
  13. 13. On-line Demo <ul><li>http://jdem.cz/cxsd8 </li></ul>
  14. 14. Single Result <ul><ul><li>8 bytes long key </li></ul></ul><ul><ul><li>3 attempts for every method </li></ul></ul><ul><ul><li>Keyboard is better than mouse </li></ul></ul><ul><ul><li>Time recognition is hard </li></ul></ul>
  15. 15. Evaluation <ul><ul><li>User testing </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Comparing performance of different interfaces  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Questionnaire about the system </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Usability problems with new ideas </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Usability problems with longer input </li></ul></ul>
  16. 16. Questions?  

×