Alternative layout/behaviour for presenting and progressing material

[didoesdigital]

Overview

At the moment, Typey Type shows lesson material as one long row of text, clipped on the right-hand side. When a word is completed, the row shifts along and the next word becomes the "current" material.

There are alternative options for presenting material we could explore for different benefits and preferences.

For example: #59

I would personally really like … the text is scrolling in a centered container and the steno hints might be situated at the bottom below the box

Problem

• Over about 80–120WPM, it becomes difficult to visually track the upcoming material and newly progressed current material. This makes it difficult for methods of practice like this: http://www.justlearnmorsecode.com/koch.html
• Some folk report finding it uncomfortable to stare at one place on the screen for the current material and would prefer to move their eyes along.
• The current behaviour is quite different to usual typing behaviour where the words appear across the page as you type and eventually wrap (or page/scroll across in jumps). The behaviour could more closely match typing behaviour for more realistic practice.

Considerations

• Aim to keep the steno diagram/brief hints close to the words to be typed. This matters more for beginners at low speeds.
• Aim to minimise page layout jumping that could be distracting.
• Typey Type uses a fixed-width monospace font that could be used to our advantage for calculating layout and text positioning.
• Could or should the layout/behaviour be a user setting?

Approaches

TODO

[TilBlechschmidt]

One of the core challenges will likely be how typos should be displayed. Having one large block of prose text as opposed to a single line of words requires a different method — the user has to be informed that he made a typo, what the typo is, and what the expected word should look like. Condensing this information (either inline or in a separate line) will be crucial for alternative layouts.

There are a lot of approaches out in the wild. Here are a couple of examples:

StenoJig

---

MonkeyType

---

10fastfingers.com (least information, only displayed once pressing "space")

[didoesdigital]

It exists! Multiline layout option was added by v9.6.0

This lets you:

• see the first three lines of content,
• scroll the entire lesson, and
• move your eyes across the page as the lesson progresses instead of fixing your eyes in one place and having the words move.

In the settings panel, under "Upcoming words", you can change it from "Single line" to "Multiline"