Почему в телеграмм веб курсор перескакивает
Перейти к содержимому

Почему в телеграмм веб курсор перескакивает

  • автор:

Разные DPI внутри разных окон — скачет размер курсора

После последнего апгрейда иксов, началась пляска с DPI. Эффект настолько стрёмный, что затрудняюсь сформулировать запрос в гугль, поэтому ничего толком найти не могу.

На примере, я перетаскиваю курсор из окна браузера (chromium) на десктоп и обратно.

Десктоп — lxde (openbox).

Я игрался, выставляя разный DPI, но не то что б это сильно помогало. Я так понимаю, это какая-то новая фича xorg (стоит 1.20.5).

Как вообще это дебажить? Можно как-то узнать, в каком окне какой DPI выставлен сейчас, что б привести всё к единому?

Как я помню, браузеры всю жизнь выставляли себе свой DPI исходя из каких-то внутренних соображений. В данный момент, в браузере стоит нормальный DPI, а вот на десктопе — какой-то кривой. До апгрейда, я так понимаю, тоже не всё было ладно, но хотя б размер курсора не прыгал. А ща он прыгает даже когда по иконкам в статусбаре проводишь мышой.

Я так понимаю, что где-то на этапе загрузки выставляется DPI, а потом некоторые проги (chromium, Telegram, vivaldi) выставляют себе другой DPI. Как узнать, какой у них стоит? Может где-то в /proc? Или какой-нить вариант xprop.

Как победить перенос курсора в начало строки в SublimeText?

При переводе каретки на новую строку все в норме — курсор встает в туже позицию что и начало предыдущей строки, но если убрать курсор в другое место, набрать хотя бы один символ, а затем вновь вернуть его в ту новую пустую строку, то он перескакивает в самое начало строки.
Причем происходит это только в случае, если набрать в другой строке какой-либо символ.
Приходится нажимать Tab, при этом он возвращается в нужную позицию.
Наверное это единственное что раздражает в этом замечательном редакторе.

Кто знает как победить данное неудобство?

  • Вопрос задан более трёх лет назад
  • 7526 просмотров

Комментировать
Решения вопроса 0
Ответы на вопрос 3

не знаю имеет это отношнние к вопросу, но я заметил, что при сохраниение, сублим убирает все отступы справа.
Т.е. если стока пустая и нажать сохранить, то курсор встанет в начало строки убрав табуляцию

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать

Это связано с тем, что после возвращения в строку, у Sublime нету контекста, куда вам хочеться поставить курсор. Я не знаю расширения, решающего эту проблему.

Лично я всегда, когда собираюсь из строки уходить, кладу символ комментария таким образом ставя «закладку». После возвращения курсора на место, символ стираю. Смешно, наверное, но мне так комфортнее.

Ответ написан более трёх лет назад
Makito @Makito Автор вопроса
Мда, печально. Видимо придется привыкать.

zdimaz

Фронтенд разработчик

