Вредные советы.

Проектирование

Говорят, что есть ребята Что садятся с умным видом,И рисуют прототипы, А не сразу же дизайн!

Это вздор конечно сущийИ невиданное дело.

Стоит ли марать бумагу,Если можно сразу код!

1. Нужно ориентироваться на конкретную целевую аудиторию, а не сферических

пользователей.

Делай сразу же удобноНаселенью всей планеты!

Делать только длякого-то –Это, друг, нехорошо!

Если делаешь ты сайтыЧтобы денег заработатьИ при этом жить охотаСыто, ярко и легко,

2. Пользователи - это не вы.

Если менеджер настырныйПредлагает разработать Посетителей портреты,Игнорируй этот вздор.

Пусть идет свой план рисует, Хоть реальный, хоть не очень!

А мы сами разберемся,Кто на сайте и зачем!

3. Не думайте, что у пользователя обязательно есть цель покорить Вашу систему.

Потому что ты потратилСтолько времени и нервов!

Его очередь трудиться,Ты спокойно отдыхай!

Если посетитель сайтаНапряженно что-то ищет,Не мешай! Пусть поблуждаетДень, неделю или две!

4. Чаще всего пользователи нужны Вам, а не наоборот.

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

Что, само собой, являетФакт вообще неоспоримый.

Благодарен быть он должен,А не сразу уходить!

5. Они общаются и рассказывают друг другу о вас всякое.

Один неблагодарный юзерСказал жене про сайт прекрасный:“На этом сайте, дорогая Я зрение сломал и мозг!”

Жена сломалась так же быстро,Звонила всем друзьям и маме.

Бранилась, сайт упоминая.Старайтесь делать для немых!

6. Пользователь всегда должен понимать где он, как он сюда попал, и как отсюда выйти.

“Что можно сделать на странице,Где я, и что мне делать дальше?” –Спросил Антон и сразу умер,По крайней мере, для меня.

Такие глупые вопросыТы лучше просто игнорируй.Спокойно жди: осилят сами,

Всем дуракам не угодишь!

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

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

Такие сами разберутся: Самостоятельные слишком.Слыхал я про таких немало:

Им летом холодно в Аду!

8. Контекстная навигация - друг человека.

Потом он сел за свой компьютерИ вдруг на сайте заблудился!

Не помогайте, разберется:На сайте проще, чем в лесу!

Олег искал грибы в лесочке,И без помощников спокойноНабрал он целую корзинуИ как-то сам дошел домой.

9. Избегайте длинных многошаговых сценариев.

Неужели по процессуВ стопятьсот шагов оплаты

Трезвым не пройдет на сайте?Это ведь исключено!

Он поднялся по ступенькамНа седьмой этаж без лифта.И хоть пьяный был в корягу,Но добрался хорошо!

10. Не уводите пользователя из контекста выполняемой задачи.

А потом еще, вдогонку,Что бы чадо не скучало,

Предложи и телевизор –Мультик тоже хорошо!

Если пользователь юныйИщет лыжи в каталоге,Предложи ему в нагрузкуЛего, кашу и компот.

11. Выпадающие (а также "многовыпадающие") меню - зло.

Все любопытны, словно дети:На сайте тыкают в менюшку,

И если что-то выпадает,То это бесконечный кайф!

Когда я был совсем зеленым,Ломал железную дорогу.Всё думал, что внутри такого,И как устроен этот мир…

12. Прикрутил поиск - убедись, что он ищет то, что надо.

Ему нашли значок с Женевой,Просили больше не тревожить.

Вы так со всеми поступайте,Кто к вам на сайт придет искать!

Звонок раздался телефонныйВ бюро находок в понедельник.Звонивший был неадекватен:Искал заначку и жену.

13. Бесконечный скролл или пейджинация – что выбрать.

На сайте точно так же делай!Товары пусть листают вяло,

Перемещаясь по страницам.Ведь все равно не будут брать!

Включив на кухне телевизор,Я долго тыкал кнопки пульта.Каналы пробегали мимо,Там было нечего смотреть!

14. Три клика - это миф.

