Юзабилити

R4an_93 · 16 апр 2013

Предлагаю здесь размещать книги по разработке UI и статьи по оптимизации сайтов

Podmasteri · 16 апр 2013

Вот несколько ссылок, которые заинтересовали, ваш приговор этим ресурсам, стоит ли их читать, доверять?

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

R4an_93 · 16 апр 2013

Предлагаю прям здесь размещать статьи. Как такой вариант?
Юзабилити: 7 ошибок, которые обходятся дорого

Спойлер

Показатель отказов, быстрые выходы, просмотры одной-двух страниц без каких-либо действий, низкая конверсия – все это производит удручающее впечатление на владельцев интернет-магазинов. Среди причин такого поведения посетителей – ошибки в юзабилити сайтов, удобстве их использования. В этом материале приведены семь таких ошибок и советы по избавлению от них. Все заявления подкреплены соответствующим исследованиями.
1. Отсутствие полноценных заголовков

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

внимание посетителя привлекается заголовками практически моментально, даже изображения не могут составить им конкуренцию;

перед тем, как принять решение о дальнейших действиях – продолжить ознакомление с сайтом или покинуть его – посетитель сканирует только первую пару слов заголовка;

время, уделяемое заголовку пользователем, равно примерно одной секунде.

Таким образом, отсутствие выделенных и продуманных заголовков отрицательно сказывается на продажах.
2. Низкая скорость загрузки страниц

Давно известный факт: чем медленнее загружаются страницы сайта, тем больше людей покидает его, так и не увидев контент. Согласно результатам исследования, проведенного командой Microsoft Bing, задержка в пару секунд ухудшает впечатления посетителей на 3,8%, снижает прибыль с пользователя на 4,3% и количество кликов на 4,4%. Люди в интернете совсем не хотят ждать. Они не станут жаловаться на медленную загрузку, а просто закроют вкладку.
Кроме того, скорость загрузки страниц влияет и на позиции в поисковой выдаче. Если вы можете оптимизировать страницы своего интернет-магазина – сделайте это.
3. Типографика и интервалы

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

4. Рисунок движения глаз

То, как двигаются глаза пользователя во время чтения контента, во многом определяет его путь по сайту. Согласно данному исследованию, рисунок движения глаз большинства посетителей похож на букву F. Левая сторона страницы привлекает пользователей больше правой: на изучение контента в левой части тратится 69% времени.
Таким образом, все, что вы хотите донести до посетителя при входе лучше располагать слева.
5. Запутанная навигация

Скорее всего, на меню вашего сайта посетитель обратит внимание после заголовков (если они его заинтересуют, конечно). Почему правильная категоризация и меню имеют большое значение? Потому что, согласно результатам этого опроса, 70% посетителей предпочитают продвигаться по сайту кликами, а не с помощью поиска. Поиск используется только тогда, когда человек не может найти что-то конкретное.
Кроме того, важно расположить навигационные ссылки там, где посетитель ожидает их увидеть. Оригинальный дизайн – это хорошо, но заставлять пользователя искать меню все же не стоит.
6. Правило 3-х кликов

Среди юзабилистов есть поверье: если посетитель не нашел то, что искал, после трех кликов, он жутко расстраивается. Логика в этом есть, особенно в контексте нетерпеливости пользователей интернета. Однако вот это исследование показывает, что правило трех кликов – миф. 3 клика или 12 кликов – особой разницы нет. Все зависит от типа выполняемых действий. Во многих случаях посетители вполне готовы поработать мышью.
Вместо того, чтобы фокусироваться на уменьшении количества кликов, продумайте процесс и формулировки с более глобальной точки зрения. Уделите больше внимания интуитивной понятности всех шагов, объяснениям, простоте подачи.
7. Длинные страницы

Длинные страницы имеют как минимум два преимущества (доказано этим исследованием):

больше слов – больше возможностей убедить посетителя стать покупателем;

длинная страница – сама по себе фильтр качества посетителей, ведь те, кто прочтет все до конца, явно имеют больше интереса в вашем предложении.

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

R4an_93 · 16 апр 2013

Дизайн и юзабилити интернет-магазина: 10 советов

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

R4an_93 · 17 апр 2013

Как цвета влияют на продажи?

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

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

R4an_93 · 24 апр 2013

Что раздражает посетителей интернет-магазинов

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

zek24 · 28 апр 2013

Ловите раз и два.

AlexPiku · 14 май 2013

И мои 5 копеек.

Отличный ресурс с постоянно обновляемым контентом по юзабилити

http://www.uxfox.ru/

weghjn · 17 июл 2013

Оценка юзабилити

Спойлер

Есть много простых способов оценить юзабилити web-сайта без привлечения пользователей. Чтобы эта оценка была стандартизирована и, по возможности, исключала человеческий фактор оценивающего, рекомендуется пользоваться заранее составленными оценочными формами.
Эта форма позволит вам повысить usability разрабатываемого web-сайта, или быстро оценить существующий ресурс.
Архитектура и Навигация

Соответствует ли структура сайта целями, для достижения которых он предназначен?

