Rhymes from #404fest 2012.

1. Говорят, что есть ребята Это вздор конечно сущий
Что садятся с умным видом, И невиданное дело.
И рисуют прототипы, Стоит ли марать бумагу,
А не сразу же дизайн! Если можно сразу код!
Вредные советы.
Проектирование

2. 1. Нужно ориентироваться на конкретную целевую
аудиторию, а не сферических пользователей.
Если делаешь ты сайты Делай сразу же удобно
Чтобы денег заработать Населенью всей планеты!
И при этом жить охота Делать только длякого-то –
Сыто, ярко и легко, Это, друг, нехорошо!

3. 2. Пользователи - это не вы.
Если менеджер настырный Пусть идет свой план рисует,
Предлагает разработать Хоть реальный, хоть не очень!
Посетителей портреты, А мы сами разберемся,
Игнорируй этот вздор. Кто на сайте и зачем!

4. 3. Не думайте, что у пользователя обязательно есть цель
покорить Вашу систему.
Если посетитель сайта Потому что ты потратил
Напряженно что-то ищет, Столько времени и нервов!
Не мешай! Пусть поблуждает Его очередь трудиться,
День, неделю или две! Ты спокойно отдыхай!

5. 4. Чаще всего пользователи нужны Вам, а не наоборот.
И, в конце концов, позвольте! Что, само собой, являет
Кто кому еще тут нужен? Факт вообще неоспоримый.
Это ж он на сайт приперся, Благодарен быть он должен,
В гости, стало быть, к тебе. А не сразу уходить!

6. 5. Они общаются и рассказывают друг другу о
вас всякое.
Один неблагодарный юзер Жена сломалась так же быстро,
Сказал жене про сайт прекрасный: Звонила всем друзьям и маме.
“На этом сайте, дорогая Бранилась, сайт упоминая.
Я зрение сломал и мозг!” Старайтесь делать для немых!

7. 6. Пользователь всегда должен понимать где он, как он
сюда попал, и как отсюда выйти.
“Что можно сделать на странице, Такие глупые вопросы
Где я, и что мне делать дальше?” – Ты лучше просто игнорируй.
Спросил Антон и сразу умер, Спокойно жди: осилят сами,
По крайней мере, для меня. Всем дуракам не угодишь!

8. 7. Не все приходят на главную страницу.
Нет, до чего тупые люди! Такие сами разберутся:
Зачем их присылает Яндекс? Самостоятельные слишком.
Их ждешь на главной с хлебом-солью, Слыхал я про таких немало:
Они же рвутся сразу вглубь! Им летом холодно в Аду!

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

10. 9. Избегайте длинных многошаговых сценариев.
Он поднялся по ступенькам Неужели по процессу
На седьмой этаж без лифта. В стопятьсот шагов оплаты
И хоть пьяный был в корягу, Трезвым не пройдет на сайте?
Но добрался хорошо! Это ведь исключено!

11. 10. Не уводите пользователя из контекста выполняемой
задачи.
Если пользователь юный А потом еще, вдогонку,
Ищет лыжи в каталоге, Что бы чадо не скучало,
Предложи ему в нагрузку Предложи и телевизор –
Лего, кашу и компот. Мультик тоже хорошо!

12. 11. Выпадающие (а также "многовыпадающие") меню -
зло.
Когда я был совсем зеленым, Все любопытны, словно дети:
Ломал железную дорогу. На сайте тыкают в менюшку,
Всё думал, что внутри такого, И если что-то выпадает,
И как устроен этот мир… То это бесконечный кайф!

13. 12. Прикрутил поиск - убедись, что он ищет то, что надо.
Звонок раздался телефонный Ему нашли значок с Женевой,
В бюро находок в понедельник. Просили больше не тревожить.
Звонивший был неадекватен: Вы так со всеми поступайте,
Искал заначку и жену. Кто к вам на сайт придет искать!

14. 13. Бесконечный скролл или пейджинация – что выбрать.
Включив на кухне телевизор, На сайте точно так же делай!
Я долго тыкал кнопки пульта. Товары пусть листают вяло,
Каналы пробегали мимо, Перемещаясь по страницам.
Там было нечего смотреть! Ведь все равно не будут брать!

