Критерий гидроэлектростанции
#микросовет
Есть тысячи абсолютно законных слов, которые надо исключать из бытовых интерфейсов. Но один критерий отбора применять проще всего. Это критерий гидроэлектростанции:
— Если у слова 7 слогов — остановитесь и задумайтесь, можно ли заменить его на что-то другое.
— Если 8 слогов и больше — заменяйте 100%.
К счастью, большинство слов из 8 слогов — это составные, канцелярские или узкоспециальные термины. Но даже специалисты будут вам благодарны, если вы замените их на что-то более читабельное.
#микросовет
Есть тысячи абсолютно законных слов, которые надо исключать из бытовых интерфейсов. Но один критерий отбора применять проще всего. Это критерий гидроэлектростанции:
— Если у слова 7 слогов — остановитесь и задумайтесь, можно ли заменить его на что-то другое.
— Если 8 слогов и больше — заменяйте 100%.
К счастью, большинство слов из 8 слогов — это составные, канцелярские или узкоспециальные термины. Но даже специалисты будут вам благодарны, если вы замените их на что-то более читабельное.
Артикли на кнопках
#микросовет
Нас учили, что артикли в английском — это очень важно. Тем не менее в интерфейсах артикли можно спокойно убирать. Например, чтобы сэкономить место на кнопке.
Send a message → Send Message
Get the info → Get Info
Add to the cart → Add to Cart
Если вы всё делали правильно, оттенки смысла артикля передаст контекст. Но если контекста нет и появляется неоднозначность, — артикль лучше сохранить.
Например, «Open Account» без контекста можно прочесть как «Зайти в профиль», а не «Открыть счёт». Чтобы это исправить, добавим неопределённый артикль: «Open an Account». И вот уже понятно, что речь не о профиле.
#микросовет
Нас учили, что артикли в английском — это очень важно. Тем не менее в интерфейсах артикли можно спокойно убирать. Например, чтобы сэкономить место на кнопке.
Send a message → Send Message
Get the info → Get Info
Add to the cart → Add to Cart
Если вы всё делали правильно, оттенки смысла артикля передаст контекст. Но если контекста нет и появляется неоднозначность, — артикль лучше сохранить.
Например, «Open Account» без контекста можно прочесть как «Зайти в профиль», а не «Открыть счёт». Чтобы это исправить, добавим неопределённый артикль: «Open an Account». И вот уже понятно, что речь не о профиле.
Подслушать у поддержки
#микросовет
Как написать точный ответ для FAQ, чатбота или подсказки в приложении по какой-нибудь проблеме с сервисом?
Посмотрите, как отвечают на такой же вопрос в вашей поддержке, кол-центре или корпоративных соцсетях. Их ответы на популярные вопросы бывают настолько обкатаны, что останется только отредактировать под нужный формат.
#микросовет
Как написать точный ответ для FAQ, чатбота или подсказки в приложении по какой-нибудь проблеме с сервисом?
Посмотрите, как отвечают на такой же вопрос в вашей поддержке, кол-центре или корпоративных соцсетях. Их ответы на популярные вопросы бывают настолько обкатаны, что останется только отредактировать под нужный формат.
Пустая строка поиска
#микросовет
Пустая поисковая строка — всё равно что витрина, на которую ничего не поставили. Вроде бы магазин, а люди почему-то проходят мимо.
Оставить строку пустой может себе позволить только гугл, для которого поиск — главный элемент. В любых других сервисах в поисковом окошке всегда будет что-то написано. Это может быть простая надпись «Найти» или «Поиск», а может быть какая-нибудь полезная подсказка.
Но какой бы ни была подпись, только она превращает невнятный прямоугольник в поиск. Это тот паттерн, который мы ищем глазами. Иконка с лупой недостаточно заметна для этого.
Не оставляйте строку поиска пустой.
А что пишут в поисковом плейсхолдере — на бусти 💎
#микросовет
Пустая поисковая строка — всё равно что витрина, на которую ничего не поставили. Вроде бы магазин, а люди почему-то проходят мимо.
Оставить строку пустой может себе позволить только гугл, для которого поиск — главный элемент. В любых других сервисах в поисковом окошке всегда будет что-то написано. Это может быть простая надпись «Найти» или «Поиск», а может быть какая-нибудь полезная подсказка.
Но какой бы ни была подпись, только она превращает невнятный прямоугольник в поиск. Это тот паттерн, который мы ищем глазами. Иконка с лупой недостаточно заметна для этого.
Не оставляйте строку поиска пустой.
А что пишут в поисковом плейсхолдере — на бусти 💎
Прячьте кухню
#микросовет
Вкладка, раздел, страница, экран, форма, кнопка — смело убирайте эти слова из интерфейса.
Технические термины интересны только дизайнерам и разработчикам. Пользователю же по большому счёту всё равно, где он: в разделе, на экране или в форме. Он может даже не знать, что это всё значит.
Что пользователю действительно важно — какой контент там будет и что с ним можно делать.
🚫 Откройте вкладку «История прослушиваний»
🟢 Вот что вы слушали раньше
#микросовет
Вкладка, раздел, страница, экран, форма, кнопка — смело убирайте эти слова из интерфейса.
Технические термины интересны только дизайнерам и разработчикам. Пользователю же по большому счёту всё равно, где он: в разделе, на экране или в форме. Он может даже не знать, что это всё значит.
Что пользователю действительно важно — какой контент там будет и что с ним можно делать.
Please open Telegram to view this post
VIEW IN TELEGRAM
Полезная неуверенность
#микросовет
Всегда учитывать, что сервис может понять ситуацию неправильно.
Даже если прогностическая модель уверена на 100%, что пользователь наворачивает круги по стадиону, лучше всё же подстраховаться и добавить неуверенности через «похоже», «кажется», «выглядит так», «looks like», «seems that»:
× You're at a track
✓ Looks like you're at a track
Пусть пользователь дальше сам подтвердит или опровергнет догадку. Можно даже спросить напрямую, правильно мы поняли или нет.
Парадоксально, но лёгкая неуверенность в оценке ситуации звучит сильнее уверенной бравады.
#микросовет
Всегда учитывать, что сервис может понять ситуацию неправильно.
Даже если прогностическая модель уверена на 100%, что пользователь наворачивает круги по стадиону, лучше всё же подстраховаться и добавить неуверенности через «похоже», «кажется», «выглядит так», «looks like», «seems that»:
× You're at a track
✓ Looks like you're at a track
Пусть пользователь дальше сам подтвердит или опровергнет догадку. Можно даже спросить напрямую, правильно мы поняли или нет.
Парадоксально, но лёгкая неуверенность в оценке ситуации звучит сильнее уверенной бравады.
Поиск твердых оснований
#микросовет
Как бы ни были круты аналитики в вашей команде, большую часть дизайн-решений приходится принимать с помощью эвристик собственного опыта и насмотренности. И это нормальный инструмент в правильных руках.
Но если опираться всё время только на интуицию и собственный вкус, можно случайно построить воздушную конструкцию, которая опирается только сама на себя и разобьётся при первом столкновении с реальностью.
Поэтому твёрдые основания для решений — это наша золотая руда, за которой нужно постоянно охотиться. Что может быть твёрдым основанием:
— чужой опыт: обсуждение с другими экспертами, дизайн-мышление, дизайн-ревью,
— любые исследования: от сбора лучших практик и референсов до ю-тестов и A/B,
— обращения в поддержку: с чем больше всего проблем, что предлагают исправить.
Чем больше таких заземлений, тем крепче дизайн и вероятнее успех. Найти 100% подтверждение каждому решению всё равно не получится, но стремиться к этому полезно.
#микросовет
Как бы ни были круты аналитики в вашей команде, большую часть дизайн-решений приходится принимать с помощью эвристик собственного опыта и насмотренности. И это нормальный инструмент в правильных руках.
Но если опираться всё время только на интуицию и собственный вкус, можно случайно построить воздушную конструкцию, которая опирается только сама на себя и разобьётся при первом столкновении с реальностью.
Поэтому твёрдые основания для решений — это наша золотая руда, за которой нужно постоянно охотиться. Что может быть твёрдым основанием:
— чужой опыт: обсуждение с другими экспертами, дизайн-мышление, дизайн-ревью,
— любые исследования: от сбора лучших практик и референсов до ю-тестов и A/B,
— обращения в поддержку: с чем больше всего проблем, что предлагают исправить.
Чем больше таких заземлений, тем крепче дизайн и вероятнее успех. Найти 100% подтверждение каждому решению всё равно не получится, но стремиться к этому полезно.
Иногда полезно разжевать
#микросовет
В погоне за краткостью мы часто забываем, что иногда куда лучше написать всё как есть, без сокращений.
Вот в платёжной инфе заказа Glovo много текста, по обычным меркам. Очень подробно расписывают, что откуда и как будет списано.
Но зато у меня почти не остаётся вопросов!
Есть, конечно, что улучшить. Например, объяснить, почему сумма ориентировочная. Кое-что можно всё-таки подсократить, что не несёт новой информации:
Будет оплачено бонусами Glovo: 0,95 ₾
Но даже в таком виде такой текст очень успокаивает. Потому что в некоторых ситуациях пользователь действительно хочет спокойно всё прочитать и убедиться, что всё в порядке — а не собирать пазл на бегу.
#микросовет
В погоне за краткостью мы часто забываем, что иногда куда лучше написать всё как есть, без сокращений.
Вот в платёжной инфе заказа Glovo много текста, по обычным меркам. Очень подробно расписывают, что откуда и как будет списано.
Но зато у меня почти не остаётся вопросов!
Есть, конечно, что улучшить. Например, объяснить, почему сумма ориентировочная. Кое-что можно всё-таки подсократить, что не несёт новой информации:
Будет оплачено бонусами Glovo: 0,95 ₾
Но даже в таком виде такой текст очень успокаивает. Потому что в некоторых ситуациях пользователь действительно хочет спокойно всё прочитать и убедиться, что всё в порядке — а не собирать пазл на бегу.
Как править текст в фигме в один клик
#микросовет
Что мы делаем в фигме большую часть времени? Конечно же, выделяем текстовые контейнеры!
Но иногда они закопаны глубоко под слоями фреймов. И раньше я делал так: кликал по тексту до тех пор, пока не проваливался в текст. Возможно, не я один такой мазохист.
Так вот, для нас есть элегантное сочетание клавиш, которое сразу перенесёт на правку текстового контейнера:
Cmd + Click (в маках)
Ctrl + Click (в винде)
Не благодарите.
P. S. в комментариях подсказали ещё более крутой способ: нажать T и править любой текст вообще не напрягаясь 👌
#микросовет
Что мы делаем в фигме большую часть времени? Конечно же, выделяем текстовые контейнеры!
Но иногда они закопаны глубоко под слоями фреймов. И раньше я делал так: кликал по тексту до тех пор, пока не проваливался в текст. Возможно, не я один такой мазохист.
Так вот, для нас есть элегантное сочетание клавиш, которое сразу перенесёт на правку текстового контейнера:
Cmd + Click (в маках)
Ctrl + Click (в винде)
Не благодарите.
P. S. в комментариях подсказали ещё более крутой способ: нажать T и править любой текст вообще не напрягаясь 👌
Правил нет
#микросовет
Редакторы любят всякие правила, особенно обожают о них спорить. Но за этим спорами можно забыть один простой факт.
Нет таких правил, которые нельзя было бы нарушить, если это приводит к успеху. Ну, кроме морально-этических, пожалуй.
— Хочется вам везде ставить два тире подряд вместо одного —— ставьте ради бога, смотрите, какая красота получается.
— Нравится все имена собственные писать с маленькой буквы —— да кто запретит, пожалуйста, виктор, пишите.
— Даже жы-шы можно писать не через «и», если это смешно и нравится пользователям.
Есть какие-то штуки, которые чуть чаще и чуть лучше работают, чем другие. Но это не значит, что будут работать и у вас.
Смелее, виктор, ещё смелее!
#микросовет
Редакторы любят всякие правила, особенно обожают о них спорить. Но за этим спорами можно забыть один простой факт.
Нет таких правил, которые нельзя было бы нарушить, если это приводит к успеху. Ну, кроме морально-этических, пожалуй.
— Хочется вам везде ставить два тире подряд вместо одного —— ставьте ради бога, смотрите, какая красота получается.
— Нравится все имена собственные писать с маленькой буквы —— да кто запретит, пожалуйста, виктор, пишите.
— Даже жы-шы можно писать не через «и», если это смешно и нравится пользователям.
Есть какие-то штуки, которые чуть чаще и чуть лучше работают, чем другие. Но это не значит, что будут работать и у вас.
Смелее, виктор, ещё смелее!
Когда два слова круче одного
#микросовет
Давайте возьмем условный календарик, а в нём две опции для события:
🟣 Ежемесячно
🟣 Еженедельно
С точки зрения дизайна удобно: одно слово можно поместить куда угодно.
Но легко ли вам было в первую секунду увидеть различия? Думаю, пришлось читать. Ключевой корень спрятан в глубине. А ведь у многих людей есть проблемы с восприятием текста: от зрения до дислексии. Для них такой выбор может вообще быть блокером.
Попробуем разбить на два слова:
🟢 Каждый месяц
🟢 Каждую неделю
Разница теперь не прячется внутри. Коснулся взглядом — и понятно, что какая кнопка значит. Всем легче читать, особенно тем, кому чтение даётся хуже.
#микросовет
Давайте возьмем условный календарик, а в нём две опции для события:
С точки зрения дизайна удобно: одно слово можно поместить куда угодно.
Но легко ли вам было в первую секунду увидеть различия? Думаю, пришлось читать. Ключевой корень спрятан в глубине. А ведь у многих людей есть проблемы с восприятием текста: от зрения до дислексии. Для них такой выбор может вообще быть блокером.
Попробуем разбить на два слова:
Разница теперь не прячется внутри. Коснулся взглядом — и понятно, что какая кнопка значит. Всем легче читать, особенно тем, кому чтение даётся хуже.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Незначительный недостаток комментов в фигме
#микросовет
Многие редакторы оставляют свои правки прямо комментариями в фигме. С одной стороны очень удобно. Легко помечать, где что меняется. Можно обсуждать правки с дизайнером прямо на месте. А с некоторых пор комменты приклеиваются к фрейму и не теряются при перетаскивании, как раньше.
☠️ Но у комментов всё равно остаётся маленький недостаток. Крошечный. Комменты всё равно легко теряются! Перетащил кто-то фреймы в другой файл, страницу. И всё — ваших комментов больше нет! Puff! Идите потом рассказывайте, где вы и что правили, и вспоминайте, какие варианты там были.
👉 Отсюда совет: сохраняйте свои комменты к себе в надёжное место. Хотя бы делайте скриншоты фрейма и коммента. Или в заметки копируйте хотя бы.
Например, у меня в отдельном фигма-файле лежат копии всех экранов, которые я правил — изначальных и исправленных, чтобы было видно, что поменялось.
#микросовет
Многие редакторы оставляют свои правки прямо комментариями в фигме. С одной стороны очень удобно. Легко помечать, где что меняется. Можно обсуждать правки с дизайнером прямо на месте. А с некоторых пор комменты приклеиваются к фрейму и не теряются при перетаскивании, как раньше.
☠️ Но у комментов всё равно остаётся маленький недостаток. Крошечный. Комменты всё равно легко теряются! Перетащил кто-то фреймы в другой файл, страницу. И всё — ваших комментов больше нет! Puff! Идите потом рассказывайте, где вы и что правили, и вспоминайте, какие варианты там были.
👉 Отсюда совет: сохраняйте свои комменты к себе в надёжное место. Хотя бы делайте скриншоты фрейма и коммента. Или в заметки копируйте хотя бы.
Например, у меня в отдельном фигма-файле лежат копии всех экранов, которые я правил — изначальных и исправленных, чтобы было видно, что поменялось.
Говорит или показывает?
#микросовет
Допустим, вы собираетесь отправить ничего не подозревающего пользователя на следующий слой вашего информационного пирога. Каким глаголом его туда звать?
☠️ Рассказываем, читайте, сейчас объясним, изучите:
Долго, скучно, придётся напрягаться, листать и перематывать, зевок.
🍭 Показываем, смотрите, сейчас покажем, погляди:
А тут что-то приятное и доступное, может даже комикс с мемами, куда жать?
Конечно, одного слова недостаточно. Если приглашаете смотреть, придётся на самом деле что-то демонстрировать. Сделать картинки там, видео, схемки. Но это только к лучшему, поверьте.
#микросовет
Допустим, вы собираетесь отправить ничего не подозревающего пользователя на следующий слой вашего информационного пирога. Каким глаголом его туда звать?
☠️ Рассказываем, читайте, сейчас объясним, изучите:
Долго, скучно, придётся напрягаться, листать и перематывать, зевок.
🍭 Показываем, смотрите, сейчас покажем, погляди:
А тут что-то приятное и доступное, может даже комикс с мемами, куда жать?
Конечно, одного слова недостаточно. Если приглашаете смотреть, придётся на самом деле что-то демонстрировать. Сделать картинки там, видео, схемки. Но это только к лучшему, поверьте.
Третий уровень заботы
#микросовет
1. Что делает приложение, которое только решило заботиться о пользователях: спрашивает фидбек.
2. Что делает приложение, которое уже понимает, что такое забота: предлагает вариант оставить фидбек позже (Ask later).
3. Что делает приложение, которое на самом деле заботится: даёт возможность отписаться от сбора фидбека (opt out).
Поймите, фидбек — это большое одолжение, а вовсе не обязанность пользователя, и не забивайте голову тем, кому не интересно это одолжение вам делать.
Всё равно немотивированный человек просто нажмёт рандомные звездочки — и это в лучшем случае.
#микросовет
1. Что делает приложение, которое только решило заботиться о пользователях: спрашивает фидбек.
2. Что делает приложение, которое уже понимает, что такое забота: предлагает вариант оставить фидбек позже (Ask later).
3. Что делает приложение, которое на самом деле заботится: даёт возможность отписаться от сбора фидбека (opt out).
Поймите, фидбек — это большое одолжение, а вовсе не обязанность пользователя, и не забивайте голову тем, кому не интересно это одолжение вам делать.
Всё равно немотивированный человек просто нажмёт рандомные звездочки — и это в лучшем случае.
Меняйте рыбу
#микросовет
Если заглянуть в наши макеты, окажется, что у нас почему-то всё на свете делает Миша. Ходит в школу, ездит на машине, пишет в чате. Изредка к нему на помощь приходит Константин — но сами понимаете, всех интересуют только его количественные характеристики, а не человеческие.
Да, это лучше, чем [имя], но есть жирный минус. Пример замыливается и перестаёт восприниматься как что-то реальное. Условный город, условная улица, условное имя. За Иваном Ивановым из Ивановска сложно увидеть реального пользователя.
Поэтому я стараюсь каждый раз придумывать новый рыбный пример. Это не даёт расслабиться, каждый раз предложение читается как настоящее:
Elisa turned off notifications
Макс вышел из дома
Новый перевод от Саида
Pon Si sent you a sticker
Подбирать примеры желательно из доступного пула у вашей аудитории. Тоже приучает всех думать дальше ближайшего окружения.
#микросовет
Если заглянуть в наши макеты, окажется, что у нас почему-то всё на свете делает Миша. Ходит в школу, ездит на машине, пишет в чате. Изредка к нему на помощь приходит Константин — но сами понимаете, всех интересуют только его количественные характеристики, а не человеческие.
Да, это лучше, чем [имя], но есть жирный минус. Пример замыливается и перестаёт восприниматься как что-то реальное. Условный город, условная улица, условное имя. За Иваном Ивановым из Ивановска сложно увидеть реального пользователя.
Поэтому я стараюсь каждый раз придумывать новый рыбный пример. Это не даёт расслабиться, каждый раз предложение читается как настоящее:
Elisa turned off notifications
Макс вышел из дома
Новый перевод от Саида
Pon Si sent you a sticker
Подбирать примеры желательно из доступного пула у вашей аудитории. Тоже приучает всех думать дальше ближайшего окружения.
Не знаю, как написать о фиче X
#микросовет
Зуб даю, вам просто инфы не хватает. Потому что когда знаний о фиче и любом другом предмете достаточно, любой текст пишется легко и быстро, остаётся только отредактировать.
Скорее всего вместо понимания вы ходите с иллюзией понимания. А с иллюзиями в голове пишется очень сложно. Сам с этим борюсь постоянно — люблю придумать себе упрощённую модельку, а потом оказывается, что всё вообще не так.
👉 Походите по продактам, по дизам и разрабам, позадавайте вопросы. Разберитесь, как всё работает на самом деле. После этого текст напишется сам.
#микросовет
Зуб даю, вам просто инфы не хватает. Потому что когда знаний о фиче и любом другом предмете достаточно, любой текст пишется легко и быстро, остаётся только отредактировать.
Скорее всего вместо понимания вы ходите с иллюзией понимания. А с иллюзиями в голове пишется очень сложно. Сам с этим борюсь постоянно — люблю придумать себе упрощённую модельку, а потом оказывается, что всё вообще не так.
👉 Походите по продактам, по дизам и разрабам, позадавайте вопросы. Разберитесь, как всё работает на самом деле. После этого текст напишется сам.
Для вас → вам
#микросовет
Одна из простейших и частых правок. Если можно «для кого» заменить на «кому», то надо так и сделать — это упрощает предложение.
Начните копить на важные для вас вещи → Начните копить на важные вам вещи
Мы приготовили для пользователей подарок → Мы приготовили пользователям подарок
Доктор, это для вас → Доктор, это вам
#микросовет
Одна из простейших и частых правок. Если можно «для кого» заменить на «кому», то надо так и сделать — это упрощает предложение.
Начните копить на важные для вас вещи → Начните копить на важные вам вещи
Мы приготовили для пользователей подарок → Мы приготовили пользователям подарок
Доктор, это для вас → Доктор, это вам
Не разбивать предложение
#микросовет
Пользователь читает строки изолированно, видит странное сообщение, что пароль кому-то чем-то обязан. И только потом замечает ниже продолжение. Когнитивная нагрузка🔼
Если уж тут разрывать, то точно не посреди составного сказуемого (привет CapCut на скрине), а прямо перед перечислением. А ещё поставить двоеточие, чтобы было видно, что продолжение ниже:
Your password must have:
— 6-20 characters
— at least 1 symbol
— at least 1 capital letter
#микросовет
Пользователь читает строки изолированно, видит странное сообщение, что пароль кому-то чем-то обязан. И только потом замечает ниже продолжение. Когнитивная нагрузка
Если уж тут разрывать, то точно не посреди составного сказуемого (привет CapCut на скрине), а прямо перед перечислением. А ещё поставить двоеточие, чтобы было видно, что продолжение ниже:
Your password must have:
— 6-20 characters
— at least 1 symbol
— at least 1 capital letter
Please open Telegram to view this post
VIEW IN TELEGRAM
Нажмите на кнопку → нажмите кнопку
#микросовет
Простая правка, которая сбережёт вам минимум 3 символа в каждой второй инструкции. Правильны оба варианта, так зачем выбирать более длинный?
Без слова «кнопка» тоже работает:
Нажмите «Сохранить»
Жми «ОК»
⚠️ но:
Кликните на «ОК»
Нажмите на ссылку
потому что это другое, вы не понимаете
#микросовет
Простая правка, которая сбережёт вам минимум 3 символа в каждой второй инструкции. Правильны оба варианта, так зачем выбирать более длинный?
Без слова «кнопка» тоже работает:
Нажмите «Сохранить»
Жми «ОК»
⚠️ но:
Кликните на «ОК»
Нажмите на ссылку
Заполнять теги
#микросовет
Часто приходится иметь дело с текстом, в котором уже заранее расставили переменные для разработчиков, типа:
Вы знали, что %count_visits% был {name} в {address}?
На первый взгляд выглядит более-менее адекватно, да? Потому что теги мешают увидеть косяки. Стоит подставить вместо них что-то реальное и получается очередной шедевр:
Вы знали, что 5 был Лена в ул. Маросейка, 15? 💀
Поэтому не редактируйте с тегами, а только с реалистичными значениями. А ещё лучше — пробовать самые разные примеры, включая самые редкие.
#микросовет
Часто приходится иметь дело с текстом, в котором уже заранее расставили переменные для разработчиков, типа:
Вы знали, что %count_visits% был {name} в {address}?
На первый взгляд выглядит более-менее адекватно, да? Потому что теги мешают увидеть косяки. Стоит подставить вместо них что-то реальное и получается очередной шедевр:
Поэтому не редактируйте с тегами, а только с реалистичными значениями. А ещё лучше — пробовать самые разные примеры, включая самые редкие.