Проектирование сайта:по следам Ваньки Сусанина или почему Ленин

предпочитал в разлив

Подвиг Сусанина

Ванька выполнил свою цель, завел пользователей куда хотел!

Печаль: все поляки умерли,а целью у них было найти царевича.

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

Подвиг проектировщика

Это действительно подвиг!

Вы счастливы

Пользователь счастлив

Как бывает на самом деле

Не надо подвигов, хотя бы не мешайте!

Вы – Сусанин

Пользователь – поляк

Начинаем творить

Не промахнись!

Проходи внутрь, а не мимо!

Знай свое место!

Доверяй, но проверяй!

Ищи тщательней!

Познавай и выбирай!

Помолись или сразу приходи!

Не промахнись!

Задача пользователя: попасть на сайт

Инструменты: -адрес сайта (нейминг)

- Алло, сынок, а где я могу почитать твою статью про железки?- Мама, на хабре, я же говорил!- Где-где?- Хабрахабрточкару.- …

Не промахнись!

Не промахнись с мобильного

Проходи внутрь а не мимо! Задача пользователя: понять «где я?», «как сюда попасть с главной страницы»

Инструменты: - логотип (по совместительству быстрый переход «домой»);- заголовок страницы;- выделение текущего пункта меню (каталога);- хлебные крошки.

Проходи внутрь а не мимо!

ХБЗ Дарница -> Свежий хлебушек -> Хлебец Весенний 300г

ХБЗ Дарница -> Просрочка -> Хлебец Весенний 300г

Как бывает:

Хлебец Весенний

Знай свое место!

Знай свое место! Задача пользователя: попасть в личное пространство

Инструменты: - форма авторизации;- ссылка на корзину/личный кабинет

Знай свое место!

Знай свое место!

Доверяй, но проверяй! Задача пользователя: получить актуальную информацию

Инструменты: - выбор региона;- уточнение деталей, подсказки;- фильтры;

— Можно ли эту вкуснейшую пиццу заказать в Ставрополе, да еще и в 2 часа ночи?

— Действительно ли цены на аренду «квартиры в центре» так сильно взлетели? Или это цены не моего города?

— А это мужская или женская кофта? Мой размер то есть?

Зависимость от регионов

Лирическое отступление о словах

• Пишите так, как вы говорите – по-человечески

Имя -> Как вас зовут?Введите пароль -> Придумайте парольВызов -> ПозвонитьСоздать сообщение -> Написать сообщение

• Необходимо чтобы было понятно, желательно чтобы было правильно

• Сокращайте. Чем меньше текст, тем у него больше шансов быть прочитанным.

Ваш рабочий кабинет -> Кабинет • Не занимайте «пустое» место текстом

Фильтруй, настраивай, щупай

Ищи тщательней! Задача пользователя: найти что-то конкретное (товар / услугу / новость)

Инструменты: - поиск;- рубрикатор;

Поисковая навигация

Рубрикаторы

Как?

Познавай и выбирайЗадача пользователя: ознакомиться с содержанием, выбрать из предложенного, переключиться на что-то другое

Инструменты: - анонсы категорий (дашборды)- меню- списки

Хороший пример

Не все приходят на главную

Не все приходят на главную

Списки

Пейджинация

Помолись или сразу приходиЗадача пользователя: найти вас в реальном мире

Инструменты: - Контактная информация

Инновации

Любая инновация не решающая проблему, ее создает!

Экспресс проверка

Не ссыте!

Спасибо

Михаил Фролов, UsabilityLabmsfroloff@gmail.com@FrollowMi