Четвертым быть никто не хочет,Четвертый класс был даже исключен! Четыре буквы в бранном слове ЖОПА!

Четвертый клик и бизнес обречен!

Три первых места это цель в олимпиаде!Три первых класса – источник знаний всех!Три нужных буквы это слово МИР в тетради!Три верных клика гарантируют успех!

15. Активные элементы должны выглядеть активными.

Рядом есть в красивой рамкеНа другой красивой плашке

Текст, в который можно тыкатьНужно разницу узреть!

Если текст лежит на плашкеИ снабжен красивой рамкой, Это вовсе не намеки, А дизайнерский эффект.

16. Любой длительный процесс сопровождайте индикацией.

Послушай, не дергай беднягу,С толку сбивая прогрессом.Дай ему шанс насладиться,Подумать красивые мысли.

Всему свое время и место,Терпение – добродетель. Скоро лишь кошки родятся, Вселенная несовершенна.

И много других философских,Местами глубоких мыслей,Приходит во время загрузкиИ прочих простоев системы.

17. Пишите на том языке, на котором пользователь вас понимает.

Совет простой: коль император -Заботься о своей защите.

Вооружай прилежно стражуИ не общайся с гопотой.

Извольте, сударь, воздержаться,От лузганья семян прилюдно.Одежды ваши в три полоскиСлегка шокируют вельмож.

Так обращался император К Вовану, гопнику со стажем…Тот, не вникая в суть посланья,

Всем битой дал по голове!

18. На кнопках - призыв к действию.

Не провоцируйте вандалов!Пускай поменьше жмут на кнопки.

Не нужно никаких призывов,Простой нейтральный серый текст.

Когда на кнопку нажимают,Она ломается быстрее.И пара популярных кнопокНачнет на сайте западать.

19. Сокращайте текст, а не слова.

Молчание красит человека!Уж лучше дураком прослыть,Чем раз, раскрыв роток, развеятьСомнения эти у людей!

Когда молчать нельзя – пишите,Старайтесь сокращать слова,

Все любят аббревиатуры.Английский – тоже хорошо!

20. Если есть свободное место, его необязательно занимать.

Ведь если Костя любит АнюНе всю, а только фрагментарно,

Жениться, все-таки, придетсяНа всей Анюте целиком.

Когда есть место где-то сбоку,Там вешай курс валют, погоду.Вдруг это все кому-то нужно?Не нужно – можно потерпеть.

21. Учитывайте специфику платформы.

Ноутбук от телефонаОтличается не сильно,

Да и пальцы – та же мышкаТолько толстые и пять.

Если все на ноутбукеНажимается прекрасно, Значит и на телефонеВсе прокатит без проблем.

22. Не пытайтесь сделать сразу идеально.

Не аргумент и тест на людях,Весь род людской несовершенен!

Ведь ты трудился месяцами…А Бог слепил людей за день!!

Когда готовы прототипы,Но просят что-то переделать,Не стОит с этим соглашаться,Ты сделал сразу хорошо!

23. Если вы сделали все понятно, проверьте на кошках. Потом на людях.

Труды показывай знакомым,Смотри за ними, помогая,А то они случайно могутИ вовсе не туда нажать!

Такая техника проверкиНа первый взгляд, совсем простая

Покажет, как удачно скроенИ как тебе удался сайт!

24. Если решили что-то переделать – нужно знать, что и зачем.

Все люди любят перемены:Приколы, фокусы, новинки.Все время ждут они, скучая,Когда их чем-то удивят!

Поэтому как можно чащеКонтролы, кнопочки, картинки

Меняй по смыслу и местами,Пускай порадуются все!

25. Следите за дизайнерами, верстальщиками и прочими имплементаторами.

Отдавай свой труд спокойноДля работы над дизайном:Эти парни дело знают,Будет чистый шоколад!

Шоколад внедрят ребятаИз отдела программистов.Профи, тоже не испортят!

Так что ты не проверяй!

Спасибо!

Вопросы?стихи: Михаил Фролов

картинки: Татьяна ТабаковаUSABILITYLAB SPb

@FrollowMi@hat_full_of_skyusabilitylab.ru