Понятна ли схема навигации?

Можно ли определить в каком месте сайта вы находитесь?

Как вы находите на сайте то, что вам нужно?

Является ли разумным количество элементов в навигационных панелях?

Логично ли отсортированы элементы навигационных панелей?

Названия гиперссылок соответствуют названиям страницы?

Гиперссылки выделены отчетливо?

Существует ли отчетливо выделенная ссылка на главную страницу?

Существует ли возможность поиска информации на сайте?

Существует ли карта сайта?

Каждая ли страница позволяет понять, на каком сайте вы находитесь?

Может ли пользователь управлять навигацией по сайту?

Планировка и Дизайн

Размер страницы превышает размер окна?

Схема планировка повторяется на всех страницах?

Существует ли отчетливый фокус на каждой странице?

Планировка визуально видна?

Эффективно ли используется выравнивание?

Эффективно ли используется группировка?

Есть ли хороший контраст?

Не громоздкая ли планировка?

Нравится ли вам сайт эстетически?

Содержание

Тексты на сайте понятны и лаконичны?

Организован ли текст в виде небольших блоков?

Встречаются ли в тексте грамматические и орфографические ошибки и опечатки?

Содержат ли страницы вводный текст?

Поддерживают ли мультимедийные компоненты задачи пользователя?

Являются ли единицы измерения, используемые на сайт понятными и не вызовут ли они трудностей при использовании их иностранцами?

Представлены ли на сайте время и дата создания страниц?

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

Представлены ли на сайте адреса с почтовыми индексами?

Формы и Взаимодействие

Соответствуют ли формы задачам пользователя?

Обладают ли диалоги логичной последовательностью шагов?

Обладают ли диалоги понятной кнопкой или ссылкой для перехода к следующему шагу?

Являются ли диалоги последовательными и лаконичными?

Все ли элементы форм используются по назначению?

Сгруппированы ли элементы формы по своей сути?

Понятно ли выглядит кнопка отправки формы?

Графика

Является ли качество используемой графики приемлемым?

Все ли графические элементы имеют альтернативные текстовые надписи?

Содержат ли графические элементы информацию о размере файла?

Оптимизированы ли графические элементы для передачи по Интернету?

Реагируют ли графические элементы на движения мышки? Это полезно?

Используется ли анимация? Её не слишком много? Объем файлов приемлемый?

Цвета

Подходящий ли выбор цветов для сайта?

Используется ли слишком много цветов?

Цвета используются логично и последовательно?

Адекватно ли различаются используемые цвета в черно-белом режиме?

Оформление текста

Являются ли тексты понятными?

Размер шрифта достаточно большой?

Цвет шрифта подходящий и достаточно контрастный?

Отформатирован ли текст так, чтобы в строке было от 10 до 12 слов?

Достаточной ли ширины поля вокруг текста?

Гарнитура шрифта используется надлежащим образом и последовательно?

Устойчивость к ошибкам

Должен ли пользователь что-нибудь запоминать, переходя между страницами?

Возникает ли предупреждение при попытке совершения необратимых или дорогостоящих действий?

Можно ли отменить рискованные или дорогостоящие действия?

Перехватываются ли возникающие ошибки локально, без обращения к серверу?

Содержат ли страницы с сообщением о возникших ошибках полезную информацию?

Содержат ли страницы с пустыми результатами поиска советы по расширению условий поиска?

Существует ли система помощи (справки)?

Структурирована ли помощь по задачам пользователя? Объясняет ли она пользователю, как совершить то, или иное действие?

Система помощи контекстно-зависимая?

Платформа и Особенности реализация

Загрузка страниц происходит достаточно быстро? Занимает ли она от 3 до 15 секунд?

Все ли гиперссылки работают правильно?

Существуют ли поврежденные графические элементы?

Написан ли текст страниц так, чтобы их могли найти поисковые системы?

Работает ли сайта с браузером пользователя?

Работает ли сайт с оборудованием, которое использует пользователь?

Работает ли сайт на мониторах высокого и низкого разрешения?

Используются ли нестандартные plug-in’ы? Являются ли они необходимыми и полезными?

AlexI · 26 мар 2014

Чек лист идеального интернет-магазина от ECommerceSchool

Пошаговый алгоритм создания ИМа с максимальной конверсией посетителей в покупателей.

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

R4an_93 · 27 мар 2014

AlexI сказал(а): ↑

Чек лист идеального интернет-магазина от ECommerceSchool

Пошаговый алгоритм создания ИМа с максимальной конверсией посетителей в покупателей.

***Скрытый текст***
Нажмите, чтобы раскрыть...

Только, чето пусто. Залей заново. Интересно почитать

AlexI · 28 мар 2014

R4an_93 сказал(а): ↑

Только, чето пусто. Залей заново. Интересно почитать
Нажмите, чтобы раскрыть...

http://yadi.sk/d/9JJTDv4LLKvhY

P.S. Уже не знаю, смеяться или плакать, но опять к ссылке клеится закрывающий тэг хайда. Хотя при редактировании тэгов в сообщении вообще нет.