Интерфейс: основные компоненты и их влияние на пользователя


Проектирование мобильных интерфейсов



Скачать 314,64 Kb.
страница6/14
Дата19.06.2022
Размер314,64 Kb.
#186316
1   2   3   4   5   6   7   8   9   ...   14
Связанные:
Bilety 2022 Proektirovanie interfeysov (1)

Проектирование мобильных интерфейсов.

Особенности оборудования мобильного устройства

  1. Малоразмерный экран

  • Большинство мобильных устройств имеет ограниченный размер экрана (128 х 128 пикселей)

Рекомендации:

  • Информация должна быть представлена в сжатом, но информативном виде.

  • Лишних и второстепенных деталей не должно присутствовать в интерфейсе

  • Следует использовать принцип «вложенности», т.е. давать информацию порциями, когда каждый информационный элемент может быть более подробно расшифрован на отдельной странице.

  1. Параметры экранов значительно варьируются

Рекомендации:

  • Следует применять вёрстку без привязки к размерам экрана, так, чтобы данные корректно отображались на экранах разного размера

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

  • Кодирование цветом допустимо только лишь как вспомогательное, но не основное

  1. Малоразмерный кэш и cookies

  • Количество информации, отображаемое на одной странице, ограничено

  • Количество последовательных экранов, сохраняемых в памяти устройства, ограничено

  • Количество данных о посетителе сайта, которые устройство может запомнить, ограничено

Рекомендации:

  • Страницы с объёмным содержимым (длинные списки и тексты) следует разбивать на несколько страниц

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

  • Следует использовать оптимизированный код и небольшие CSS

  1. Ограниченные возможности ввода

  • Большинство МУ обладают весьма ограниченным набором средств ввода: клавиатура с небольшим количеством клавиш, размер клавиш маленький, чаще всего указательное устройство отсутствует.

  • Возникают трудности корректного набора длинных адресов с большим количеством знаков препинания, корректного заполнения форм со многими полями и т.п.

  • Далеко не на всех МУ есть кнопка Back, либо пользователи могут не догадываться о существовании такой возможности.

  • Пользователь обычно может вводить информацию только одной рукой (иногда только одним-двумя пальцами), т.е. скорость ввода может быть значительно низкой, а ошибки ввода – значительно частыми

Рекомендации:

  • Следует свести количество нажатий клавиш к минимуму. Например, следует использовать как можно более короткие URI-адреса

  • Следует избегать полей со свободным пользовательским вводом. Например, следует заменять поля ввода другими контролами, которые не требуют длительного ввода: списками выбора или радиогруппами.

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

  • Максимальное количество полей в заполняемых пользователем формах должно быть заполнено значениями по умолчанию.

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

  • Если пользователь заполнял уже эту форму, то при повторном её посещении следует восстановить её заполненный вид (опционально – по желанию пользователя).

  • Если это возможно, следует применять технику автозаполнения/автоподстановки (приложение по нескольким первым введённым символам предлагает пользователю варианты из ранее вводимых значений для подстановки в это поле).

  • Следует устанавливать по умолчанию режим ввода, язык и формат ввода там, где это уместно

  • Там, где уместно ограничить набор вводимых символов, следует сделать это. Например, при вводе телефонного номера или указания времени, вряд ли потребуется вводить буквы.

  • В навигации следует обеспечивать возврат к предыдущему экрану (Back)

  • Навигационное меню (ссылки на панели глобальной навигации по основным разделам сайта, присутствующей на каждой странице) должно иметь клавиши быстрого перехода (атрибут accesskey) – это даст возможность пользователям устройств без позиционирующих указателей избежать утомительного повторного нажатия навигационных клавиш

  1. Пропускная способность и цена трафика

  • Мобильные сети могут быть существенно медленнее сетей стационарных, и часто обладают существенными временными задержками. Это особенно ярко чувствуется на страницах с объёмным содержимым и при быстрых навигационных переходах (листании страниц)

  • Передача данных стоит денег

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

  • Даже если МУ поддерживает закачанный контент, полученный контент может не удовлетворить потребителя – например, большая картинка только частично отображается на экране, или проигрываются не все голоса полифонической мелодии

  • Страницы могут содержать контент, который не был явно запрошен пользователем, и пользователь не ожидает его получать (это, например, может быть реклама или большие изображения) – такой нежелательный материал снижает юзабилити и повышает цену использования

Рекомендации:

  • Следует всеми возможными способами минимизировать объём единомоментно загружаемых страниц (оптимизировать код и изображения, использовать небольшие картинки только там, где это необходимо, разбивать объёмные страницы на несколько страниц, и т.д.) – это позволит повысить скорость реакции системы и цену использования, обусловленную объёмом трафика.

  • Большие изображения следует предварять миниатюрами с явным указанием размеров и объёма загружаемой картинки.

  • Ссылки на любой загружаемый мобильный контент следует специфицировать в явном виде (тип, объём, размер, и т.д.).

  • Реклама должна быть явным образом и единообразно обозначена.


  1. Скачать 314,64 Kb.

    Поделитесь с Вашими друзьями:
1   2   3   4   5   6   7   8   9   ...   14




База данных защищена авторским правом ©psihdocs.ru 2022
обратиться к администрации

    Главная страница