Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface

Doug Engelbart’s contributions to computing and human-computer interaction have been phenomenal. In what’s been named “the mother of all demos,” Doug and his team introduced the world to the mouse, video conferencing, hypertext, multi-pointer collaborative interfaces, and dynamic file linking (all in 1968!). If you’ve never watched the videos of the demo, definitely check them all out.

However, what’s often left out was an equally-important input device opposite the mouse, the chorded keyboard. Using this input, the user could type and issue key commands using only one hand. This left the other hand free to navigate with the mouse. Unfortunately, since there’s a pretty steep learning curve to using a chorded keyboard, it never really caught on.

HOW IT WORKS

A chorded keyboard works by using combinations of finger presses to signal a keypress (for example, pressing both the first and second finger down simultaneously might send an “A”, while pressing the first and third finger down might send a “B”). With 5 fingers, there are 32 possible binary combinations. Leaving out the rest state (all off), and a drag state (all on), we have 30 useful mappings. With 26 letters, that even leaves a few for high level text commands (such as space, delete, and enter).

Engelbart Chorded Keyboard touch screen interface by Teague Labs

As designers, we all know that on-screen soft keyboards are cumbersome and rather slow to use due to their lack of physical texture and haptic feedback. And with the continual rise of touch screens on phones, tablets, and laptops, we got excited about giving the chorded keyboard another chance!

Here’s what makes this little keyboard so exciting:

  • One handed use.
  • Bring it up anywhere by putting down all 5 fingers.
  • Large hit area per key (since there are only 5 keys to press) allows for blind/touch-typing operation.
  • Contextual feedback to make learning easier (possible letters are shown at each level).
  • Drag anywhere by pressing all 5 fingers down and moving your hand.
  • Cancel a mid-phase chorded keypress by pressing all 5 fingers.
  • Issuing keypress on touch-up allows users to type at any speed.

TRY IT OUT YOURSELF

Ok, enough build-up. :) If you have a tablet (android or iPad) handy,
give the chorded keyboard a try here!

Of course, this project is completely open source for you to play with and build upon. View the html and javascript source code directly in the demo to see how it works and incorporate it into your own projects.

February 8th, 2012

51 Comments »

