Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

788 views

Published on

Published in: Business
  • Be the first to comment

  • Be the first to like this

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?  

×