Пальцы – это не мышь.
@designertyt#4/17
Одна из первых вещей, которую следует учитывать при разработке чего-либо, что будет использоваться (в диджитал сфере или нет), заключается в том, как оно будет использоваться физически. В случае с диджитал нам обычно потребуется какое-то устройство ввода, например мышь или ваши пальцы.
Пальцы толще, чем курсор мыши.
Мышь - это устройство, которое вы держите в руке, и она перемещает маленькую стрелку на экране. Она включает координацию рук и глаз. Она может выбрать один пиксель, но 8-10 пикселей более удобны. Она может щелкнуть, щелкнуть и перетащить, перетащить мышью, выбрать область или список и многое другое!
Ваш палец, часть вас, и вы чувствуете, как он касается. Позиционирование вашего пальца или руки осуществляется самой основной частью вашего мозга. Самая маленькая область, которой может коснуться палец, составляет около 30-50 пикселей в зависимости от пальца. Палец может касаться, перетаскивать и даже перемещаться, рисуя фигуры на экране (называемые жестами).
Очевидно, что эти две вещи взаимодействия абсолютно разные, и когда мы на самом деле что-то разрабатываем, мы думаем иначе.
РЕАЛЬНЫЕ МЕТАФОРЫ
Когда вы физически касаетесь экрана, между вами и кнопкой нет «устройства». Вы буквально нажимаете кнопку. Указатель же мыши метафорически нажимает кнопку. Щелчок является двухэтапной причиной и следствием. Щелкните мышью = нажмите кнопку = действие. С вашим пальцем это всего лишь один шаг ... нажмите кнопку = действие.
ОТНОСИТЕЛЬНОЕ / РЕАЛЬНОЕ ПОЗИЦИОНИРОВАНИЕ
Если мы отключим экран и переместите мышь, где указатель? Мы понятия не имеем. Если мы выключим экран и пошевелим рукой, где ваш палец? Это маленькая вещь, но это имеет большое значение в понимании. Если вы хотите увидеть, как неестественна мышь на самом деле, поверните ее и попытайтесь использовать ее в обратном направлении.
Компьютер всегда знает, где находится указатель мыши. Когда указатель находится над кнопкой, кнопка часто меняет цвет. Однако компьютер не знает, где находится ваш палец, пока вы не коснетесь. Области «Tappable» должны быть более очевидными, поскольку они не имеют обратной связи «hover» или «mouseOver».
ПРОЗРАЧНОСТЬ
Ваши пальцы закрывают все, что вы нажимаете, когда вы нажимаете на это. Если вы нажимаете и перетаскиваете, вы не можете увидеть, что вы перетаскиваете. Когда вы щелкаете мышкой и перетаскиваете мышью, вы все равно можете видеть, что именно вы перетаскиваете и что там находится. Попробуйте ввести текст на телефоне и обратите внимание, что буква, которую вы нажимаете, отображается над клавишей.
Имейте в виду, что экран имеет трение и работает медленнее, чем перемещение мыши. Перетаскивание по всему экрану не так удобно пальцем, как с мышью.
Все пальцы намного больше, чем указатель мыши. Маленькие текстовые ссылки отлично подходят для маленькой мыши, а большие толстые кнопки отлично подходят для пальцев.
И вот почему пальцы ≠ мышь.