KeyRush startete auf iPhone und Android. Als wir beschlossen, es auf Chrome zu portieren, standen wir vor der Wahl: Entweder die bestehende App in eine plattform\u00fcbergreifende Schicht zu verpacken oder sie f\u00fcr den Browser neu zu schreiben. Wir haben sie neu geschrieben und dabei von der Android-Version portiert. Reines JavaScript, Manifest V3, kein Framework und kein Build-Schritt. Hier sind die Erkenntnisse, die wir dabei gewonnen haben.<\/p>\n
Auf einem Smartphone ist ein Tipptrainer nur eine Ann\u00e4herung. Die Bildschirmtastatur ist gleichzeitig Eingabeger\u00e4t und Lernobjekt, was eine etwas seltsame Situation darstellt. Im Browser hat der Nutzer eine echte Tastatur unter den Fingern \u2013 genau das, was die App ihm beibringen will.<\/p>\n
Das hat sich st\u00e4rker ver\u00e4ndert, als wir erwartet hatten. Die Tastaturlayouts unterscheiden sich je nach Land und Ger\u00e4t. Es gibt Modifikatortasten. Die Nutzer halten Tasten gedr\u00fcckt, dr\u00fccken zwei Tasten gleichzeitig oder wechseln mitten in einer Sitzung das Layout. Auf einer physischen Tastatur macht sich jede noch so kleine Ungenauigkeit im Trainer sofort bemerkbar, sodass wir viel sorgf\u00e4ltiger darauf achten mussten, was als korrekter Tastenanschlag gilt.<\/p>\n
Wir haben die Bildschirmtastatur beibehalten, aber ihre Funktion hat sich ge\u00e4ndert. Auf einem Smartphone dr\u00fcckt man darauf. In der Erweiterung dient sie als Orientierungshilfe: Sie hebt die Taste hervor, die man als N\u00e4chstes dr\u00fccken sollte, sodass man den Blick auf den Bildschirm richten kann, anstatt auf die H\u00e4nde. Das ist der Sinn des Blindschreibens, und der Browser hat es uns erm\u00f6glicht, dies ernst zu nehmen.<\/p>\n
Smartphone-Bildschirme gibt es in einer Handvoll Formen. Browserfenster hingegen k\u00f6nnen jede erdenkliche Form haben. Ein Popup-Fenster einer Erweiterung ist schmal und kurz; ein vollst\u00e4ndiger Tab kann hingegen riesig sein. Dieselbe App musste in beiden F\u00e4llen sinnvoll funktionieren.<\/p>\n
Deshalb bieten wir beides an. KeyRush \u00f6ffnet sich als Popup-Fenster f\u00fcr einen schnellen Test und als vollwertiger Tab, wenn du Platz f\u00fcr Lektionen und Wettl\u00e4ufe brauchst. Mit Alt+Umschalt+K l\u00e4sst es sich \u00f6ffnen, ohne zur Maus greifen zu m\u00fcssen \u2013 was mir f\u00fcr eine Tipp-App als die richtige Standardeinstellung erschien.<\/p>\n
Ein Popup-Fenster wird geschlossen, sobald man au\u00dferhalb davon klickt, und alles, was es im Speicher belegt hat, verschwindet ebenfalls. Bei Android kann eine App in den Hintergrund verschoben werden und genau dort wieder aufgerufen werden, wo sie aufgeh\u00f6rt hat. Bei einem Popup-Fenster muss man davon ausgehen, dass der Nutzer jeden Moment verschwinden k\u00f6nnte.<\/p>\n
Alles, was wichtig ist, wird also im Browserspeicher statt im Fenster abgelegt, und sowohl das Popup als auch der vollst\u00e4ndige Tab lesen denselben gespeicherten Zustand aus. Beendet man einen Test im Popup und \u00f6ffnet anschlie\u00dfend den vollst\u00e4ndigen Tab, ist das Ergebnis bereits vorhanden. Es ist eine kleine architektonische Entscheidung, die dazu gef\u00fchrt hat, dass sich die gesamte Erweiterung solider anf\u00fchlt.<\/p>\n
Auch Android-Apps fordern Berechtigungen an, doch die Nutzer lesen diese selten. Nutzer von Browser-Erweiterungen tun dies hingegen oft, und der Browser zeigt die Warnungen direkt in der Installationsaufforderung an. KeyRush fordert genau eine Berechtigung an: Speicherzugriff. Da die App keinen Einblick in die von Ihnen besuchten Seiten ben\u00f6tigt, fragt sie nicht danach. Wir haben einen separaten Beitrag dar\u00fcber verfasst, warum uns das wichtig ist.<\/p>\n
Fast das gesamte eigentliche Produkt blieb unver\u00e4ndert: zeitgesteuerte Geschwindigkeitstests von 15, 30, 60 und 120 Sekunden, nach Fingern gegliederte Blindschreib\u00fcbungen, Wettl\u00e4ufe gegen Computergegner, Statistiken, eine Heatmap der Tasten, die man verfehlt, die t\u00e4gliche Herausforderung und alle 44 Erfolge. Wer vom Smartphone auf die Erweiterung umsteigt, sollte sich innerhalb einer Minute zurechtfinden.<\/p>\n
Auch an diesen Grunds\u00e4tzen haben wir festgehalten. Die Anwendung funktioniert vollst\u00e4ndig offline. Der Fortschritt wird ausschlie\u00dflich in Ihrem Browser gespeichert. Es gibt kein Konto und Sie m\u00fcssen sich nirgendwo anmelden.<\/p>\n
Eine Neuprogrammierung klingt aufwendig, und in gewisser Weise war sie das auch. Aber ein Tipptrainer ist keine gro\u00dfe App, und die wesentlichen Funktionen \u2013 Punktestand, Lektionen, Levels, Erfolge \u2013 sind \u00fcberschaubar genug, um sie sorgf\u00e4ltig von Hand aus dem Android-Original zu portieren. Im Gegenzug erhielten wir eine Erweiterung, die sofort geladen wird, keine Abh\u00e4ngigkeiten von Drittanbietern hat, die aktualisiert werden m\u00fcssen, und sich so verh\u00e4lt, als w\u00e4re sie f\u00fcr den Browser gemacht \u2013 denn das ist sie auch.<\/p>","protected":false},"excerpt":{"rendered":"
Was sich ge\u00e4ndert hat, als KeyRush von Android auf Chrome umgestellt hat \u2013 und was wir nicht \u00e4ndern wollten.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-730","post","type-post","status-publish","format-standard","hentry","category-journal"],"yoast_head":"\n