Пользователь смартфона, знай свою скорость печати!

На определенном этапе этим вопросом задались и мы, а способ получить ответ только один — тестировать. В этой статье я расскажу, как мы обучались печати на собственной клавиатуре и сделали приложение для Android, где каждый может узнать свою скорость печати и посоревноваться с другими людьми, использующими другие методы ввода!

Обучающее приложение

Изначальный замысел — по примеру других клавиатур (вроде игр MessagEase), сделать обучающее приложение с несколькими уровнями:

1. Тренировка отдельных букв. Юзер знакомится с нашей раскладкой, поочередно осваивая задние джойстики.
2. Тренировка слов и распространённых буквосочетаний. Юзер узнаёт, что раскладка оптимизирована для самых частотных диад\триад (например: no | on | at | er | the | and и т.п.)
3. Тренировка слов. Юзер печатает небольшие тексты\стихи и постепенно превращается из новичка в полноценного пользователя.

Художник вооружился фотографией зверька Octodon Degus и сделал нам арт, а я взялся за программирование. Имея небольшой опыт геймдева под iOS, я полагал, что средств родного Android-фреймворка хватит, чтобы сделать небольшую игру с примитивной анимацией из спрайтов. Однако я жестоко ошибался. Несколько потраченных впустую дней привели меня на форум с целой веткой из нецензурных сообщений, касающихся сильных тормозов и глюков при работе с 2D графикой, с которыми я и столкнулся.

Отложив грабли в сторону, я занялся тем, что должен был сделать сразу — нагуглил замечательный движок AndEngine. Для решения большинства задач мне хватило примеров из репозитория AndEngineExamples. Также в сети обитает множество туториалов и большой форум пользователей.

public class MenuActivity extends BaseGameActivity implements Scene.IOnSceneTouchListener { 	private Camera mCamera; 	private MenuResMan resMan;  	//инициализируем движок и камеру 	@Override 	public Engine onLoadEngine() { 		this.mCamera = new Camera(0, 0, UIConstants.CAMERA_WIDTH, UIConstants.CAMERA_HEIGHT); 		return new Engine(new EngineOptions(true, ScreenOrientation.PORTRAIT, new RatioResolutionPolicy(UIConstants.CAMERA_WIDTH, UIConstants.CAMERA_HEIGHT), this.mCamera)); 	}  	//загружаем ресурсы 	@Override 	public void onLoadResources() { 		resMan = new MenuResMan(this); 		resMan.LoadResources(); 	}  	//загружаем сцену 	@Override 	public Scene onLoadScene() { 		mEngine.registerUpdateHandler(new FPSLogger());  		final Scene scene = resMan.LoadScene(); 		scene.setOnSceneTouchListener(this); 		 		String lang = getApplicationContext().getResources().getConfiguration().locale.getLanguage(); 		testingModel.ChangeLang(lang);  		return scene; 	}  	@Override 	public void onLoadComplete() { 		<...> 	}  	@Override 	protected void onCreate(Bundle pSavedInstanceState) { 		<...> 	}  	@Override 	protected void onStop() { 		<...> 	} 

