adsPlace_1

Войти или Зарегистрироваться

adsPlace_3

Юзабилити мобильного сайта

Юзабилити мобильного сайта

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

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

2. Правило «одной колонки».
Растянутые по ширине интернет-страницы фактически невозможны к чтению на мобильном устройстве. Необходимо подчеркнуть то, что причина, как постоянно, та же — небольшой размера устройств. Само-собой разумеется, даже на телефонах с довольно огромным экраном широкие интернет-страницы не как бы помещаются на сто процентов, содержание приходится как бы приближать, что очень неловко даже для юзеров, как всем известно, самых современных моделей.
Заместо этого используйте формат странички в одну колонку. И даже не надо и говорить о том, что тогда прокрутка будет вертикальной, что довольно комфортно фактически на всех моделях устройств.

Юзабилити мобильного сайта - одна колонка

3. Используйте форму навигации, которая подходит специфике вашего сайта.

  • Основная страничка, состоящая из навигационной панели и форме поиска подойдет для ситуаций, в каких юзер опосля входа на главную сходу, стало быть, воспользуется поиском либо перейдет на последующую страничку. Очень хочется подчеркнуть то, что читать содержание главной он все равно не будет.
  • Ежели для вас необходимо, чтоб информация на, как мы выражаемся, главной была прочитана, разместите навигацию внизу. Все давно знают то, что юзер все также, мягко говоря, будет иметь к ней доступ, но, как мы с вами постоянно говорим, навигационная панель не встанет меж ним и информацией, которую он так сказать читает. Как вариант – «наверху» можно, наконец, расположить одну клавишу, которая так сказать переправит юзера к, как мы выражаемся, навигационной панели в «подвал» веб-сайта.
  • Ежели деяния юзера предугадать тяжело, разместите меню выпадающим перечнем. И действительно, навигацию можно как бы расположить сразу и сверху, и снизу.

4. Сколько версий вам нужно?
Экраны и вычислительная мощность мобильных девайсов сильно различается. Все давно знают то, что в то время, как телефоны способны без заморочек, наконец, загрузить фактически всякую интернет-страницу, телефоны прошлых поколений с сиим управятся не постоянно. Потому, ежели для вас довольно достичь аудитории, владеющей телефонами, для вас, стало быть, хватит одной версии. Но ежели вы желаете достичь наиболее, как многие думают, широкой аудитории, стоит наконец-то сделать версии и для устройств попроще. Вообразите себе один факт о том, что к примеру, facebook.com имеет, как все знают, целых 3 мобильных версии: m.facebook.com является, как мы привыкли говорить, основной мобильной версией, touch.facebook.com — версия для touchscreen мобильных телефонов, 0.facebook.com — версия, оптимизированная для государств с чрезвычайно, как все знают, малеханькой скоростью загрузки.

Юзабилити мобильного сайта - версии сайтов

5. Touchscreen и кнопочная навигация.
В дизайне нужно учитывать, чтоб приложение было, как мы привыкли говорить, комфортным и для touchscreen, и для устройств с кнопочной навигацией. Как бы это было не странно, но к примеру, юзер touchscreen-модели будет как раз кликать по ссылкам ударом пальца. Несомненно, стоит упомянуть то, что маленькие, близко, как все говорят, расположенные друг от друга ссылки, стало быть, будут для него неудобны, потому что велика возможность кликнуть не туда.

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

  • Выполнение вызовов — удобно для автоматического телефонного вызова со страницы контактов, или главной страницы.
  • Добавьте возможность посмотреть ваш адрес на карте в один клик.
  • Функция «Найти ближайший объект» поможет найтись друзьям, если это социальная сеть, или ближайший бутик, если это сайт магазина.

источник

Последние из рубрики


Warning: file_get_contents(https://graph.facebook.com/v2.8/?fields=share{comment_count}&id=https://phpdes.com/other/yuzabiliti-mobilnogo-sajjta/): failed to open stream: HTTP request failed! HTTP/1.1 403 Forbidden in /home/phpdesig/phpdes.com/www/wp-content/themes/phpdes.new/comments.php on line 12

Комментарии(0)

  • Комментариев еще нет. Будь первым!

    Оставь свой отзыв

    Для вставки кода используйте кнопки php, html, javascript, css, sql

    * - поля обязательны к заполнению