/documentation/videos/02-strokes

http://eyes-free.googlecode.com/ · #! · 60 lines · 50 code · 10 blank · 0 comment · 0 complexity · 0bd9fe680e392adb07593e724bfd485a MD5 · raw file

  1. # -*- mode: org -*-
  2. * [[http://www.youtube.com/watch%3Fv%3DMu5FCQmtdJU][Video: Stroke Dialer For Eyes-Free Keypad Input]]
  3. The /stroke dialer/ enables one-handed keypad input using the
  4. touch-screen --- and that without having to even look at the
  5. screen. Here is how it works --- we start with a brief
  6. description of the problem that asks the /right/
  7. question. The answer becomes self-evident as you follow this
  8. video.
  9. ** The Problem
  10. On-screen keyboards typically show some buttons on the screen
  11. that you activate by touching the screen. To activate such
  12. buttons, one needs to look at the screen, because the buttons are
  13. placed at specific points on the screen, i.e., they are
  14. /absolutely/ positioned. So what if you want to activate such
  15. buttons /without/ looking at the screen?
  16. From the foregoing description, it's clear that the only reason
  17. one is forced to look at an on-screen keyboard is because the
  18. buttons are /absolutely/ positioned. So let's relax that
  19. constraint, let's use /relative/ positioning to place the
  20. buttons.
  21. We'll start with a keyboard we're all familiar with, the
  22. telephone keypad. Since we're using relative positioning,
  23. let's place the center of the keypad /wherever/ you first
  24. touch the screen.
  25. So, to dial a _5_, you just touch the screen.
  26. Now, you know where _5_ is --- it's where you first touch
  27. down. But look, since you know the layout of a phone keypad, you
  28. can now find all the other digits /relative/ to the _5_. So for
  29. example, _2_ is directly above _5_ --- so to press _2_, you
  30. touch down on the screen, and stroke up before lifting your
  31. finger.
  32. similarly, you stroke down for an _8_, or diagonally up for a
  33. _1_.
  34. In real life, we both /hear/ and /feel/ as we press physical
  35. buttons. This form of synchronized auditory and tactile feedback
  36. is essential for creating user interfaces that /feel/
  37. realistic. The stroke dialer produces a slight vibration as the
  38. finger moves over the various buttons that is synchronized with
  39. an auditory /tick/ to achieve this effect. It also produces
  40. spoken feedback to indicate the button that was pressed.
  41. To conclude this video, let's dial a few numbers.
  42. #+TITLE: Video: Stroke Dialer For Android
  43. #+AUTHOR: T.V Raman
  44. #+EMAIL: raman@google.com
  45. #+DATE: 2009-03-30 Mon
  46. #+LANGUAGE: en
  47. #+OPTIONS: H:3 num:t toc:nil \n:nil @:t ::t |:t ^:t -:t f:t *:t
  48. #TeX:t LaTeX:nil skip:nil d:nil tags:not-in-toc +LINK_UP:
  49. #http://eyes-free.googlecode.com/svn/trunk/documentation/videos/index.html
  50. #+LINK_HOME: http://eyes-free.googlecode.com/