Transcript
Page 1: Usability for mobile: bad advices

Вредные советыСтихи для непослушных

разработчиков и их пользователей

Page 2: Usability for mobile: bad advices

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

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

Ноутбук от телефонаОтличается не сильно.Да и пальцы – та же мышка,Только толстые и пять.

Page 3: Usability for mobile: bad advices

2. Соблюдайте гайдлайныЗлые дяди-буржуиНаписали гайдлайныДля одной только цели:Целый мир захватить.

Чтоб одно приложеньеОт любого другогоНикакая блондинкаНе могла отличить.

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

Не сдавайся злодеям!Нарушай все гайдлайныИ тогда всех блондинокСоберешь только ты.

Page 4: Usability for mobile: bad advices

3. Помните о горизонтальном и вертикальном положении устройства

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

Умный датчик положенья -Бесполезная примочка.Как и в целом адаптивность.Плюнь на это и забудь.

Page 5: Usability for mobile: bad advices

4. Не рассчитывайте на мультитачЧеловеку от рожденьяНалепили кучу пальцев.Не один, а весь десяток(Это только на руках).

А еще он может жесты.Много жестов, прямо кучу.И почти всем этим жестамМожно пальцы научить.

Ну а если в телефонеНет поддержки мультитача -Фу такому нищеброду.Не за что его любить.

Page 6: Usability for mobile: bad advices

5. Не урезайте приложение слишком сильнопри создании мобильной версии

Ты приложение своеГодами улучшал.Вложил всю душу и любовьВ творение свое.

А их мобильный телефонБеспомощен и туп.Не тянет эту красоту,Хоть режь его, хоть ешь.

Да, не беда, пускай идутИ купят ноутбук.А в телефон им настрогайКакой-нибудь ботвы.

Page 7: Usability for mobile: bad advices

6. Не делайте маленькие кнопки

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

Толстых пальцев тоже мало.Анемичные подросткиДаже пиксель тонким пальцемНажимают без труда.

Ну а если нам попалсяВсе-таки, дефектный хипстер,Пусть ему подарят лупу.Ну и стилус. Или два.

Page 8: Usability for mobile: bad advices

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

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

Так что если глупый юзерПосчитает это кнопкой,Значит он в дизайне модномФантастический профан.

Рядом есть в красивой рамкеНа другой красивой плашкеТекст, в который можно тыкать.Твой дизайнер – молодец!

Page 9: Usability for mobile: bad advices

8. Не располагайте мелкие активные элементы рядом

Когда активный элементНе очень-то велик,То можно функций в телефонПобольше напихать.

И это очень хорошо,Когда одним тычкомТы можешь несколько вещейВ системе провернуть.

Page 10: Usability for mobile: bad advices

9. Не помещайте в одно место разных экранов инициирующие и деструктивные действия

Есть одна смешная шутка:Угадать, где будет палецИ под этот палец сунутьУдаление всего.

Можно умереть от смехаПредставляя недотепу,Как он снес все то, что раньшеПальцем полчаса вводил.

Page 11: Usability for mobile: bad advices

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

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

Например, красивый крестикДля отмены нарисован.Удалению прекрасноПодойдет опять же он.

Если сможешь тот же крестикПриспособить для оплаты,Значит, ты поймал идеюИ на правильном пути.

Page 12: Usability for mobile: bad advices

11. Не увлекайтесь модальными окнами

Когда идешь прямым путем,Бывает иногдаЧто нужно быстренько, на мигВ сторонку повернуть.

Свои там сделаешь дела –И быстренько назад.В системах «делают дела»В модальное окно.

Мораль проста: Тем легче путь,Чем чаще в нем попап.А если нету их совсем,То тяжело идти.

Page 13: Usability for mobile: bad advices

12. Не используйте окна предупреждений для других целей

Показать окно алертаНужно минимум пять раз.И тогда твой потребительБудет дерганый и злой.

Но, зато, когда наступитФеерический капец,Он, уже на все готовый,Стойко выдержит удар.

Page 14: Usability for mobile: bad advices

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

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

Так что если глупый юзерБудет много отвлекаться,Без сомнения и тут жеНадо страшно отомстить.

Page 15: Usability for mobile: bad advices

14. Пользуйтесь известными пользователям элементами и шаблонами

На белом свете все давноПридумано до нас.Так очень любят повторятьТупицы без идей.

Не нужно нам с тобой идтиУ них на поводу.Они не знают ничегоПро творческий процесс.

Зато когда изобретешьПо-новой колесоТы всем покажешь, как ты крутИ дьявольски умен.

Page 16: Usability for mobile: bad advices

15. Учитывайте обратную совместимость с предыдущими версиями платформы

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

Так что нужно приложеньяПод Айфон 700 писать.Внуки будут очень рады,Что их дед был прозорлив.

Ну а папа с мамой могутСвой Айфон отдать в ломбард.В нем Ретины даже нету.Он морально устарел.

