Сочинение на тему Советы по мобильному веб-дизайну

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

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

 
• Оптимизируйте весь сайт для мобильных устройств

 

• Не заставляйте пользователей увеличивать масштаб

 

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

 

• Сообщите пользователям, какая ориентация экрана работает лучше всего

 

• Храните пользователя в одном окне браузера

 

• Избегайте маркировки “Полный сайт”

 

• Будьте понятны, зачем вам местоположение пользователя

 

• Минимизировать использование нумерации страниц

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

 
1. Приоритетность наиболее важного контента или функций: на мобильном месте мало, а время ценно, поэтому важно выбрать идеальный объем контента для показа в мобильной версии сайта. Мобильные веб-сайты должны быть быстрыми и загруженными, чтобы посетители мобильных сайтов могли возвращаться.

 

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

 

3. Дайте возможность просматривать весь веб-сайт: поскольку мобильный сайт может не полностью копировать функциональность и контент сайта для настольных компьютеров, рекомендуется хранить в мобильной версии ссылку, позволяющую пользователям переключаться на сайт для настольных компьютеров. ,

 

4. Воспользуйтесь преимуществами специфичных для мобильных устройств функций: многие телефоны и смартфоны оснащены встроенными функциями, которые позволяют пользователям автоматически выполнять такие действия, как GPS-сопоставление, сканирование QR-кодов или функция «нажми для вызова».

 

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

 

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

 

7. Создавайте удобные для мобильных устройств формы: независимо от устройства убедитесь, что формы в мобильной версии сайта просты в использовании, поскольку ввод информации на мобильном устройстве намного сложнее, чем на настольном сайте. Разрешить выбор данных через меню – это хороший выбор, но есть и другие варианты, как описано в Smashing Magazine.

 

8. Оптимизируйте навигацию: когда речь заходит о мобильных устройствах, часто меньше, а больше. Не путайте своих пользователей, направляйте их и позволяйте им свободно перемещаться по сайту. Избегайте настольных навигационных схем, если они не подходят для мобильных устройств.

 

9. Минимизируйте путь действия: используйте нажимаемые кнопки для выполнения действия, уменьшите ввод текста пользователем, измените шрифт и цвет фона выбранных ссылок и кнопок.

 

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

И последнее, но не менее важное: каждый веб-сайт отличается от других, поэтому всегда рекомендуется проводить мобильное тестирование юзабилити, чтобы гарантировать, что мобильный веб-сайт обеспечивает удобство работы пользователей. Согласно последним исследованиям, пяти юзабилити-тестеров достаточно для представления 85% проблем юзабилити, но чем больше тестов вы сможете выполнить, тем больше информации вы соберете. Юзабилити-тест может быть сложным и дорогостоящим, если его проводить надлежащим образом, но есть и другие интересные способы проверить, правильно ли доставлен мобильный сайт или нет, как показывает Newfangled здесь. Использование онлайн-решения для мобильного тестирования может быть еще одним хорошим вариантом.