Web-интерфейсы без использования колесика мышки

    Считаете ли вы тач-интерфейсы удобными? Я думаю, что считаете. Ведь это, и правда удобно – общаться с интерфейсом на “ты”. Зачем нам нужен посредник в нашем общении? Зачем все усложнять?

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

    Суть упрощения заключается в том, что пользователь, находясь на странице сайта, может зажать левую кнопку мыши и сместить страницу на нужную ему высоту. По моему мнению, на клик и легкое движение кисти тратится меньше энергии, чем на кручение колесика. Представьте себе, что нужно сделать для того чтобы покрутить колесико: поднять палец, сместить его вправо, покрутить колесико и вернуть палец на место (в большинстве случаев). Вы уже видите сколько нужно сделать микро-движений для такой простой задачи. А сколько раз в день приходится делать такие движения? Я предлагаю вариант проще – всего два движения: кликнуть и потянуть мышку. Такие движения легче и не отвлекает от основного – от информации, за которой мы приходим. А еще это потрескивание при прокручивании особенно в дешевых мышках, вы слышите? Меня, например, это отвлекает. Попробуйте, сравните два варианта проматывания страницы, мой и традиционный. Я думаю, вы заметите разницу.

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

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

    Я с большим удовольствием выслушаю ваши мнения и предложения. Ну, или можете забросать меня тухлыми помидорами, дело ваше.

    Спасибо за внимание!

    UPD: Не смотря на, то что, Вы, глубокоуважаемые пользователи Хабра, подпортили мне рейтинг, я хочу поблагодарить Вас за ваши мнения. Спасибо!
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 51

      +9
      Почему-то думается мне, что за компом все же удобнее пользоваться скроллером.
      Посудите сами, пусть для этого и нужно «поднять палец, сместить его вправо, покрутить колесико и вернуть палец на место», но для Вашего метода нужно двигать локоть вверх/вниз.
      Это хорошая идея, но реализовать её на 5+ весьма…

      P.S. Opera 11.60 выделяет текст + медленная скорость прокрутки «жестами».
        0
        Простите, а вы когда просто мышкой по монитору водите, тоже локоть двигаете?
        Представленный вариант можно считать за сырой еле работающий прототип. Мне хотелось продемонстрировать сам подход. Скорость прокрутки можно отрегулировать.
          0
          Я не двигаю, а выделить текст объемом больше одной страницы не получится вашим способом, либо будет выделяться как на планшете — а это чертовски неудобно.
          Да, в Opera есть такая функция, но пользуюсь только на планшете, ибо на десктопе и ноуте не юзабельно, можете сами попробовать.
        +7
        Так ведь сейчас можно нажать на колёсико мыши и сместить страницу на нужную высоту или ширину…
          –7
          поднять палец, сместить его вправо, нажать на колесико и вернуть палец на место… в моем варианте меньше действий
            +1
            зато мышц задействовано гораздо больше. просто понаблюдайте за рукой.
              +2
              и да, зачем поднимать палец и смещать его вправо? у меня средний палец (простите, фак) всегда лежит на колесике.
              0
              Наверное зависит от того как держать руку на мыше. По причине своей работы за компом. держу три 3-4 пальца на мыше: левая кнопка, скрол, правая кнопка и большой на функциональных клавищах. Тогда из вашего алгоритма выкидываются первый и последний шаг и остаеться только:
              1. Нажал на мыш и поташил
              Или
              1. Крутанул скрол вниз\вверх
              2. вернулся на исходную.

              И еще изменять подход только для веб страниц, это чуть чуть не комфортно. Тогда для вебстраниц будет одна матрица поведения, а для остального (Код — IDE, Word, проводник и т.п.) другая стандартная
            +3
            Для Chrome есть расширение chromeTouch, я им с тачскрином пользовался для скролла пальцем.
              0
              Спасибо, не знал такого.
                0
                Удобная вещь. Спасибо.
                  0
                  Согласен удобная вещь, но у вас не было «ложных» срабатываний при пролистывание текста? У меня текст все время выделялся, вместо кручения :( Тот же хабр не удобно читать получается
                    0
                    Вы как-нибудь это смогли побороть?
                      0
                      на правую кнопку нельзя скроллинг повесить?
                    0
                    Есть и отдельные утилиты, которые включают скроллинг при зажатии клавиш.
                    Раньше пользовался MouseImp. Зажал правую кнопку и скроллишь, причем практически везде, не только в браузерах.
                    Правда скроллинг не работал в Firefox, и как-то перестал им пользоваться.
                    Но совершенно уверен, что проще найти/написать подобную работающую утилиту, чем мутить такой функционал на сайте.
                    +4
                    У меня наоборот, палец всегда на колесике, я его перемещаю на кнопку, только когда нужно сделать клик.
                      +1
                      у меня палец находится так, что он лежит на колесе, и это не мешает ему нажимать на левую кнопку…
                      На тачпаде с краевой прокруткой вообще никаких проблем не замечаю…
                        +1
                        Аналогично. Если палец лежит на границе между колёсиком и левой кнопкой, им можно делать и то, и другое.
                      +7
                      Давайте посчитаем правильно.
                      Скроллер: Переместить палец на колесико, крутануть колесико N раз, поместить палец обратно. Суммарно: 1+N+1 = 2+N.
                      Ваш метод: (кликнуть и потянуть мышку) * N раз. Суммарно 2*N.
                      При N > 2 скроллер однозначно лучше.

                      К тому же, на движение пальцем уходит меньше энергии, чем на движение кистью. К тому же, скорость скролла настраивается стандартными средствами для всех приложений. К тому же, существуют офигенные мышки (как моя Logitech G500), с инерционным колесом, которое не перестает крутиться.
                      Ну и т.д.
                        –5
                        Спасибо за ваше мнение.
                          +2
                          Помимо затрат энергии, движения пальцами намного точнее, чем кистью целиком.
                            0
                            Но можно сделать инерционную прокрутку
                              0
                              Ухты про мышь не знал. На моих G7\Mxxx всегда «точный» скрол. А не подскажете в каких еще Logitech иненрционные скролы? А то на сайте такой информации нету :(
                                0
                                На сайте это называется «Dual-mode scroll wheel»
                              0
                              > Сразу хочу заметить, что я не программист и не нужно мне говорить, что у меня плохо написан код

                              У вас код написан получше, чем у многих программистов.
                                +1
                                Спасибо, хорошо, что так :)
                                +2
                                Можно что угодно так подогнать под свой пример :)

                                «Есть идея вместо тач ввести, например, колесико на мышке, чтобы прокручивать страницы. Только представьте себе: чтобы проскролить страницу сейчас вам нужно зажать левую кнопку мыши, продвинуть ее на нужное расстояние, отпустить копку мыши, вернуть мышь на место. Целых 4 действия! По моему мнению на скролл колесиком намного быстрее и эффективнее, задействуем всего пару мышц пальца, а не кисти как в таче… и так далее и далее и далее».
                                  0
                                  Я не настаиваю, а предлагаю альтернативу. Вы вправе считать так как считаете.
                                    +1
                                    Я ни в коем случае не хотел оскорбить ваши слова на этот счет. Просто интересная игра слов :)
                                    Сам я люблю тач.
                                      –2
                                      ок
                                  +1
                                  Попробовал ваш пример — практически не работает (Firefox 13, Ubuntu), так как работает выделение. При отпускании кнопки происходит прокрутка.

                                  То, что вы описали, реальзовано в стандартном убунтовском Document Viewer'е, только по средней кнопке мыши. Но там еще есть инерция — чем быстрее двинешь, тем дольше оно прокручивается, плавно останавливаясь.
                                    0
                                    Если говорить про «тач», то наверное направление прокрутки должно соответствовать направлению движения кисти, а у вас оно противоположное.
                                    В вашем примере мне удобнее было воспользоваться вертикальным скролом справа
                                      +2
                                      Не нужно ломать привычное управление привычными инструментами, ничего хорошего из этого не выйдет. Люди уже за 10 лет привыкли к колесу. Хотите другую прокрутку придумайте другой способ, например как на мышке от Apple, её нужно забавно гладить, это удобнее чем юлозить рукой по столу
                                        +1
                                        Дык в любой читалке pdf можно таскать страничку, как говорите вы — мышой — а можно скроллить. В вебе такой режим будет удобно мало кому, потому что непонятно, как выделять текст (а это любимая привычка многих пользователей во время чтения).
                                          –1
                                          Выделение текста временно выключено из-за того, что с ним не решены не все проблемы
                                            +1
                                            Я не скачивал ваш пример, просто если скроллить указанным способом, выделения в принципе быть не может: зажал мышу = скролл. Если сделать зажал так = скролл, зажал сяк = выделение, это вообще будет чёрти что.
                                          0
                                          Мне, кажется, что это небольшой оверхед — оптимизировать страницы под такое дело. Это легко решается железом + софтом на уровне ОС без какой-либо модификации сайтов.

                                          В Max OS X 10.7 (использую с этой версии) к этому подошли достаточно удобно, имхо. Сначала привыкал, а теперь с удовольстивем использую Magic Mouse/трекпад для перемещения по веб-страницам (и вообще по всему, что нужно скролить).
                                          • UFO just landed and posted this here
                                              +1
                                              В точку, этот без колесика раз-два, раз-два, а ты такой раз-два-три-четыре. Давай коня подержу?
                                                0
                                                При скролле больших изображений или увеличенных документов это и так, как правило, реализовано (адоб ридер, фотошоп), а в вебе такое редко встречается. Ну и при просмотре сайтов с бесконечным скроллом (типа soup.io) рука отсохнет вашим методом страницу двигать.
                                                  0
                                                  Вы предлагаете выбор между двумя вариантами:
                                                  1. микроперемещение пальца (лично у меня он и так на колесе по умолчанию) и его микродвижение
                                                  2. зажим кнопки, движение всей кистью, отрыв кисты и мыша от стола, смещение их вверх, повтор процедуры (чтобы не смещать локоть, опирающийся на стол).

                                                  Выбор, в плане скорости и удобства, очевиден.
                                                    0
                                                    «По моему мнению, на клик и легкое движение кисти тратится меньше энергии, чем на кручение колесика.»
                                                    Нет. Движение кисти (запястье + предплечье) энергозатратнее, чем мелкая моторика пальцев.

                                                    (для музыкантов это «очевидно»)
                                                      0
                                                      Мне удобно положить на тач два пальца и скролить. Не хочу, чтобы на некоторых сайтах было по-другому.
                                                        0
                                                        Я прокручиваю колёсико средним пальцем, его удобнее перемещать с правой кнопки мыши. ИМХО, идея хороша как разминка для программиста (в смысле — нераспространённая задача заставит призадуматься) но плоха как интерфейсное решение.
                                                          0
                                                          Чтобы не спорить, что удобнее есть хороший тест thedeepestsite.com/
                                                            0
                                                            http://cwr.ru
                                                            Сайт больше мертв чем жив и все же — эта идея там реализована
                                                              0
                                                              У оперы такое было — клик колесом показывал навигационное колесо — сдвиг мышки в нём приводил к скроллингу с заданной скоростью (определяемой смещением мыши относительно начального положения).

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

                                                                Предлагаю вам другой вариант: Откажитесь от кнопок и колесика совсем.
                                                                Когда сайт скроллится только по вертикали (а если это не так, то сайт не нужен), можно в левых 50 пикселах (как «наверх» во вконтакте и на хабре) сделать бескнопочный скролл. Перевел указатель влево в зону скролла – теперь движения мыши вверх/вниз перемещают видимую область по сайту. Вывел – пользуйся как обычно. Кстати, прыжок вверх по клику вполне совместим с этой техникой.

                                                                Что-то типа традиционного скроллбара, только шире и исключительно на движениях.
                                                                  0
                                                                  Мультитач + инертная прокрутка значительно удобнее. 4-ый год сижу без мыши вообще, маковский тачпад прекрасно решает эту проблему (а насколько я знаю, многие производители типа того же asus тоже встроили подобную функциональность).
                                                                    0
                                                                    Я пользовался MouseImp, которая позволяла скроллить движением мышки при зажатой правой кнопкой несколько лет. И честно скажу, это было настолько удобно, что я оочень долго не мог от этого отвыкнуть, когда в Firefox (он тогда только появился и прямо заставил на себя перейти) этот скроллинг не работал.
                                                                    Суть — в точном позиционировании при скроллинге, когда можно прокрутить с очень большой точностью как малый, так и большой промежуток, а все эти расчеты экономии движения меня тогда не волновали.
                                                                      0
                                                                      Только сейчас заметил, что у Google реализована похожая идея. Для скролла страницы нужно зажать две кнопки мыши. Кто-нибудь знает, давно ли это у них?

                                                                      Only users with full accounts can post comments. Log in, please.