Please enable JavaScript.

Coggle requires JavaScript to display documents.

С. Круг "Не заставляйте меня думать, веб-юзабилити и здравый…

- - - - "Поживем — увидим".
      - Определение юзабилити
        
        Полезность. Делает ли нечто то, что людям требуется сделать?
        
        Изучаемость. Могул ти люди выяснить, как его использовать?
        
        Запоминаемость. Надо ли каждый раз изучать все заново при повторном использовании?
        
        Эффективность. Позволяет ли оно выполнить работу?
        
        Продуктивность. Выполняется ли работа с разумными затратами времени и усилий.
        
        Востребованность. Нужно ли это людям?
        
        ~Привлекательность. Приносит ли его использование радость (или даже забавляет)?
        Своего рода это доп. коэфф. доверия за разработку дизайна, учитывающего пользовательский опыт.
- - - - Неочевидные ссылки и кнопки.
      - Каждый вопросительный знак крадет энергию, энтузиазм и время и увеличивает нагрузку на сознание, отвлекая от текущей задачи.
      - Правило: Если вы не можете сделать что-либо самоочевидным, вам необходимо сделать это говорящим за себя. :explode:
      - Чтобы веб-страницы были эффективными, они должны демонстрировать основную часть своего волшебства с первого взгляда.
      - Забавные, заумные, специфичные названия, отличающиеся от общепринятых, и непонятные технические наименования.
  - - - 3. Люди не читают инструкций, они используют вещи, не понимая принципов их работы или имея неправильное представление об этом. Но для них это не важно, если получается достичь результата
        
        Очень важно, чтобы люди "въехали", поскольку метод "на авось" иногда срабатывает, но обычно является неэффективным и приводит к ошибкам.
        
        Если пользователи "въедут", то гораздо больше шансов, что:
        
        Они отыщут необходимое, а это хорошо и для них, и для вас
        
        Они осознают полных охват того, что предлагает ваш сайт, а не только те части, на которые они случайно набрели.
        
        Вы сможете направить их в те части вашего сайта, которые вы считаете нужным показать.
        
        Они будут чувствовать себя увереннее и в результате придут к вам снова.
    - - 　
        
        Создайте четкую визуальную иерархию.
        
        Чем важнее, какой-либо элемент, тем он заметнее.
        Самые важные элементы либо больше, либо выделены жирным шрифтом или другим цветом, отделены большим пустым пространством, расположены в верхней части страницы — или используют комбинацию перечисленного.
        
        Элементы, которые логически связаны, связываются и визуально.
        
        Вложенные элементы показывают, что является частью чего.
        
        Хорошая визуальная иерархия избавляет от работы, позволяя ухватить суть практически мгновенно.
      - 　
        
        Разбейте страницу на четко разграниченные области.
        
        Деление страницы на области позволяет пользователям быстро решить, на каких частях страницы сосредоточиться, а какие игнорировать без ущерба для себя.
      - 　
        
        Выделите то, по чему можно кликнуть.
        
        Глупая ошибка - использовать один цвет для ссылок и заголовков, по которым нельзя кликнуть
      - 　
        
        Используйте условности с выгодой для себя.
        
        Вводите новшества, когда вы уверены в том, что ваша идея лучше, и извлекайте выгоду из условностей, если сомневаетесь.
        Если вы не собираетесь пользоваться существующими веб-условностями, вы должны быть уверены, что заменяете их либо а) чем-то насколько ясным и говорящим за себя, что объяснения не требуются, либо б) чем-то настолько ценным, что оно заслуживаем небольших усилий на изучение
        
        ЯСНОСТЬ ВАЖНЕЕ СОГЛАСОВАННОСТИ.
      - 　
        
        Избавьтесь от того, что отвлекает внимание.
        
        Визуальный шум:
        
        Крикливый. Когда каждый элемент страницы требует вашего внимания. Обычно означает, что не удалось принять ясное решение, какие элементы являются наиболее важными.
        Истина: важным не может быть все.
        
        Неупорядоченность. Верный признак, что дизайнер не понимает важность применения сетки для выравнивания элементов страницы
        
        Хаос. Переполнение. Истина: избавляться от всего, что не приносит реальной пользы.
      - 　
        
        Отформатируйте текст так, чтобы его было удобно просматривать
        
        Используйте много заголовков
        
        Играют роль неформального конспекта или содержания страницы.
        
        Помогают принять решение, какие части текста прочитать/просмотреть/пропустить.
        
        :!:Соблюдение стилей
        
        Очевидные различия в заголовках разного уровня.
        
        Не позволяйте заголовкам висеть в воздухе - заголовки ближе к тому разделу, который начинают
        
        Делайте абзацы короткими.
        
        Длинные абзацы отпугивают, в них сложнее отследить текущее место чтения, и они сложнее для просмотра, чем ряд коротких абзацев.
        
        Годятся абзацы, состоящие даже из одного предложения.
        
        Используйте маркированные списки.
        
        Почти все, что может стать маркированным списком, вероятно, и должно быть так оформлено.
        
        :!: Для оптимальной читабельности следует добавить небольшой отступ перед каждым пунктом списка и после него.
        
        Выделяйте ключевые понятия
        
        Не выделяйте слишком много, иначе прием утратит эффективность. (Ссылки выделять тоже не нужно)
        
        Если выделить жирным шрифтом самые важные понятия, когда они впервые встречаются в тексте, их будет легче найти.
      - Животное, растение или минерал?
        
        Глава 4. Почему пользователям нравится выбор без размышлений
        
        Не имеет значения, сколько раз я должен щелкнуть мышью, если каждый щелчок не требует размышлений и является однозначным выбором. :explode:
        
        　
        
        Если поставить перед сложным выбором необходимо, указаний должно быть столько, сколько потребуется, но не больше.
        
        Краткие. Наименьшее кол-во информации, которое поможет пользователю.
        
        Уместные. Размещены так, чтобы пользователь встречал их именно тогда, когда нужно.
        
        Неизбежные. Отформатированы так, что их невозможно не заметить.
        
        Обеспечить выбор, не требующий размышлений, - это одна из самых важных задач, которую вы можете решить, чтобы вашим сайтом стало удобно пользоваться.
        
        Избавьтесь от ~~лишних~~ слов
        
        Глава 5. Искусство веб-лаконичности
        
        　
        
        Избавьтесь от половины слов на каждой странице, а затем избавьтесь от половины оставшихся. :explode:
        
        Зачем?
        
        Снижение уровня шума.
        
        Полезное содержимое становится более отчетливым.
        
        Страница становится короче, что позволяет пользователям с первого взгляда увидеть без прокрутки большую часть страницы.
        
        Что убирать?
        
        Треп: вводный текст, приветствие, описание разделов, самовосхваление.
        
        Инструкции. Цель - полностью избегать инструкций, сделав все самоочевидным.
        
        Дорожные указатели и хлебные крошки
        
        Глава 6. Разработка навигации
        
        　
        
        Люди не станут пользоваться вашим веб-сайтом, если они не смогут сориентироваться в нем.
        
        Неощутим масштаб веб-пространства.
        
        трудно понять, увидели ли все, что интересует.
        
        полезно, чтобы просмотренные ссылки отображались другим цветом - возникает хоть какое-то ощущение величины охваченного пространства.
        
        Неощутимо местоположение.
        
        Главные страницы - (сравнительно) фиксированные места, с которых можно начать все сначала (играют роль Полярной звезды)
        
        Неплохо добавлять раздел "Главная" в число основных разделов сайта.
        
        　
        
        1 more item...
        
        　
        
        1 more item...
        
        Название страницы:
        
        каждой странице требуется название.
        
        должно обрамлять контент, уникальный для данной страницы.
        
        должно быть заметным.
        
        должно соответствовать тому, по чему щелкнули мышью.
        
        Теория большого взрыва для веб-дизайна
        
        Глава 7. Важность того, чтобы люди начинали идти с верной ноги.
        
        　
        
        Первые несколько секунд на незнакомом сайте - решающие. (Получение общего представления - что? о чем? как?)
        
        5 more items...
        
        "Хозяин фермы и пастух должны быть друзьями"
        
        Глава 8. О том, почему большинство споров об удобстве пользования - это пустая трата времени, и о том, как их избежать.
        
        　
        
        1 more item...
        
        Юзабилити-тестирование за пять рублей в день
        
        Глава 9. Сделайте проверку простой - этого будет достаточно.
        
        7 more items...