Page 17: Usability for mobile: bad advices

16. Просите пользователя ввести только то, что вам действительно необходимо

Приложенье безопасноКак швейцарский дойчебанк.Мегабайты личных данныхНикуда не утекут.

Так что мест для их храненьяЛучше просто не найти.Пусть введут, потом спасибоБудут дружно говорить.

Ну а то, что неудобноБуквы пальцами искать – Это мелкие издержки,Это нужно потерпеть.

Page 18: Usability for mobile: bad advices

17. Запоминайте данные пользователя и используйте их в дальнейшем

Есть один надежный способ Полученья всяких данных:Без стесненья и жеманстваПрямо юзера спросить.

Даже если он ответилНа вопрос экраном раньше,Все равно спросить не вредно:Вдруг он пол успел сменить.

Page 19: Usability for mobile: bad advices

18. При вводе данных не закрывайте клавиатурой поля ввода и важную информацию

Десятки лет тому назад,А может и столетьяПещерный предок изобрелПечатанье вслепую.

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

Ты должен людям помогать.Везде, где только сможешь,Закрой вводимый текст окном.Улучши людям карму.

Page 20: Usability for mobile: bad advices

19. Не заваливайте пользователя всеми возможностями сразу

Если очень много кодаВы с друзьями написалиИ в итоге получиласьКуча всяких клевых фич,

Глупо все это хозяйствоПрятать где-нибудь в сторонке.Размести их все на главной.Богу скромность не к лицу.

Page 21: Usability for mobile: bad advices

20. Придумайте, что показать при повторном посещении

Она скачала твой апплетИ утонула в нем.Конечно, ты был лучше всех,Всю ночь на высоте.

Все пролетело словно мигИ вот уже рассвет.Весь день все мысли о тебе,Вновь вечер и девайс.

Но бытовухой этих встречНе стоит опошлять.Пусть будет праздником визит.Всегда – как в первый раз.

Page 22: Usability for mobile: bad advices

21. Тщательно продумывайте навигацию

Если наш любимый юзерВ трех березах заблудился,Значит где-то на развилкеПовернул он не туда.

И коня он потеряет,И богатым он не будет,И не женится успешноНа богатенькой вдове.

Значит так ему и надо!Впредь не будет щелкать клювом.Впереди еще развилка,Там Горыныч и Кощей.

Page 23: Usability for mobile: bad advices

22. Дайте пользователю возможность всегда вернуться назад и домой

Ремни безопасностиПридуманы трусами.И им нерешительностьНе нужно прощать.

Домой возвращенияМужчин недостойные.За бегство с позором -На месте стрелять.

А если с победоюВернулся из боя он,Найдет и без компасаДорогу домой.

Page 24: Usability for mobile: bad advices

23. Подписывайте иконки

Ты приложение своеПисал не для тупиц.Любой нормальный человекТут сразу все поймет.А если даже не поймет,То тоже не беда -Достаточно на все нажатьИ ясно, что к чему.Лентяев надо гнать взашей.К тому же, знают все:«Картинка лучше тысяч слов»,Гуглите Интернет.

Page 25: Usability for mobile: bad advices

24. Пишите, что видит пользователь на экране (заголовки страниц)

В приложении приличномЕсть не меньше ста экрановИ на каждом заголовкиЗадолбаешься писать.

Это нудно и не модно.И совсем не креативно.Лучше их в двоичном кодеПросто пронумеровать

Page 26: Usability for mobile: bad advices

25. Делайте надписи лаконичными, но понятными

Если в детстве манной кашейЮзер был не избалован,То ему по вкусу будетРазмазня на пять листов.

Он ее прочтет три раза,Тщательно конспект составит,Наизусть его заучитИ положит на мотив.

Если размазня не лезет -Не иди на полумеры.Пары букв с запасом хватитНа санскрите древних Вед.

Page 27: Usability for mobile: bad advices

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

Любой нормальный человекОбязан понимать,Что кнопки здесь не просто такИ надо их нажать.

Но для удобства недотепТы можешь подписать«Смотрите, кнопка прямо тут».Пусть будет стыдно им.

И если все равно ониНе тыкают никак,Иди спокойно кофе пить.Ты сделал все, что мог.

Page 28: Usability for mobile: bad advices

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

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

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

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

Page 29: Usability for mobile: bad advices

28. Если нечем занять место на экране – не нужно его занимать

Как говорил один известный грек,«Вселенная не терпит пустоты».Поэтому свободные местаТы должен непременно заполнять.

Сосать контент из пальца – тяжкий труд,Зато под трубы Страшного судаТы крикнешь: «Я наполнил пустоту!»И улыбнутся демоны тебе.

Page 30: Usability for mobile: bad advices

Спасибо! Вопросы?

Стихи: Ярослав Табаков, @ytabakovИллюстрации: Татьяна Табакова, @hat_full_of_sky


Top Related