Things start when the mouse pointer enters the central circle. Pick the set of characters you want with the zone you first enter; where you go from there -- before ending again in the circle -- determines which character from that set is displayed. For example: after going from the circle to the top-left zone: > moving to middle-left then into the circle would display "m" > moving to the bottom left then into the circle displays "q" > moving to the top-middle then to the circle would display "s" > moving to the top-right then to the circle would display "k" Things are similar for edge zones, for example: > going from the circle, to left-middle to top-left to circle displays "h" > going from circle to left-middle to circle displays "e" > Going from circle to bottom-left to circle displays "c" Entering the central circle ends the last letter and starts the next, so this must be done between each sequence of strokes for different letters.
Quikwriting was one of the ideas put forward for text entry to touchscreen devices; it can be quite fast but takes a while to get used to. It was designed for a stylus but it's interesting to have a go at even with a mouse or trackpad; the idea still comes though. Originally, words would be continuously flowing until the stylus came off the screen, but to avoid the need for almost-constant clicking+dragging, there is a key for "space" -- the box with its corner hashed -- which makes everything a bit easier. Backspace is represented by the arrow in the top-middle zone. This may seem complicated but instinct for this can be easily acquired. There are videos of demonstrations from keyboards similar to this one -- which I found on Google Images and modified slightly -- on Youtube. This does require on some "touching colour" blocks, just to save time, so this may not work perfectly online. More can be read on Quikwriting here: https://mrl.nyu.edu/projects/quikwriting/Quikwrite2.html