51 Comments on “Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface”

  1. 1 Single hand keyboard for tablets - Hack a Day said at 6:02 pm on February 8th, 2012:

    [...] to hold the tablet in one hand and type with the other. That’s exactly how [Adam Kumpf] has implemented this one-handed typing interface which was originally conceived by [Doug [...]

  2. 2 Single hand keyboard for tablets » Geko Geek said at 6:29 pm on February 8th, 2012:

    [...] sense to hold the tablet in one hand and type with the other. That’s exactly how [Adam Kumpf] has implemented this one-handed typing interface which was originally conceived by [Doug [...]

  3. 3 Single hand keyboard for tablets | ro-Stire said at 6:34 pm on February 8th, 2012:

    [...] to hold the tablet in one hand and type with the other. That’s exactly how [Adam Kumpf] has implemented this one-handed typing interface which was originally conceived by [Doug [...]

  4. 4 Shane said at 8:49 pm on February 8th, 2012:

    You can actually use the on-screen keyboard with a mouse or similar pointing device by clicking and holding on your first key, and right clicking the rest of the keys for the letter, and finally dismissing the right-click menu. I was able to sucessfully type “et tu brutus” this way.

    Side note: telling me I can’t do something is a sure way to make me try.

  5. 5 Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface | neutopia | Scoop.it said at 1:43 am on February 9th, 2012:

    [...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } labs.teague.com – Today, 5:44 [...]

  6. 6 Single hand keyboard for tablets | My Blog said at 3:37 am on February 9th, 2012:

    [...] to reason a inscription in one palm and form with a other. That’s accurately how [Adam Kumpf] has implemented this one-handed typing interface that was creatively recognised by [Doug [...]

  7. 7 Single hand keyboard for tablets « Gadgets « The Depot of Talk said at 4:00 am on February 9th, 2012:

    [...] to hold the tablet in one hand and type with the other. That’s exactly how [Adam Kumpf] has implemented this one-handed typing interface which was originally conceived by [Doug [...]

  8. 8 Single hand keyboard for tablets « Hackaday « Cool Internet Projects said at 4:58 am on February 9th, 2012:

    [...] sense to hold the tablet in one hand and type with the other. That’s exactly how [Adam Kumpf] has implemented this one-handed typing interface which was originally conceived by [Doug [...]

  9. 9 SilentBob said at 9:03 am on February 9th, 2012:

    There’s still some room for 2 smaller buttons in the lower-right corner, 1 for switching to left-handed typing and 1 for switching to numeric keypad or special characters. Could be tapped by the pinky. That would make it perfect.

  10. 10 Crazor said at 1:01 pm on February 9th, 2012:

    I think this would also work great on Macs with the Magic Trackpad! There are enough gesture tools out there that show how to get the touch events.

  11. 11 Kiki said at 9:56 pm on February 9th, 2012:

    Great idea, I like that very much since the on screen keyboards are so annoying without haptic feedback. This is a much better approach and leads to fewer typos caused by misplaced fingers :)

    Please put this in the android market! And find a way to navigate with only four fingers at the same time, since some tablets (including mine :( ) have only 4x multitouch.

  12. 12 One-handed keyboard now available for touchscreens | My Blog said at 11:05 pm on February 9th, 2012:

    [...] More during Teague Labs [...]

  13. 13 Egg Syntax said at 1:35 am on February 10th, 2012:

    This is absolutely fantastic. I’ve wanted to play with a chorded keyboard for a long time. But why not take a dvorak-style approach by correlating the frequency with which a letter is typed with the ease of typing it? You’ve done that with the space-delete-return keys. But shouldn’t the two remaining single-finger keys be ‘e’ and ‘t’, with the two-finger combos being ‘a’, ‘o’, ‘i’, ‘n’, etc (http://en.wikipedia.org/wiki/Letter_frequency#Relative_frequencies_of_letters_in_the_English_language)?

    I also suspect that you could eliminate the need for the left hand by using multiple taps, eg a double-tap with the thumb puts the keyboard in shift mode; double-tap with other keys could be ctrl, alt, etc.

    Anyhow, fantastic idea and great execution. Thanks!

  14. 14 Brenda Larcom said at 2:05 am on February 10th, 2012:

    This is pretty fine. I like the automatic left-hand/right-hand switching. The documentation/hints are a bit unclear, though; I was unable to type the letter r since it seemed to be indistinguishable from space.

    Infogrip makes a nice, but not very portable, hardware chording keyboard called the BAT (http://www.infogrip.com/bat-keyboard.html). I have used the left-handed version as my primary keyboard for my laptop and desktop for more than 10 years, and type about 30 words per minute on it. They have a very nice chord layout that uses easier-to-type key combinations to type more common letters. E.g. lifting just your ring finger is awkward for many people; that key combination gets “y”. I have no idea if the key layout is patented or anything, but I would be utterly ecstatic to see it available as an alternative iP*d keyboard. For that matter, I’d be so ecstatic to see an actually portable version of the BAT that I’m in the early stages of building one in my lab. I’d love to keep in touch, or even help implement the alternative iP*d keyboard.

  15. 15 LOLpande said at 2:31 am on February 10th, 2012:

    Please add the following to the section:

    (see http://www.html5rocks.com/en/mobile/touch.html#toc-foo for why).

    I’m trying to make the demo work on my Touchpad, and that was step 1. Will update further as I make progress.

  16. 16 LOLpande said at 2:36 am on February 10th, 2012:

    The comment system ate up my html, sorry. I meant to request you to add the following (hoping this will show up):

    <meta name=”viewport”
    content=”width=device-width, initial-scale=1.0, user-scalable=no”>

  17. 17 Paul said at 2:57 am on February 10th, 2012:

    silly question, given that most tablet and especially phones are held in the left hand by right handed people, could you not add a 6th key for the left thumb and double the number of possible characters?

  18. 18 Trevor Turton said at 4:50 am on February 10th, 2012:

    In 2007 I blogged about 5 finger chorded keyboards and how they could deliver a full 100+ character set through repeated finger drops and raises, see http://trevors-trinkets.blogspot.com/2007/07/five-finger-keyboards.html
    Sounds complicated, but I also showed that on-screen cues could guide the novice user.

  19. 19 Woodslanding said at 5:52 am on February 10th, 2012:

    It would be nice if you had an option on this page to use the system with a standard qwerty keyboard, so we could practice our technique!

  20. 20 Kenneth Thomas said at 6:09 am on February 10th, 2012:

    Hmmmm.

    My mind is wondering if this can be accessed as the primary keyboard under Xdmx. That would be…

    … not tonight. Gotta get some sleep tonight.

  21. 21 Check out Doug Engelbart’s Chorded Keyboard , could be your next tablet soon! | Pcgeek.net.au said at 6:57 am on February 10th, 2012:

    [...] Doug Engelbart’s Chorded Keyboard [...]

  22. 22 Sped said at 8:31 am on February 10th, 2012:

    You can use alternative keyboards in android devices, so why not port a android application? I might even pay $ for a better keyboard….

  23. 23 martin said at 10:48 am on February 10th, 2012:

    Tested this on an Ipad2.

    Like the idea, but would need to be able to move each of the 5 pads into a position where my fingers could reach them quickly (My hand is too large)

    The five finger gesture did not work.

    Also I would prefer to have two pads for the thumb, so that I could have numbers, special characters by moving my thumb and keeping the rest of the fingers in the same place.

  24. 24 在触摸屏上实现Engelbart的单手键盘 | 橙味网 said at 10:51 am on February 10th, 2012:

    [...] [...]

  25. 25 Ken said at 4:07 pm on February 10th, 2012:

    Add shift key for caps and specials at bottom right.

    move chorded letter cues in yellow field to line below single finger key cue – gives more room for a larger font. I can’t see the letter cues!!!

    Keep one handed – there is a real need for one handed keyboards. Shift function to swap for left-handed operation?

    Option to spread it out a bit for iPhone? I think it would work!

    Keep working on it!!!!

  26. 26 Wynalazca myszki komputerowej stworzył nowy rodzaj klawiatury dotykowej. Pisanie przypomina grę akordów said at 5:00 pm on February 10th, 2012:

    [...] nowego typu klawiatury, wymyślonej przez Douglasa Engelbarta, przypomina nieco grę akordów. Pod każdym z palców dostępny mamy inny znak, możliwe jest [...]

  27. 27 Touch Screens and the Differently Abled « Deuteranomalous said at 6:42 pm on February 10th, 2012:

    [...] reading an article about the chorded keyboard. The gist of it is that in the early days of computing Douglas Engelbart [...]

  28. 28 Aaron said at 7:53 pm on February 10th, 2012:

    I have been typing with the BAT keyboard for 19 years. In fact I started working for Infogrip, the manufacturer, 19 years ago while in collage and am still here. I type about 50wpm with a left handed BAT. I also have an iPad that I wish I had a BAT on it. At 50wpm it would make my iPad a lot more useful. Unfortunately the BAT never caught on to the masses however we still produce it and sell it. Mostly because we believe in the technology and use it. As a company we can not justify the cost of developing a iOS or Droid product so if anyone has any great ideas we are all ears.

  29. 29 Steve said at 8:35 pm on February 10th, 2012:

    FWIW, the demo page works on the wife’s Blackberry Playbook, even before the Android-compatible OS update. (She’s experimenting, but finds it a puzzle to use.)

  30. 30 Chris said at 8:22 am on February 11th, 2012:

    My friend and I were discussing this tonight and we truly hope it catches on. I can really see myself using it as my only keyboard on tablets. I have to say I really hope to see this ported to android and iOS and fully open sourced because I truly believe the world could benefit from this, even if it isn’t very widely used.

    Now for our comments and suggestions which won’t be regarded by anyone:

    I’d like to see it stay one-handed, because for various reasons it is often more practical to only use one hand.

    Gestures like swipe right on space for period, and swipe left for comma would be great. And capitalizing by swiping your fingers up before you let go as well. I think simple gestures like this would make it a lot more fluid and keep the interface minimal and unobtrusive.

    I am very excited about this keyboard and hope to see it as a usable beta on tablets soon.

  31. 31 One-handed keyboard now available for touchscreens | MoJo Helpers said at 8:12 pm on February 11th, 2012:

    [...] More at Teague Labs [...]

  32. 32 Virtual Chorded Keyboard for Tablets: Piano Prose - Technabob said at 4:00 pm on February 12th, 2012:

    [...] [Teague Labs via Hack A Day] Next Post» « Home Comment » Subscribe to Technabob googletag.cmd.push(function() { googletag.display('div-gpt-ad-1319819169012-3'); }); googletag.cmd.push(function() { googletag.display('div-gpt-ad-1319819169012-4'); }); [...]

  33. 33 Ma said at 5:00 pm on February 12th, 2012:

    There should be also two finger version of this (for mobile phones). For example with seven squares one could easily access most letters and symbols with two fingers. Also two finger input would be better for phones ‘cos then one can use both thumbs (and still be able to use one handed also. Shift could be in the first five (or seven) squares to access uppercase and rarer symbols.

    Anyway, a very nice idea! I hope this gets into mobile devices fast. Hate writing with qwerty on touch screen devices.

  34. 34 Tech Reviews » HTML5 bullets: Sencha Labs issues developer scorecard for Chrome on Android said at 5:21 am on February 13th, 2012:

    [...] group of designers at Teague Labs have developed a Web-based implementation of computing pioneer Douglas Engelbart’s chording keyboard. They [...]

  35. 35 Teague Labs » Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface | SpacedMonkey | Scoop.it said at 6:14 am on February 13th, 2012:

    [...] } #themeHeader #titleAndDescription * { color: black; } labs.teague.com – Today, 10:14 [...]

  36. 36 HTML5 bullets: Sencha issues developer scorecard for Chrome on Android | Cheap Curt's said at 8:09 am on February 13th, 2012:

    [...] group of designers at Teague Labs have developed a Web-based implementation of computing pioneer Douglas Engelbart’s chording keyboard. They [...]

  37. 37 HTML5 bullets: Sencha issues developer scorecard for Chrome on Android | My Blog said at 8:59 am on February 13th, 2012:

    [...] organisation of designers during Teague Labs have developed a Web-based doing of computing colonize Douglas Engelbart’s chording keyboard. They have [...]

  38. 38 HTML5 bullets: Sencha Labs issues developer scorecard for Chrome on Android | androidless.net said at 4:19 pm on February 13th, 2012:

    [...] group of designers at Teague Labs have developed a Web-based implementation of computing pioneer Douglas Engelbart’s chording keyboard. They [...]

  39. 39 Bookmarks for February 13th through February 14th | Netweb Interactive said at 11:15 pm on February 13th, 2012:

    [...] [toread] Teague Labs » Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface – Teague Labs » Doug Engelbart’s Chorded Keyboard as a Multi-touch Interface http://t.co/cie8vcah #ipad #android #touch #demo [...]

  40. 40 HTML5 bullets: Sencha Labs issues developer scorecard for Chrome on Android | Breaking News | Latest News | Current News said at 8:08 am on February 14th, 2012:

    [...] organisation of designers during Teague Labs have developed a Web-based doing of computing colonize Douglas Engelbart‘s chording keyboard. They have [...]

  41. 41 Fascinating: Chorded Keyboard on a Touchscreen | Genius Tech Blog said at 11:39 pm on February 14th, 2012:

    [...] http://labs.teague.com/?p=1451 Category: General Updates & News / Tags: Development, UI [...]

  42. 42 Christina Engelbart said at 12:29 am on February 16th, 2012:

    Hey this is great – I haven’t tried it yet, but the concept is great. The original keyset was used by the left hand in concert with the mouse, in other words while one hand was pointing and clicking, the other was entering content or commands. Mouse buttons could also be used to extend keyset functionality. See http://www.dougengelbart.org/firsts/keyset.html for details, photos, demos…

  43. 43 » IxD Theory: Engelbert’s one-handed chorded keyboard ressurected Lisa Woods’ CCA Blog said at 5:08 pm on February 22nd, 2012:

    [...] into computers (and to others via the Internet) is currently limited by our interfaces.” So he rebuilt the chorded keyboard for touch-screen devices. (You can demo it for yourself right here in iOS or [...]

  44. 44 A Famous Inventor’s Forgotten Idea: A One-Handed Touch-Screen Keyboard | My Blog said at 12:15 am on February 24th, 2012:

    [...] information into computers (and to others around a Internet) is now singular by a interfaces.” So he rebuilt a chorded keyboard for touch-screen devices. (You can demo it for yourself right here in iOS or [...]

  45. 45 ttb said at 7:02 pm on March 12th, 2012:

    I’m really interested in this for Android 4.0. I mean, I’ll pay money for it. How about a kickstarter?

  46. 46 Bill Buxton said at 5:27 pm on March 15th, 2012:

    Adam
    Interesting project and a clever implementation of a chording device on a multi-touch screen. The use of semi-transparency is appropriate and your effort to support something akin to hunt-and-peck typing on a chord keyboard is pretty original.

    I do have a few comments.

    As you have already found out, attempting to support hunt-and-peck entry by means of labeling the keys in the way you have is already pushing the boundaries of complexity – in terms of the load of visual search – even with only 32 chords. It gets significantly worse as you add chords by means of additional keys.

    However, with what you have you could reduce the load consumed in such visual search by making sure that the characters labeling any single key are in alphabetical order. For example, on the thumb key, search would be much faster if you had “SPACE nopqrstuvwxyz” rather than “SPACE nopqrtysxwnzvu.” But it would be faster still if you simply had: SPACE n-z”. This would also provide a clue that the thumb key was only used in entering characters in the upper half of the alphabet, thus limiting searches for the lower half to 4-button chords using the 4 finger buttons.

    You describe your project as “Doug Engelbart’s Chorded Keyboard …” While Doug made a great contribution to computer interaction, and he did incorporate chording for entering text, I am curious why you did this. I ask because, other than having a 5-button chord keyboard, there is very little in common between your design and his.

    And, in fact, even the 5-button chord keyboard is not quite accurate. Doug actually used a 7-button chording system for text entry. It just happened to be split between two physical devices: the 5-button chord keyboard, and two of the buttons on his 3-button mouse. So, yes, he could enter a sub-set of the available alpha-numeric characters with one hand, using the 5-button device. But he actually typed with two hands chording using the 7 buttons. The one-handed part just emerged because he didn’t need all 7 buttons all the time (just like you don’t need the thumb button for the lower half of the alphabet. The convenient thing was that he could at least enter the lower-case alphabet using just 5 buttons – hence the origin of the claim that he could type with one hand. True, but misleading.

    If you really want to make a one-handed chord keyboard capable of entering a more useful and richer set of characters, I would recommend that you take a look at the Microwriter keyboard. The reality is, your key layout resembles it far more than Engelbarts anyhow. You would just need to add a second thumb key, which is not an issue – as it turns out. If you want to try it, there is a very small Bluetooth descendant of it, the CyKey (http://www.cykey.co.uk/). It works well with slates and can get you touch typing in about 30-60 minutes.

    If you are interested in seeing the mapping of chords to characters that Engelbart used, compared to yours, I have them both in comparable formats in the following two files:

    http://billbuxton.com/EngelbartChordMapping.pdf
    http://billbuxton.com/TeagueLabsChordMapping.pdf

    I might add that Engelbart’s mapping – a minor variation of 7-bit ascii – was not designed for east of use, so not using it was not necessarily a bad choice.
    One short question: given how few chords you had to work with, I am curious why you allocated two chords to the letter “n”.

    Chord keyboards have a long history, as does one-handed typing (for which chord keyboards are only one example). If you are interested in reading more about their history, and seeing some examples, feel free to visit the following:

    http://billbuxton.com/input06.ChordKeyboards.pdf
    http://research.microsoft.com/en-us/um/people/bibuxton/buxtoncollection/

    Thanks for the nice work and making it so accessible.

    Bill

  47. 47 akumpf said at 5:18 pm on March 26th, 2012:

    Hi Bill,

    Thanks so much for your detailed write-up and thoughts. You make some very strong points (I completely agree with letter ordering, shortening, and helping to better convey simple mental mappings for finger combinations) and I hope we as a community can keep moving forward toward chorded input that actually allows us to express ourselves more quickly and with greater depth than the current keyboard paradigm provides.

    The intention of referencing all of the way back to Doug Engelbart’s contributions was to both acknowledge the NLS team’s incredible insights, as well as move the conversation of keyboard input beyond being viewed as just a new tech gadget and more toward an evolution of a desire many have shared in HCI for decades. Your contributions are quite vast and informative as well, and I am honored that you took the time to share your thoughts. :)

    Toward a future where people, computers, and information can all be more seamless!

    Cheers,
    Adam

  48. 48 Doug engalbart | Fitnfabulous said at 9:57 am on April 4th, 2012:

    [...] Teague Labs » Doug Engelbart's Chorded Keyboard as a Multi … [...]

  49. 49 Zack said at 7:43 pm on April 13th, 2012:

    This is absolutely brilliant! I think there’s a lot of potential for this type of input method (as well as something based on sensors, similar to the way Cellulon’s Magic Cube works, except without the laser projection) to make the traditional keyboard obsolete. I’ve developed my own layout (called ASETNIOP or “ten-point”) that’s based on ten fingers, rather than just five, which allows for *much* higher speeds (up to 80 wpm) and is based on the original QWERTY layout, so it should be much easier for new users to learn.

  50. 50 Hans said at 3:51 am on April 28th, 2012:

    I do hope this experimentation continues. It seems inevitable that chording will become a key input mechanism for screen-dominated devices. I’ll be first in line when someone kickstarters an iPhone case with clicky chorders along side.

    I’m really only posting a comment to share this photo, though: http://valerielandau.wordpress.com/2010/08/10/engelbart-typing-on-the-ipad-with-the-chorded-keyset/

  51. 51 Kevin Keable said at 3:09 pm on May 4th, 2012:

    Fab, tried it – it works. A couple of small tweaks and you could touch type while you walk, without looking at the screen.

    And it could be a little simpler to use. Please contact me.


Leave a Reply