Лестница проблем
#совет из старого фонда
Часто текст кажется таким простым и универсальным методом, что становится затычкой для более глобальных проблем.
Допустим, вас просят во всплывающем окошке объяснить пользователям, почему график курса валют в приложении отличается от того, что человек видит на сайтах. Разный график — это проблема. Но откуда она взялась? Вариантов много:
— На уровне дизайна: дизайнер не нарисовал правильный график. Что если нарисовать нормальный? Тогда не придётся ничего объяснять.
— На уровне архитектуры: бэк-разработчик настроил выгрузку в разное время. А можно как-то синхронизировать?
— На уровне продукта в целом: продакт решил, что мы будем показывать курс доллара в пересчёте через евро. Эй, продакт!
Если можно решить без текста, надо решить без текста. Буквы могут сгладить какие-то шероховатости, но это не ключ от всех дверей. Ищем проблему с помощью «лестницы проблем»:
1. Идём к дизайнеру.
2. Идём к разработчику.
3. Идём к продакту.
4. Идём к римскому наместнику.
5. Пишем текст.
#совет из старого фонда
Часто текст кажется таким простым и универсальным методом, что становится затычкой для более глобальных проблем.
Допустим, вас просят во всплывающем окошке объяснить пользователям, почему график курса валют в приложении отличается от того, что человек видит на сайтах. Разный график — это проблема. Но откуда она взялась? Вариантов много:
— На уровне дизайна: дизайнер не нарисовал правильный график. Что если нарисовать нормальный? Тогда не придётся ничего объяснять.
— На уровне архитектуры: бэк-разработчик настроил выгрузку в разное время. А можно как-то синхронизировать?
— На уровне продукта в целом: продакт решил, что мы будем показывать курс доллара в пересчёте через евро. Эй, продакт!
Если можно решить без текста, надо решить без текста. Буквы могут сгладить какие-то шероховатости, но это не ключ от всех дверей. Ищем проблему с помощью «лестницы проблем»:
1. Идём к дизайнеру.
2. Идём к разработчику.
3. Идём к продакту.
4. Идём к римскому наместнику.
5. Пишем текст.
👍56👏3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Обманчивая кнопка
Такой подставы от Strava я не ожидал, конечно.
Создаю маршрут, появляется экран с кнопкой «Готово», которую хочется нажать, чтобы закончить процесс. Но это ловушка. По наведению текст кнопки внезапно меняется на «Удалить».
Оказывается, кнопка «Готово» просто сообщала, что маршрут сохранён в избранное🤔
#дизлайк
Такой подставы от Strava я не ожидал, конечно.
Создаю маршрут, появляется экран с кнопкой «Готово», которую хочется нажать, чтобы закончить процесс. Но это ловушка. По наведению текст кнопки внезапно меняется на «Удалить».
Оказывается, кнопка «Готово» просто сообщала, что маршрут сохранён в избранное
#дизлайк
Please open Telegram to view this post
VIEW IN TELEGRAM
🥴88😁9😱7👍5🤔3❤1👎1🤯1😢1
Смутные кнопочки из прошлого
Смотрел в ютубе историю мобильной винды и наткнулся на такое: кнопки OK и X в окошке Windows CE для КПК.
При этом кнопка OK сохраняла выбранные настройки, а X закрывала окно без сохранения.
У меня никогда не было КПК, но даже через десятилетия я слышу боль пользователей, которые скорее всего массово ошибались кнопочкой.
Всё-таки здорово, что UX развивается и самые неудачные решения остаются за бортом истории.
Смотрел в ютубе историю мобильной винды и наткнулся на такое: кнопки OK и X в окошке Windows CE для КПК.
При этом кнопка OK сохраняла выбранные настройки, а X закрывала окно без сохранения.
У меня никогда не было КПК, но даже через десятилетия я слышу боль пользователей, которые скорее всего массово ошибались кнопочкой.
Всё-таки здорово, что UX развивается и самые неудачные решения остаются за бортом истории.
👍42💯24👎1
Горшочек не вари
Замечали такое? Если долго сидеть над каким-то экраном, он с каждым часом кажется всё более значительным и важным.
О, это целый экран с капчей! Пользователь растерян и не знает, что ему делать! Надо всё-всё объяснить и прожить с ним все эмоции! А как он поймёт, куда нажать? А как он поймёт, что мы о нём заботимся?
Это просто капча, чуваки.
Замечали такое? Если долго сидеть над каким-то экраном, он с каждым часом кажется всё более значительным и важным.
О, это целый экран с капчей! Пользователь растерян и не знает, что ему делать! Надо всё-всё объяснить и прожить с ним все эмоции! А как он поймёт, куда нажать? А как он поймёт, что мы о нём заботимся?
Это просто капча, чуваки.
😁106👍23💯20👎1
Показал своё рабочее место и дал мини-интервью в The Dev Den — это канал дизайнера Жени Белякова, который, кстати, придумал Плавучей аватарку и брендбук. Очень советую!
Рабочее место минималистичное, конечно, но вдруг кому интересно —
https://telegra.ph/Vladimir-Lalosh-nezavisimyj-UX-redaktor-02-02
Рабочее место минималистичное, конечно, но вдруг кому интересно —
https://telegra.ph/Vladimir-Lalosh-nezavisimyj-UX-redaktor-02-02
🔥21👍10❤7👎1
Гирлянды Довлатова
#совет
Сергей Довлатов был дотошным писателем. Например, избегал в одном предложении слов, которые начинались бы с одной и той же буквы — для чистоты языка. Непростая задача, мягко говоря — попробуйте и убедитесь сами.
Я не призываю отказываться от одинаковых букв в интерфейсе. У нас итак вагон ограничений, не хватало ещё литературных. Однако у нас всё же есть элементы, в которых стоит избегать одинаковых первых букв.
Это списки.
И кнопки.
Списки из нескольких пунктов с одной буквы дико неудобны. Пункты визуально сливаются, сложно ориентироваться:
— Переводите зарубеж
— Платите в магазинах
— Поймите, я не волк, но мне хочется выть
— Просматривайте статистику трат
Какое-то нудное полотно, даже вставку про волка можно не заметить. А мы ведь делали список, чтобы эти пункты заметно различались!
Кнопки на экране тоже не должны быть похожи друг на друга. Если кнопки начинаются одинаково, надписи придётся ЧИТАТЬ и искать разницу. А мы хотим, чтобы пользователь СКАНИРОВАЛ.
Продолжить
Применить
Позже
Да, слова разные, но издалека это три почти одинаковые кнопки. Придётся вчитываться, чтобы не ошибиться. Попробуем исправить:
Дальше
Применить
В другой раз
Теперь кнопки отличаются сразу — и это видно по первым буквам. Частые кнопки вроде «Далее» и «Сохранить» опытный пользователь легко угадывает по начальным буквам. И этому лучше не мешать, а помогать.
Я называю это гирляндой Довлатова.Ладно, не называю, а выдумал специально для этого поста. Но теперь буду!
#совет
Сергей Довлатов был дотошным писателем. Например, избегал в одном предложении слов, которые начинались бы с одной и той же буквы — для чистоты языка. Непростая задача, мягко говоря — попробуйте и убедитесь сами.
Я не призываю отказываться от одинаковых букв в интерфейсе. У нас итак вагон ограничений, не хватало ещё литературных. Однако у нас всё же есть элементы, в которых стоит избегать одинаковых первых букв.
Это списки.
И кнопки.
Списки из нескольких пунктов с одной буквы дико неудобны. Пункты визуально сливаются, сложно ориентироваться:
— Переводите зарубеж
— Платите в магазинах
— Поймите, я не волк, но мне хочется выть
— Просматривайте статистику трат
Какое-то нудное полотно, даже вставку про волка можно не заметить. А мы ведь делали список, чтобы эти пункты заметно различались!
Кнопки на экране тоже не должны быть похожи друг на друга. Если кнопки начинаются одинаково, надписи придётся ЧИТАТЬ и искать разницу. А мы хотим, чтобы пользователь СКАНИРОВАЛ.
Продолжить
Применить
Позже
Да, слова разные, но издалека это три почти одинаковые кнопки. Придётся вчитываться, чтобы не ошибиться. Попробуем исправить:
Дальше
Применить
В другой раз
Теперь кнопки отличаются сразу — и это видно по первым буквам. Частые кнопки вроде «Далее» и «Сохранить» опытный пользователь легко угадывает по начальным буквам. И этому лучше не мешать, а помогать.
Я называю это гирляндой Довлатова.
❤135😁25🔥20👍9🫡2👎1🤯1
Понравились подзаголовки в баннерах приложения Альфа-Банка.
А секрет в простых бытовых словах и фразочках: «лишних взглядов», «уловки», «нужное под рукой» и т. д.
Ясный заголовок + жизненный подзаголовок = 💜
#лайк
А секрет в простых бытовых словах и фразочках: «лишних взглядов», «уловки», «нужное под рукой» и т. д.
Ясный заголовок + жизненный подзаголовок = 💜
#лайк
👍78❤24🔥8❤🔥7😐3👎1
Вот ещё полезная штука для поиска референсов и тренировки насмотренности — сайт бенчмарки.
Там коллекция скринкастов из русскоговорящих сервисов. Не моббин, конечно, но уже что-то + бесплатно, без регистрации и смс.
Это мы сохраняем.
UPD: ещё обратите внимание на крутую коллекцию от Максима Ваганова — https://liba.tilda.ws/
Там коллекция скринкастов из русскоговорящих сервисов. Не моббин, конечно, но уже что-то + бесплатно, без регистрации и смс.
Это мы сохраняем.
UPD: ещё обратите внимание на крутую коллекцию от Максима Ваганова — https://liba.tilda.ws/
🔥64👍12❤10🥰2👎1💘1
Заказ в Wolt грустит без товаров
Как заказ может быть без товаров? А просто не надо было всё из него удалять!
Зато посмотрели на котика и хороший empty state.
#лайк
Как заказ может быть без товаров? А просто не надо было всё из него удалять!
Зато посмотрели на котика и хороший empty state.
#лайк
❤26👎14👍4🥰3
А вот странное пустое состояние от Сбермаркета.
При чём тут оптимизм, да ещё и голый? Куда уедешь? Никто не знает. И с чего вдруг перешли на «ты»? Подзаголовок совершенно оторван от тональности и сути сервиса. Самодеятельность?
#дизлайк
спасибо за скрин Evgenii
При чём тут оптимизм, да ещё и голый? Куда уедешь? Никто не знает. И с чего вдруг перешли на «ты»? Подзаголовок совершенно оторван от тональности и сути сервиса. Самодеятельность?
#дизлайк
спасибо за скрин Evgenii
🤯88🙈35🥴31🤡9👎5🔥3❤1👍1
Плохие ассоциации
Самое забавная часть проверки текста — убедиться, что он не вызывает каких-то ненужных ассоциаций. Например:
🤔 Вам придёт особое приглашение
Сообщение правильное, только вот «особое приглашение» обязательно кому-то напомнит токсичную фразочку «тебе особое приглашение нужно?». Этого мы не хотим, придётся перефразировать.
🤟 Фильтруй каталог, находи товары!
Устойчивый сленг из 90-х — одна из причин, почему глагол «фильтровать» сложно использовать в повелительном наклонении в постсоветском пространстве.
🫠 Положите все свои карты в одно место
Технари удивляются: «по механике же всё верно, как можно прочитать не так?». Можно, легко. Пользователю не прикажешь, у него в голове сразу заиграет «знаем мы, в каком месте у вас карты!».
Поводы для ассоциаций обычно возникают случайно: написали, но не прочитали вслух или просто не заметили возможного двойного прочтения.
Понятно, что за всеми сленговыми и фольклорными смыслами не уследишь — да и не нужно. Важно знать самые популярные у аудитории. А для этого нужна «наслушанность».
Вот почему полезно читать комментарии в пабликах и чатиках с ЦА, да и вообще интересоваться поп-культурой.
Самое забавная часть проверки текста — убедиться, что он не вызывает каких-то ненужных ассоциаций. Например:
🤔 Вам придёт особое приглашение
Сообщение правильное, только вот «особое приглашение» обязательно кому-то напомнит токсичную фразочку «тебе особое приглашение нужно?». Этого мы не хотим, придётся перефразировать.
🤟 Фильтруй каталог, находи товары!
Устойчивый сленг из 90-х — одна из причин, почему глагол «фильтровать» сложно использовать в повелительном наклонении в постсоветском пространстве.
🫠 Положите все свои карты в одно место
Технари удивляются: «по механике же всё верно, как можно прочитать не так?». Можно, легко. Пользователю не прикажешь, у него в голове сразу заиграет «знаем мы, в каком месте у вас карты!».
Поводы для ассоциаций обычно возникают случайно: написали, но не прочитали вслух или просто не заметили возможного двойного прочтения.
Понятно, что за всеми сленговыми и фольклорными смыслами не уследишь — да и не нужно. Важно знать самые популярные у аудитории. А для этого нужна «наслушанность».
Вот почему полезно читать комментарии в пабликах и чатиках с ЦА, да и вообще интересоваться поп-культурой.
😁62👍27❤15🥴2👎1