У меня прикол!
Когда нажимаю на ESP все летит в щи, больше не могу менять курсор, все писать код уже не могу, тупо выделяет все , удалить нельзя (
Бред!

Причины перескакивания курсора в Телеграмме

uchet-jkh.ru

Многие пользователи Телеграма сталкиваются с неприятной проблемой — курсор на веб-версии мессенджера перепрыгивает на другую позицию при вводе текста. Эта проблема может возникать как на компьютере, так и на мобильных устройствах, и она может серьезно помешать удобству использования приложения. Разберемся, почему это происходит, и как ее можно решить.

Одной из основных причин перепрыгивания курсора в Телеграме является неправильная настройка чувствительности сенсорного экрана. Если вы используете Телеграм на планшете или смартфоне с сенсорным экраном, то у вас могут быть проблемы с точностью нажатия на клавиши. В этом случае, когда вы вводите текст, курсор может случайно перепрыгнуть на другую позицию. Чтобы решить эту проблему, вам нужно откалибровать сенсорный экран на устройстве и настроить его поведение в настройках операционной системы.

Совет: Если вы столкнулись с перепрыгиванием курсора в Телеграме на устройстве с сенсорным экраном, попробуйте откалибровать его, пройдя в настройки устройства и выполните соответствующие действия.

Еще одной причиной перепрыгивания курсора в Телеграме может быть использование клавиатуры с нестандартным раскладкой. Если вы используете нестандартную раскладку клавиатуры, то могут возникать проблемы с обработкой символов нажатых клавиш. В этом случае, когда вы вводите текст, Телеграм может неправильно интерпретировать команды и перепрыгивать курсор. Решение этой проблемы достаточно простое — просто переключитесь на стандартную раскладку клавиатуры, которая поддерживается в Телеграме.

Проблема с перепрыгиванием веб-курсора в Телеграме

Телеграм — популярный мессенджер, который имеет свою собственную платформу для обмена сообщениями и файлами. Однако, у пользователей иногда возникает проблема с перепрыгиванием веб-курсора при использовании Телеграма в браузере.

Эта проблема может быть вызвана несколькими причинами. Во-первых, может быть проблема совместимости браузера с платформой Телеграм. Некоторые браузеры могут иметь конфликты при обработке некоторых функций Телеграма, что приводит к перескакиванию курсора.

Во-вторых, проблема может быть связана с настройками мыши или сенсорной панели устройства пользователя. Если устройство не правильно распознает движение курсора или сенсорных нажатий, то это может вызывать проблемы с перемещением курсора в Телеграме.

Другой возможной причиной проблемы может быть неправильно настроенный интерфейс пользователя (UI) в Телеграме. Если часть элементов интерфейса слишком близко расположена друг к другу, то это может приводить к тому, что курсор перепрыгивает с одного элемента на другой.

Как решить проблему с перепрыгиванием веб-курсора в Телеграме? Прежде всего, рекомендуется обновить браузер до последней версии и проверить совместимость с платформой Телеграм. Если проблема сохраняется, можно попробовать изменить настройки мыши или сенсорной панели устройства. Также, стоит проверить настройки интерфейса пользователя в Телеграме и, если возможно, настроить их для преодоления проблемы.

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

Возможные причины проблемы с веб-курсором в Телеграме

Телеграм – это одно из самых популярных мессенджеров, который предлагает широкий функционал для общения и обмена информацией. Однако, иногда пользователи сталкиваются с проблемой, когда веб-курсор в Телеграме начинает перепрыгивать или не отображаться корректно. В этом разделе мы рассмотрим возможные причины такой проблемы.

  • Низкая производительность устройства: Если ваше устройство имеет недостаточные ресурсы или слабый процессор, то это может быть причиной проблемы с веб-курсором в Телеграме. Веб-приложения, такие как Телеграм, требуют определенного уровня производительности для корректной работы.
  • Использование старой версии приложения: Если у вас установлена старая версия Телеграма, то это может вызывать несовместимость с текущей версией операционной системы или браузера, что может привести к проблеме с веб-курсором.
  • Конфликт с другими программами или расширениями: Некоторые программы или расширения браузера могут вмешиваться в работу Телеграма и вызывать проблемы с веб-курсором. Попробуйте отключить все лишние расширения или программы, чтобы узнать, вызывают ли они конфликт.
  • Проблемы с интернет-соединением: Нестабильное или медленное интернет-соединение также может быть причиной проблемы с веб-курсором в Телеграме. Убедитесь, что у вас стабильное и быстрое подключение к интернету.

Если вы испытываете проблемы с веб-курсором в Телеграме, попробуйте устранить возможные причины, описанные выше. Обновите приложение, проверьте производительность вашего устройства, отключите лишние программы и расширения, а также убедитесь в стабильности вашего интернет-соединения. Если проблема не исчезает, обратитесь в службу поддержки Telegram для получения дополнительной помощи.

Каковы последствия проблемы с перепрыгиванием веб-курсора в Телеграме

Проблема с перепрыгиванием веб-курсора в Телеграме может иметь негативные последствия для пользовательского опыта и воздействовать на взаимодействие пользователей с приложением. Вот несколько предполагаемых последствий этой проблемы:

  • Затруднения при навигации: Постоянное перепрыгивание курсора может затруднить навигацию по интерфейсу приложения. Пользователи могут испытывать трудности при попытке выбрать нужный элемент или навести курсор на конкретную область.
  • Увеличение времени выполнения задач: Из-за проблемы с перепрыгиванием курсора пользователи могут тратить больше времени на выполнение задач. Например, для того чтобы нажать на кнопку или ввести данные в поле ввода, пользователю может понадобиться несколько попыток, чтобы курсор остановился на нужном месте.
  • Ухудшение пользовательского опыта: Постоянное перепрыгивание курсора может создавать ощущение нестабильности и ограниченности взаимодействия с приложением. Это может привести к негативному пользовательскому опыту, который может отразиться на общей оценке приложения.
  • Потеря пользователей: Если проблема с перепрыгиванием курсора не решается, пользователи могут столкнуться с неприятностями при использовании Телеграма и решить перейти на другую платформу или приложение, которое предлагает более стабильное и беспрепятственное взаимодействие.

В целом, проблема с перепрыгиванием веб-курсора в Телеграме может негативно влиять на пользовательский опыт и вызывать разочарование у пользователей. Поэтому важно, чтобы разработчики решали эту проблему и обеспечивали плавную и безпрепятственную навигацию в приложении.

Как решить проблему с перепрыгиванием веб-курсора в Телеграме

Использование Телеграма для общения и работы становится все более популярным. Но некоторые пользователи сталкиваются с проблемой перепрыгивания веб-курсора, что может затруднить работу и навигацию. В этой статье мы рассмотрим несколько способов решения этой проблемы.

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

Иногда перезапуск устройства может помочь устранить проблемы с программным обеспечением и веб-курсором в Телеграме. Просто выключите устройство и включите его снова, чтобы перезагрузить все системные компоненты. После перезапуска Телеграма проверьте, осталась ли проблема с перепрыгиванием веб-курсора.

Если проблема с перепрыгиванием веб-курсора остается, вы можете попробовать изменить настройки курсора в своем устройстве. Проверьте, есть ли в настройках возможность регулировать скорость или чувствительность курсора. Попробуйте изменить эти параметры и проверьте, помогло ли это устранить проблему.

Если все вышеперечисленные методы не помогли устранить проблему с перепрыгиванием веб-курсора в Телеграме, рекомендуется связаться с службой поддержки приложения. Они могут предложить дополнительные решения или помочь найти причину и устранить проблему.

В заключение, проблема с перепрыгиванием веб-курсора в Телеграме может быть неприятной, но существуют несколько способов ее решения. Сначала стоит попробовать обновить приложение и перезапустить устройство. Если проблема остается, можно попробовать изменить настройки курсора или обратиться за помощью к службе поддержки. Надеемся, что указанные методы помогут вам наслаждаться безопасной и комфортной работой в Телеграме.

Вопрос-ответ

Почему в Телеграме веб-курсор перепрыгивает?

Проблема со скачиванием или установкой последней версии приложения Телеграм может быть причиной прыжков курсора. Рекомендуется проверить обновления и выполнить их установку.

Что делать, если курсор в Телеграме перепрыгивает?

Перезагрузка устройства может помочь решить проблему с перепрыгиванием курсора в Телеграме. Если перезагрузка не помогает, попробуйте удалить и снова установить приложение Телеграм на своем устройстве.

Может ли проблема с перепрыгиванием курсора в Телеграме быть связана с поврежденным файлом приложения?

Да, возможно повреждение файла приложения Телеграм может быть причиной проблемы с перепрыгиванием курсора. В этом случае рекомендуется удалить приложение и переустановить его с официального источника.

Может ли низкая оперативная память устройства быть причиной прыжков курсора в Телеграме?

Да, ограниченная оперативная память устройства или запущенные одновременно другие приложения могут вызывать прыжки курсора в Телеграме. Рекомендуется закрыть ненужные приложения или обратить внимание на увеличение объема оперативной памяти.

Как можно устранить прыжки курсора в Телеграме?

Возможные способы устранения прыжков курсора в Телеграме: установка последней версии приложения, перезагрузка устройства, удаление и повторная установка приложения, увеличение объема оперативной памяти или закрытие ненужных приложений, проверка наличия поврежденных файлов приложения.

Невидимая проблема текстовых редакторов на смартфонах

Когда я рассказываю о своих исследованиях редактирования текста на мобильных в Google, то обычно сталкиваюсь с непониманием и немного враждебным «Разве на телефонах нельзя редактировать тексты? В чём проблема?»

Редактирование текста на мобильных поломано. На самом деле, оно гораздо хуже, чем вы думаете, это невидимая проблема, на которую никто не обращает внимания. Я написал этот пост, чтобы вы поняли, насколько это важно. Так как проблема имеет много нюансов, вам может наскучить чтение, поэтому я разбросал по тексту множество заголовков; если надоест, просто пропускайте раздел.

TL;DR

У Android и iOS есть одна общая проблема: они скопировали методики работы с текстом с десктопов, но у них нет панели меню и мыши. Это заставило их перегрузить жесты касаний огромным спектром действий: размещением курсора, его перемещением, выделением текста и вызовом всплывающего меню. В результате касания получились слишком сложными и неоднозначными, что приводит к разнообразным пользовательским ошибкам.

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

Вместе с невероятно талантливым Оливье Бау мы создали прототип под названием Eloquent, обеспечивающий гораздо более простое решение. Мы представили эту работу на UIST 2021.

Да, редактирование текста — это проблема

Когда я работал на Android в 2017 году, у меня возникли вопросы о редактировании текста и я начал искать исследования пользователей. Я предполагал, что настолько фундаментальный для пользователей процесс должен был исследоваться хотя бы несколько раз. Изучив исследования за семь лет, я не смог найти ни одного, посвящённого редактированию текстов. Меня это поразило.

Редактирование текста на мобильных считается «достаточно хорошим». Люди не жалуются, поэтому и почти нет мотивации к его совершенствованию. Однако я решил провести собственное исследование, и результаты меня удивили. Я выдал десяти участникам простой набор задач по редактированию текста, например, «удалить “x” из строки символов» или «переместить слово в конец предложения». У каждого из участников возникали проблемы с прицеливанием, использованием буфера обмена и с кучей ошибок.

Я спросил участников о том, насколько удобно для них редактирование текста на мобильных устройствах. Все они высказали раздражение, но в основном связанное не с мессенджерами или соцсетями, где они обычно пишут лишь короткие тексты. Сложности вызывало составление более сложных текстов, например, электронных писем из множества предложений. Они часто говорили что-то вроде «Я часто начинаю ввод на телефоне, но если всё становится слишком сложно, то просто заканчиваю на ноутбуке». Ещё более удивительным оказалось то, что больше половины участников заявили, что вместо редактирования текста было проще выделить всё, удалить и ввести заново, полностью отказавшись от редактирования. И это признак того, что в чём-то есть проблема.

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

Хотя моё исследование посвящено решению проблем редактирования текста в Android, должен сказать, что iOS, имеющей существенные отличия в редактировании текста, всё равно содержит многие из аналогичных проблем.

Редактирование текста — это хак

Мобильные устройства изначально проектировались для потребления. Революция скроллинга пролистыванием упростила перемещение по контенту. Сверхсила мобильных заключается в их возможности потреблять видео, фотографии, соцсети и мессенджеры на ходу. Это ценные задачи, но они почти не требуют редактирования текста. Люди забывают, что в первом iPhone даже не было поддержки буфера обмена!

Однако последние десять лет мы часто слышим, что рано или поздно люди начнут использовать планшеты для всего. Несколько лет назад Apple выпустила рекламу «What’s a computer?», а в 2013 году Google попыталась провести кампанию «планшетные вторники», чтобы убедить своих сотрудников постоянно использовать на работе планшеты. Планшеты по-прежнему продаются достаточно неплохо, но в качестве замены десктопным компьютерам имеют, скажем так, довольно умеренный успех.

Об этом достаточно часто пишут, я не говорю ничего нового. Однако люди, похоже, не могут прийти к согласию относительно причин этого. Дело не в том, что некоторые люди не могут продуктивно работать с планшетами. Очевидно, что есть люди, которым это удаётся. Но не большинству. Почему же?

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

Начинаем с редактирования текстов на десктопах…

Редактирование текста на десктопах имеет долгую и интересную историю, но давайте сосредоточимся на интервале после 2000 года, когда ситуация начала стабилизироваться. В каждой десктопной операционной системе есть курсор мыши, который можно точно перемещать мышью или трекпадом, что позволяет с лёгкостью нажимать на нужный вам символ.

Выделять текст тоже достаточно просто: зажав кнопку мыши, нужно перетащить её, и курсор выделит больше текста. Также есть меню «Правка» с классическими командами Вырезать/Копировать/Вставить, позволяющая работать с выделенным текстом. Для ускорения работы есть горячие клавиши X, C и V.

Сочетание этих трёх особенностей — точного указателя, простого выделения и меню с горячими клавишами — упростило редактирование текста, позволило избавиться от ошибок и неоднозначности. Если быть откровенным, можно представить, как улучшить эту систему, и я не хочу настаивать, что она идеальна. Мы просто используем её как отправную точку для сравнения с редактированием текста на мобильных.

… а затем ущербно её копируем

Учитывая то, насколько доминирующим был десктопный UI в момент появления мобильных платформ, неудивительно, что дизайнеры попытались скопировать редактирование с десктопов. Проблема заключалась в отсутствии указателя мыши и панели меню с горячими клавишами. Из-за этого разработчикам пришлось пойти на существенные компромиссы.

Например, вместо нажатия курсором мыши на мобильных нужно касаться пальцем. Это значит, что прицеливание курсором текста оказывается чуть менее точным. В исследованиях UX это хорошо известное явление называется проблемой «толстых пальцев». Именно поэтому в рекомендациях по созданию пользовательского интерфейса рекомендуется делать кнопки достаточно высокими и широкими, потому что в большие мишени проще попасть. Однако символы текста невозможно сделать достаточно большими. Обычно это приводит к тому, что текстовый курсор оказывается немного левее или правее, чем нужно.

Проблема прицеливания привела к появлению каскада новых механизмов взаимодействия, которые решают проблему, но имеют неприятные побочные эффекты.

Четыре изменения, внесённые мобильными в редактирование текста

1. Маркеры текста

На мобильных появились маркеры в виде капли снизу от текстового курсора. Они позволяют проще разглядеть текстовый курсор и в случае промаха перетаскивать курсор в нужное место. Кажется вполне логичным, так ведь?

Но на самом деле это не так! Это создаёт нашу первую неоднозначность. Маркер текста сам по себе становится целью для касания. К сожалению, ею остаётся и окружающий его текст. Теперь у нас есть две потенциальные цели для касания. Если они далеко друг от друга, это нормально. Проблема возникает только тогда, когда я хочу коснуться места непосредственно слева или справа от текстового курсора. В таком случае непонятно, чего хочет пользователь: переместить курсор или коснуться маркера/перетащить его.

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

В iOS нет маркера в виде капли, но текстовый курсор всё равно создаёт ту же проблему «воровства касания».

2. Лупа

Так как текст на мобильных устройствах очень мал, а палец относительно него велик, в мобильных устройствах добавили лупу.

У лупы есть две проблемы. Во-первых, она не особо помогает перед касанием для размещения курсора, она больше помогает исправить ошибку. Она реализует это, делая видимым то место, куда вы выполняете перетаскивание. Во-вторых, она сбивает с толку визуально. Плавая над пальцем, она создаёт два видимых курсора: реальный под пальцем и его дубликат в лупе. На самом деле, это не очень плохо в случае коротких текстовых полей, но при работе с длинными электронными письмами становится легче потеряться и не понимать, где в тексте вы находитесь.

Лупа в Android визуально запутывает в больших текстовых полях

Лупа Apple, исчезнувшая в iOS 13 и вернувшаяся в iOS 15, ещё более хаотична.

3. Выделение текста

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

Однако этот новый жест вызывает ещё больше затруднений: для декодирования «двойного касания» системе нужно немного подождать, чтобы понять, не последует ли второе касание, поэтому обычно это откладывает эффект одного касания. Это значит, что маркер текста может «своровать касание» ещё одним способом.

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

4. Всплывающее меню

Так как на мобильных устройствах нет панели меню, мы каким-то образом должны вызывать команды буфера обмена. Это делается двумя способами. Первый наиболее очевиден: как только произошло выделение текста, показывать над выделением меню. Это немного перегружает ввод визуально, но не создаёт никакой неоднозначности касаний. Такая система неплохо работает для вырезания/копирования, но проблематичнее для вставки, которая обычно не начинается с выделения. Решение немного неочевидно: вызвать то же самое меню можно, коснувшись маркера текста. Это значит, что пользователям нужно изучить ДВА жеста для открывания меню. В iOS ситуация примерно такая же.

Эта проблема усугубляется в Android, поскольку маркер текста пропадает спустя четыре секунды неактивности. Причина этого в том, что маркер слегка закрывает текст под ним. Это делает меню совершенно недоступным. Если вы хотите открыть меню, то необходимо снова коснуться для появления маркера, а затем коснуться его во второй раз. Неудивительно, что людей это сбивает с толку.

Эта система «меню при касании маркера» добавляет ещё одну неоднозначность с прицеливанием. Распространённая проблема попыток разместить курсор заключается в том, что пользователь случайно касается маркера, который открывает меню.

Для опытных пользователей ситуация усугубляется из-за отсутствия аналогов горячих клавиш для вырезания, копирования и вставки. Вне зависимости, новичок вы или эксперт, вам нужно использовать меню одинаково. Представьте, что на десктопе каждому бы приходилось использовать меню «Правка» для вырезания и вставки текста. Это очень ленивый дизайн. Хоть мы и должны всегда в первую очередь заботиться о новичках, не стоит игнорировать опытных пользователей. Буфер обмена на десктопах используется так часто ещё и благодаря скорости. На мобильных ничего подобного нет.

Как можно ошибочно интерпретировать касание

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

  • размещение курсора
  • открытие меню (если курсор уже есть)
  • начало перетаскивания
  • начало двойного касания
  • начало долгого нажатия

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

  • Проблема 1: когда пользователь касается экрана, то из-за проблемы толстых пальцев он не попадает в нужное ему место.
  • Проблема 2: если он коснётся чуть сбоку, чтобы правильно разместить курсор, то касается маркера текста и появляется меню, сбивая его с толку. Он вынужден коснуться другого места, чтобы закрыть меню и попробовать снова.
  • Проблема 3: вместо открытия меню второе касание интерпретируется как тривиальное перетаскивание и ничего не происходит.
  • Проблема 4: если пользователь пытается совершить двойное касание, но касается немного сбоку или попадает по маркеру текста, то операционная система понимает его неправильно и ничего не происходит.
  • Проблема 5: пользователь хочет вставить текст в пустое поле, но сбит с толку, ведь текстового курсора и меню нет. Ему сначала нужно коснуться пустого поля, чтобы появился курсор, а ЗАТЕМ коснуться курсора во второй раз, чтобы открыть меню.
  • Проблема 6: пользователь касается, чтобы поместить курсор, но на секунду поднимает взгляд, чтобы прочитать беседу. За эту короткую паузу срок действия маркера текста истекает и он пропадает. Посмотрев вниз, пользователь хочет коснуться маркера, но не видит его и запутывается. Он вынужден коснуться поля снова.

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

Очевидно, редактирование текста на мобильных возможно, ведь ежедневно этим занимаются миллионы людей. Я не утверждаю, что «это невозможно», скорее считаю, что «это гораздо сложнее, чем мы думаем». Многие из вас могут сказать «соберись, дедуля, это не так уж тяжело», и сбросят мои размышления со счетов. Но помните о том, что основная часть текстов на мобильных коротка и не требует усилий, обычно это сообщения и комментарии в соцсетях. Редактирование необходимо редко, поэтому эти трудности не особо важны. Кроме того, многие люди говорили мне о студентах, писавших на телефоне целые статьи. Да, это возможно! Многие люди бегают марафоны, но это не значит, что на это способны все.

Если не верите, попробуйте поредактировать большие тексты в Android или iOS. Просто надиктуйте голосовым вводом абзац и попробуйте его подчистить. Обратите внимание на количество ошибок, а затем честно скажите мне, был ли это простой и удобный процесс.

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

Eloquent: один из путей развития

Прежде чем я расскажу в подробностях об Eloquent, мне бы хотелось подчеркнуть, что основная цель поста — полное описание проблемы. Я хотел сделать эту невидимую проблему видимой для вас. Многие не осознают, насколько она глубока. Учитывая это, надеюсь, все мы согласимся, что нужно какое-то решение. Вы можете не согласиться на Eloquent, и это нормально. Надеюсь, кто-то придумает другие, более совершенные решения.

Так как этот пост и так уже оказался довольно длинным, ниже я перечислю основные функции, которые мы попробовали, но более подробную демонстрацию наших попыток стоит посмотреть в ознакомительном видео, которое я сделал для UIST. Так как проблема включает в себя коллизию между касанием, выделением, лупой и пользованием меню, сложно решить проблему, не поработав одновременно над всеми четырьмя.

Упрощённое размещение курсора

Наша основная цель заключалась в создании действия касания, не имеющего никаких неоднозначностей, по простоте схожего с щелчком мыши на десктопах. Мы хотели, чтобы касание всегда размещало курсор. Как говорилось выше, одна из проблема современных маркеров текста в том, что они «воруют» курсор, думая, что это начало перетаскивания или открывания меню. Мы обобщили эту логику, чтобы каждый раз, когда палец касается экрана, это считалось началом перетаскивания. Касание — это просто очень короткое перетаскивание. Это значит, что если коснуться бока маркера и быстро поднять палец, то курсор перейдёт в новое место; однако если перетаскивать медленно, то курсор перетащится в то же место. Проблема решена.

Визуально мы всегда оставляем маркер текста видимым. Мы не хотели, чтобы он появлялся и исчезал. Это мотивирует пользователей выполнять перетаскивания, которые более точны, чем касания. Мы сделали маркер полупрозрачным, чтобы он не перекрывал текст. Это сделало курсор визуально стабильным и устранило таймауты в четыре секунды.

Единая лупа

Интегрировав лупу над текстовым курсором, мы упростили визуальное представление, чтобы пользователь всегда смотрел на курсор в контексте. Так как в Eloquent настолько важно перетаскивание, это улучшает общее удобство пользования и мотивирует к перетаскиванию. Мы используем технику рыбьего глаза, чтобы экономить место и позволить пользователю ориентироваться в его тексте.

Однако такой подход поставил нас в неожиданное положение: на самом деле лучше ВСЕГДА перетаскивать курсор, так как лупа позволяет выполнять гораздо более точное размещение текстового курсора. Продолжив пользоваться этой системой, мы начали сразу же выполнять перетаскивание и сужать его, приближаясь к цели. Это новое поведение, но мы выяснили, что адаптироваться к нему можно очень быстро.

Нажатие перетаскивания для выделения текста

Основная причина такого высокого уровня неразберихи сегодня заключается в том, что используется один жест касания. Это создаёт наблюдаемые нами неоднозначности. Поэтому мы создали новый жест, выполняемый при перетаскивании: более сильное нажатие при перетаскивании. Этот жест запускает выделение текста. Мы использовали датчик барометрического давления в телефоне, чтобы определять, когда пользователь нажимает. Мы выбрали его, потому что тогда это был единственный доступный нам аппаратный датчик. Мы сохраняли два скользящих средних, одно для базового измерения, и одно короткое для запуска события. Когда короткое среднее поднималось выше длинного среднего, мы запускали событие нажатия перетаскивании. Система оказалась на удивление надёжной и работает достаточно хорошо, хотя показания датчика достаточно сильно варьируются. Более совершенным решением мог бы быть прогрессивный механизм наподобие 3D Touch, от которого, к сожалению, Apple отказалась.

Улучшенные меню

Наконец, мы попытались реализовать более удобный жест, чтобы опытные пользователи могли добиться так нужной им скорости при работе с копированием/вставкой. Так как почти каждое современное меню (и в Android, и в iOS) иерархично, мы хотели воспользоваться этой возможностью, чтобы сделать меню плоским. Это не являлось критичной целью, но было настолько ужасным преступлением против UX, что мы должны были устранить и его тоже. Мы хотели хотя бы попробовать придумать что-то более удобное для просмотра. Все наши тестовые пользователи посчитали эту систему удобной и им понравилось с ней работать.

Кроме того, после того, как нажатие перетаскивания запускает выделение, второе нажатие перетаскивания открывает меню. Это позволяет выполнять прицеливание, выделение и открытие меню одним плавным жестом. Есть и функция для опытных пользователей — быстрое пролистывание для вызова пункта меню. Оно позволяет использовать на мобильных приблизительный аналог горячих клавиш. Это не хак с оглядкой на десктопы, а предназначенная для мобильных методика, при которой весь процесс прицеливания, выделения и действий с буфером обмена можно выполнять одним простым плавным действием. (Демонстрацию см. в видео ниже.)

В T-Menu системы Eloquent для вырезания и вставки используются жесты-свайпы. Оно не имеет иерархии и просто выдвигается на экран

Анимации в игровом стиле

Мы добавили множество мелких визуальных анимаций, позволяющих пользователям узнавать и понимать, что происходит:

  1. Текстовый курсор «скачет» между местоположениями, а маркер «дрожит» при появлении. Это подчёркивает, что курсор всегда находится на экране. Также это подразумевает, что его всегда можно перетащить.
  2. Кроме того, курсор кратковременно создаёт «рябь» при касании, на короткое время вызывая лупу. Цель здесь заключается в том, чтобы мотивировать пользователей сделать нечто большее, чем просто касание. Мы пытались мотивировать их выполнять перетаскивание.
  3. Когда над словом выполняется усиленное нажатие, мы увеличиваем масштаб выделенного, подчёркивая действие жеста.
  4. Жесты-свайпы меню анимируют выбор в направлении свайпа. Свайп вверх в направлении команды вырезания удаляет выделение вверх. Свайп вниз в направлении команды вставки опускает новое выделение вниз.
Обратная совместимость

Мы приложили усилия к тому, чтобы используемые сегодня действия можно было применять в этой новой модели, потому что хотели помочь пользователям. Например, мы сделали так , чтобы касание и перетаскивание, ВСЕГДА перетаскивающие курсор, не работали для текстовых полей с вертикальной прокруткой. Мы выполняем простую проверку — если при начале перетаскивания его первые несколько пикселей были вертикальными, мы выполняем стандартную вертикальную прокрутку текстового поля. Все остальные перетаскивания просто размещают и перетаскивают курсор. Эта система работает достаточно неплохо.

Но хватит текста, вот небольшое демо, объясняющее всё это гораздо лучше:

Внедрение системы

К сожалению, внедрение системы наподобие Eloquent будет сложной задачей. Во-первых, слишком многие ошибочно считают задачу редактирования текста на мобильных «решённой», у них нет мотивации что-то улучшать. Во-вторых, за десяток с лишним лет пользователи привыкли иметь дело со старой, подверженной ошибкам системой. Сложно будет убедить их привыкать к новому.

Но самое важное в том, что устранение проблем редактирования текста не кажется достаточно важным в войне между Android и iOS. Это не та привлекательная функция, которая способна повысить индекс потребительской лояльности. Мне кажется ироничным, что настолько фундаментальное изменение, как улучшение редактирования текста может существенно повысить удобство пользования телефоном и стать причиной смены платформы, но изменения будут медленными и потребуют нескольких лет упорного труда. Android просто не думает в эту сторону. Apple, возможно, подумает.

И это печально, ведь я бы хотел, чтобы мобильные развивались и становились ещё более продуктивными, чем десктопы сегодня. Но судя по выбранному пути, мы будем редактировать так же в течение не менее двадцати следующих лет. Действительно ли мы этого хотим? Жаль, что ужасное редактирование текста — это невидимая проблема, которой никто не отдаёт должного.

  • Интерфейсы
  • Usability
  • Текстовые редакторы и IDE

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *