Вещи рассмотреть при записи для сенсорного экрана?
Попробуйте:
HTML
Title
Paragraphs of various lenthParagraphs of various lengthParagraphs of various length
Title
Paragraphs of various lenthParagraphs of various lengthParagraphs of various length
Title
Paragraphs of various lenthParagraphs of various lengthParagraphs of various length
CSS
.container {
display: flex;
}
.item {
display: flex;
flex-flow: column;
}
.item:not(last-child) {
margin-right: 10px;
}
.item__image {
}
.item__content {
flex: 2 ;
}
.item__options {
text-align: center;
height: 100px;
}
просмотреть вывод здесь: https://jsfiddle.net/2467mgn5/ 2 /
10 ответов
Несколько вещей рассмотреть:
Необходимо объяснить ошибку параллакса при касании средств управления. В основном пользователь может коснуться экрана выше или ниже Вашего фактического управления и поэтому пропустить управление. Это - комбинация размера управления (например, у Вас может быть активная область, больше, чем визуальный контроль, чтобы позволить пользователю пропускать и все еще активировать управление), угол обзора пользователя (который Вы можете или не мочь предсказывать/управлять), и тип сенсорного экрана, который Вы используете. Если Вы знаете, куда пользователь будет размещен относительно экрана при использовании его, можно обычно снабжать это соответствующей калибровкой.
В зависимости от типа сенсорного экрана Вы, возможно, должны удостовериться, что Ваши пользователи не носят перчатки или используют реализацию кроме их пальцев (например, конец пера) для касания экрана. Некоторые экраны (например, те, которые в зависимости от проводимости) ни на что не хорошо отвечают кроме плоти и крови.
Избегайте использования двойных щелчков, потому что пользователям может быть очень трудно надежно дважды щелкнуть по управлению. Это может быть частично смягчено, если Вы испытали/обучили пользователей, работающих в довольно управляемой среде, где они привыкли к экранам.
Связанный с вышеупомянутым при использовании двойных щелчков можно найти двойной щелчок активированным, когда пользователь только хочет к одиночному нажатию. Это вызвано тем, что для пальца пользователя очень легко возвратиться немного при касании экрана и, в зависимости от того, насколько чувствительный настройки двойного щелчка являются, инициировали двойное, а не одиночное нажатие. Для этого и предыдущей причины, мы всегда отключаем двойные щелчки и только используем одиночные нажатия (или подобные единственные средства управления активацией).
Однако большой Вы думаете, что необходимо сделать средства управления для обеспечения сенсорной активации, они почти наверняка должны быть больше все еще. Удостоверьтесь, что Вы тестируете интерфейс с реальными пользователями в реальной среде развертывания (или как близко к нему, поскольку можно добраться). Например, мы развернули некоторые экраны с хорошими большими кнопками, которые Вы не могли пропустить только, чтобы найти, что диспетчерская была неотапливаемой и что пользователи носили толстые перчатки в середине зимы, делая их пальцы путем больше, чем мы допускали.
Не помещайте средства управления около краев экрана - очень трудно получить Ваш палец в края (особенно, если экран имеет глубокую внешнюю панель), и небольшая калибровочная проблема может легко сместить управление, слишком близкое к краю для использования. Стандартные меню и полосы прокрутки являются хорошим примером средств управления, которые могут быть очень хитрыми для использования на сенсорном экране, и необходимо или избежать их (который предпочтителен - они не хороши для сенсорных экранов), или копируйте их с гигантскими эквивалентами.
Помните, что рука пользователя будет по экрану, затеняя часть экрана и средств управления (обычно те, которые ниже, где пользователь затрагивает, но это зависит от положения пользователя относительно экрана). Не помещайте инструкции или индикаторы, где рука пользователя затенит их при попытке использовать управление, они касаются (например, обычно помещайте их выше, а не ниже управления).
В зависимости от среды удостоверьтесь, что Ваш сенсорный экран соответственно проверен против пыли, ослабления, смазка и т.д., и удостоверьтесь, что легко убрать, не повреждая его. Вы не верили бы слизи, которая может быстро накопиться на сенсорном экране в промышленной или общедоступной установке.
Другой очевидный - то, что нет никакого эквивалента указателя 'парения'. Не то, чтобы это влияет на многие приложения все же.
Самая очевидная вещь состоит в том, что все на GUI должно быть достаточно большим, чтобы кончик пальца совершил нападки, который иногда больше, чем Вы думаете.
Как был упомянут, нет действительно никакого пути к действию щелчка правой кнопкой для случая. Кроме того, двойной щелчок может быть хитрым с кончиком пальца на сенсорном экране.
Другая главная вещь состоит в том, что Вы захотите создать экранную клавиатуру, которая открывается для ввода текста и экранной цифровой клавиатуры для числа только поля.
Если Вы решаете вставить аналоговые средства управления (полосы прокрутки, виджеты вращения, и т.д.), несомненно, вставят цифровое управление также. Некоторые компании думают, что сенсорный экран означает идеальное управление чем-то с Вашими пальцами. В реальной жизни это переводит в минуты разочарования, пытающегося зафиксировать число, это просто немного выключено.
Я записал свой собственный набор средств управления для приложения POS, специально разработанного, чтобы быть товарищеской встречей с сенсорным экраном.
Не забудьте позволять достаточно недвижимости для тупиковых пальцев и когтей. В нашем приложении у пользователей могут быть эти маникюры, которые требуют их для использования клавиатуры их пальца вместо подсказки. Это означает, что необходимо предоставить больше пространства для областей активации, чем Вы обычно рассматривали бы в каком-либо другом типе приложения.
Я также рекомендовал бы разместить себя как программист с точки зрения тестирования и с точки зрения, что вещи изменяются и там, возможно, должны быть клавиатурой/мышью, присоединенной к несенсорной рабочей станции. Я не могу сказать Вам, сколько раз я пошел для касания моего плоскопанельного жидкокристаллического дисплея, ожидая, что что-то будет происходить, прежде, чем будет помнить, что я должен был использовать мышь.
Большие gui элементы являются главной вещью. Но это относится ко всем элементам, полосам прокрутки, вкладкам и даже текстовым полям.
Другая главная вещь, о которой я могу думать, пользователю трудно щелкнуть правой кнопкой. Таким образом, вещей, которые требуют щелчка правой кнопкой, нужно избежать, контекстные меню являются единственной вещью, которая приходит на ум в данный момент.
Удостоверьтесь, что считали свои основные принципы UI как закон Fitz (Время для получения цели является функцией расстояния до и размера цели).
Также рассмотрите, является ли устройство стационарным или не, когда оно используется (например, как palmpilot или iPhone), исследование показывает, что необходимо разместить это в дизайн.
Другие ответы довольно хороши, но действительно ли Вы полностью уверены, что сенсорный экран на самом деле было бы легче использовать? Существует много устройств, где сенсорный экран на самом деле делает их намного тяжелее для использования, не легче. Основная проблема состоит в том, что Вы не можете использовать устройство, когда Вы не смотрите на него. Если пользователи собираются быть выполнением большого количества повторяющихся действий, клавиатура могла бы быть намного более эффективной.
Кроме того, сенсорный экран могло бы быть намного более трудно использовать кем-то с нетрудоспособностью, если Вы думаете, что существует даже маленький шанс, который мог бы произойти.
Если Вы уже не сделали так, взгляните на часть документации, доступной разработчикам на мобильных платформах, например, Windows Mobile, iPhone.
Несмотря на то, что сейчас он довольно старый, я счел его полезным в качестве отправной точки для рассмотрения дизайна.
http://www.sapdesignguild.org/resources/tsdesigngl/index.htm