15. 14. Три клика - это миф.
Три первых места это цель в олимпиаде! Четвертым быть никто не хочет,
Три первых класса – источник знаний всех! Четвертый класс был даже исключен!
Три нужных буквы это слово МИР в тетради! Четыре буквы в бранном слове ЖОПА!
Три верных клика гарантируют успех! Четвертый клик и бизнес обречен!

16. 15. Активные элементы должны выглядеть активными.
Если текст лежит на плашке Рядом есть в красивой рамке
И снабжен красивой рамкой, На другой красивой плашке
Это вовсе не намеки, Текст, в который можно тыкать
А дизайнерский эффект. Нужно разницу узреть!

17. 16. Любой длительный процесс сопровождайте
индикацией.
Всему свое время и место, Послушай, не дергай беднягу,
Терпение – добродетель. С толку сбивая прогрессом.
Скоро лишь кошки родятся, И много других философских, Дай ему шанс насладиться,
Вселенная несовершенна. Местами глубоких мыслей, Подумать красивые мысли.
Приходит во время загрузки
И прочих простоев системы.

18. 17. Пишите на том языке, на котором пользователь вас
понимает.
Извольте, сударь, воздержаться, Совет простой: коль император -
От лузганья семян прилюдно. Заботься о своей защите.
Одежды ваши в три полоски Так обращался император Вооружай прилежно стражу
Слегка шокируют вельмож. К Вовану, гопнику со стажем… И не общайся с гопотой.
Тот, не вникая в суть посланья,
Всем битой дал по голове!

19. 18. На кнопках - призыв к действию.
Когда на кнопку нажимают, Не провоцируйте вандалов!
Она ломается быстрее. Пускай поменьше жмут на кнопки.
И пара популярных кнопок Не нужно никаких призывов,
Начнет на сайте западать. Простой нейтральный серый текст.

20. 19. Сокращайте текст, а не слова.
Молчание красит человека! Когда молчать нельзя – пишите,
Уж лучше дураком прослыть, Старайтесь сокращать слова,
Чем раз, раскрыв роток, развеять Все любят аббревиатуры.
Сомнения эти у людей! Английский – тоже хорошо!

21. 20. Если есть свободное место, его необязательно
занимать.
Когда есть место где-то сбоку, Ведь если Костя любит Аню
Там вешай курс валют, погоду. Не всю, а только фрагментарно,
Вдруг это все кому-то нужно? Жениться, все-таки, придется
Не нужно – можно потерпеть. На всей Анюте целиком.

22. 21. Учитывайте специфику платформы.
Если все на ноутбуке Ноутбук от телефона
Нажимается прекрасно, Отличается не сильно,
Значит и на телефоне Да и пальцы – та же мышка
Все прокатит без проблем. Только толстые и пять.

23. 22. Не пытайтесь сделать сразу идеально.
Когда готовы прототипы, Не аргумент и тест на людях,
Но просят что-то переделать, Весь род людской несовершенен!
Не стОит с этим соглашаться, Ведь ты трудился месяцами…
Ты сделал сразу хорошо! А Бог слепил людей за день!!

24. 23. Если вы сделали все понятно, проверьте на кошках.
Потом на людях.
Труды показывай знакомым, Такая техника проверки
Смотри за ними, помогая, На первый взгляд, совсем простая
А то они случайно могут Покажет, как удачно скроен
И вовсе не туда нажать! И как тебе удался сайт!

25. 24. Если решили что-то переделать – нужно знать, что и
зачем.
Все люди любят перемены: Поэтому как можно чаще
Приколы, фокусы, новинки. Контролы, кнопочки, картинки
Все время ждут они, скучая, Меняй по смыслу и местами,
Когда их чем-то удивят! Пускай порадуются все!

26. 25. Следите за дизайнерами, верстальщиками и прочими
имплементаторами.
Отдавай свой труд спокойно Шоколад внедрят ребята
Для работы над дизайном: Из отдела программистов.
Эти парни дело знают, Профи, тоже не испортят!
Будет чистый шоколад! Так что ты не проверяй!

27. Спасибо!
Вопросы?
стихи: Михаил Фролов @FrollowMi
картинки: Татьяна @hat_full_of_sky
Табакова usabilitylab.ru
USABILITYLAB SPb