	@Override 	public void onBackPressed() 	{ 		Scene scene = this.mEngine.getScene(); 		if(scene.hasChildScene()){ 			scene.back(); 		} 		else{ 			this.finish(); 		} 	} 

public class MenuResMan { 	private BaseGameActivity activity;  	private BitmapTextureAtlas textFontTexture; 	public Font textFont;  	private BitmapTextureAtlas backgroundTexture; 	public TextureRegion mainBackgroundRegion;  	public Sprite mainBackground;  	public void LoadResources() 	{ 		BitmapTextureAtlasTextureRegionFactory.setAssetBasePath("Menu/");                 //должны быть степени двойки 		backgroundTexture = new BitmapTextureAtlas(512, 1024, TextureOptions.REPEATING_BILINEAR_PREMULTIPLYALPHA);  		textFont = new Font(textFontTexture, Typeface.create(Typeface.DEFAULT, Typeface.NORMAL), 			 UIConstants.TEXT_FONT_SIZE, true, Color.BLACK);  		activity.getTextureManager().loadTexture(backgroundTexture); 		activity.getTextureManager().loadTexture(textFontTexture); 		activity.getFontManager().loadFont(textFont);  		mainBackgroundRegion = BitmapTextureAtlasTextureRegionFactory 			 .createFromAsset(backgroundTexture, activity, "mymenu.png", 0, 0); //480x800  		<...> 	}  	public Scene LoadScene() 	{ 		Scene scene = new Scene(); 		mainBackground = new Sprite(0,0,mainBackgroundRegion); 		scene.attachChild(mainBackground); 		 		Rectangle textBackground = new Rectangle(0,0, 			UIConstants.CAMERA_WIDTH - UIConstants.BORDER_WIDTH*2, 			UIConstants.CAMERA_HEIGHT - UIConstants.BORDER_WIDTH*2 - headerBackground.getHeight() 		);  		speedText = new ChangeableText(UIConstants.TESTING_BORDER_WIDTH, UIConstants.TESTING_BORDER_WIDTH, headerFont, " ", 10); 		textBackground .attachChild(speedText);  		scene.attachChild(textBackground);  		//аттач всего необходимого к сцене 		<...> 		return scene; 	}  	public MenuResMan(BaseGameActivity activity) 	{ 		this.activity = activity; 	} } 

Эту программу с некоторыми доработками мы выложим одновременно с выпуском Октодона, а пока она обучает на первых этапах наших тестеров и дожидается своего часа.

Сбор статистики

Параллельно с разработкой, мы решили обратиться к признанным специалистам по клавиатурам Logitech и спросить, как они оценивают новые клавиатуры. В ответ нам прислали методику тестирования (о том, как мы проводили по ней тесты — в следующих постах), включающую использование специального онлайн-сервиса. Однако он не работал браузерах на Android, а найденные в вебе и на GooglePlay аналоги в были очень куцые и предоставляли либо мало данных, либо вообще давали использовать только встроенную в них клавиатуру.
Мы пришли к выводу, что писать надо своё, тем более, что у нас уже есть готовый уровень для работы с текстами из обучающей игры. Оставалось добавить туда возможность быстро подгружать свои тексты и, для отслеживания скорости, способность замерять основные показатели печати:

• Time — время тренировки, для последующего вычисления «Х в минуту»
• CorrectEntries, IncorrectEntries, FixedMistakes — основная подсчитываемая тройка, из которой вычисляется все остальное
• TotalEntries = CorrectEntries + IncorrectEntries
• ErrorRate = (IncorrectEntries − FixedMistakes) / Time
• KeySpeed = (CorrectEntries + FixedMistakes) / Time — метрика, более известная как CPM
• RawSpeed = TotalEntries / (5*Time) — коэффициент 5 используется повсеместно, как средняя длина слова в англ.языке, т.е. показатель означает слова в минуту, но без учета ошибок
• Speed = KeySpeed / 5 — главная метрика, более известная как WPM, стандарт для оценки скорости печати.
• Accuracy = 100*CorrectEntries / TotalEntries — точность в процентах

В итоговом лаконичном приложении «Typing Test» пользователь предварительно пишет свое имя, метод ввода, выбирает текст и время тренировки, на выходе получает лог со статистикой. Можно сделать скриншот и твит счёта. Также есть отдельный уровень с каноническим текстом про пираний, на котором можно попробовать установить новый мировой рекорд.

Мы думаем, что идея измерения скорости печати будет интересна многим, поэтому решили выложить приложение на GooglePlay и планируем развивать это приложение и далее, но уже независимо от Октодона. Как сервис, на котором можно будет замерять производительность ввода на любой клавиатуре и для любого языка, где эти результаты можно будет наглядно сравнить и проанализировать статистику.
Приложение на GooglePlay

Кривые обучения

Сбор статистики был очень нужен нам ещё и по маркетинговым причинам. Если проводить тестирование Октодона на случайных людях в течение небольшого времени, то, конечно, мы получим далеко не впечатляющие результаты. Есть много причин, почему так происходит: метод ввода новый, юзер в шоке, что за баян на телефоне и т.д. Но без материальных доказательств это звучит неубедительно, как для потребителей, так и для инвесторов.
Кривая обучения — очень веский аргумент в таком споре, она позволяет показать якобы мучительный процесс обучения в реальном свете. При достаточной выборке она показывает реальную динамику — определенное время тренировки перерастает в определенную скорость печати.

Каждый сеанс тестирования проводился на случайном тексте из 5 существующих, ограничение по времени — 3 минуты. Ниже представлены графики по собранным данным. На оси X отмечено суммарное время, потраченное на набор текстов пользователем.
По количеству слов в минуту:

По точности:

Вот график для скорости по всем имеющимся данным без масштабирования:

Из графиков можно сделать несколько выводов:

• Самый важный для нас — что даже при достигнутой скорости печати в 40-45 WPM, кривая обучения не имеет тенденции к выполаживанию, значит практический предел обучения еще не достигнут.
• Скорость обучения индивидуальна для каждого, однако, примерно через час человек достигает комфортных для работы 20WPM. Что примерно в полтора раза больше скорости среднего пользователя (по данным нашего тестирования) на экранной qwerty-клавиатуре.
• После перехода на слепую печать требуется около часа, чтобы восстановить свою прежнюю скорость.
• Точность так же индивидуальна, и зависит прежде всего от внимательности пользователя и его желания писать без ошибок.

На данный момент, в целях улучшения раскладки, мы начали сбор статистики по времени между нажатиями различных пар-направлений джойстиков и думаем, что бы собирать помимо этого (будем рады вашим идеям и предложениям).

В следующих постах мы расскажем про наше массовое тестирование методов ввода на пользователях, процесс создания раскладки для Октодона, также вас ждет обзор back-typing клавиатуры AlphaGrip. Оставайтесь с нами! 🙂