Рубрики
 СПОНСОР
 Новости от БигМир

08 Apr 2011

 7 пользовательского веб-интерфейса ошибки, чтобы избежать для смартфонов и таблетки


Разделы: Новости Интернет it

Клиенты говорят darnedest вещи. На днях, один издевались, "Тот, кто смотрит на нашем сайте на глупый маленький экран телефона, вероятно, не наш клиент в любом случае."

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



Слишком часто, клиенты недооценивают, насколько быстро смартфоны, планшетные ПК и других мобильных устройств меняется способ доступа клиентов в Интернете. Хуже того, несколько веб-разработчики, похоже, готовы обучать своих клиентов об этих современных реалий. Графические дизайнеры по-прежнему видят свою Apple Cinema Display мониторы, как холсты и краски свои сайты, соответственно, не считаясь с тем, что конечный продукт будет часто увидеть на значительно меньшие экраны. И кодеры осуществления этих проектов слепо, даже если они, все люди, должны понимать сложности и ограничения HTML и CSS.

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

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

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

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

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

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

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






Метки: it
Рубрики: Новости Интернет it

 Комментировать



Ограничение в 1000 символов




 Счетчики