Возвращение контроля
Как бы нам ни хотелось, дизайнер далеко не всегда на стороне клиента. Но как поклонник фильма «Матрица», я очень люблю, когда пользователь сопротивляется и придумывает обходные пути, чтобы обмануть хитрую систему. Вот, собрал несколько примеров:
Прятки на Нетфликсе 👈
Все, кто пользуются Нетфликсом, хорошо знают — стоит открыть главную страницу, у тебя моментально заиграет трейлер какой-нибудь «Игры в кальмара». Не самая удобная функция, особенно на совещаниях.
Бизнес-цель: как можно быстрее вовлечь тебя в контент, пока ты не ушёл обсуждать квартальный план.
Возвращение контроля: на сайте можно спрятать курсор где-то между плиток. Если приложение для ТВ — открыть меню.
Двойные эмоджи 🥲🥲
Дизайнеры телеграма придумали увеличенные анимированные эмоджи, которые отправляются, если сообщение состоит из одного смайлика. Любители общаться смайликами снова стали выглядеть дураками, потому что гигантские кривляющиеся рожи искажали изначальный смысл сообщения.
Бизнес-цель: дать как можно больше уникальных фич произвольного качества, чтобы ты не вздумал уйти в другой мессенджер.
Возвращение контроля: если отправить два одинаковых смайлика, они будут держать себя в руках. Всё ещё лучше, чем дикое чудовище на треть экрана.
Стоп-кран для сторис 🚂
Сторис — это чудесный поезд, который бесконечно мчится куда-то мимо, потому что инженеры специально спроектировали его без тормозов. Но если на сторис много текста, это может быть проблемой.
Бизнес-цель: чем быстрее мчатся сторис, тем больше можно показать рекламы.
Возвращение контроля: зажатый тап по экрану на какое-то время останавливает поток, и можно успеть рассмотреть или прочитать.
И всё это до тех пор, пока дизайнеры не прикроют лазейку или не упакуют в новую полезную для бизнеса фичу. Проиллюстрировал этот цикл, как смог, в виде комикса, сразу простите за физиологичность деталей.
Знаете ещё примеры возвращения контроля? Присылайте в комменты, будем восхищаться пользовательской смекалкой.
Как бы нам ни хотелось, дизайнер далеко не всегда на стороне клиента. Но как поклонник фильма «Матрица», я очень люблю, когда пользователь сопротивляется и придумывает обходные пути, чтобы обмануть хитрую систему. Вот, собрал несколько примеров:
Прятки на Нетфликсе 👈
Все, кто пользуются Нетфликсом, хорошо знают — стоит открыть главную страницу, у тебя моментально заиграет трейлер какой-нибудь «Игры в кальмара». Не самая удобная функция, особенно на совещаниях.
Бизнес-цель: как можно быстрее вовлечь тебя в контент, пока ты не ушёл обсуждать квартальный план.
Возвращение контроля: на сайте можно спрятать курсор где-то между плиток. Если приложение для ТВ — открыть меню.
Двойные эмоджи 🥲🥲
Дизайнеры телеграма придумали увеличенные анимированные эмоджи, которые отправляются, если сообщение состоит из одного смайлика. Любители общаться смайликами снова стали выглядеть дураками, потому что гигантские кривляющиеся рожи искажали изначальный смысл сообщения.
Бизнес-цель: дать как можно больше уникальных фич произвольного качества, чтобы ты не вздумал уйти в другой мессенджер.
Возвращение контроля: если отправить два одинаковых смайлика, они будут держать себя в руках. Всё ещё лучше, чем дикое чудовище на треть экрана.
Стоп-кран для сторис 🚂
Сторис — это чудесный поезд, который бесконечно мчится куда-то мимо, потому что инженеры специально спроектировали его без тормозов. Но если на сторис много текста, это может быть проблемой.
Бизнес-цель: чем быстрее мчатся сторис, тем больше можно показать рекламы.
Возвращение контроля: зажатый тап по экрану на какое-то время останавливает поток, и можно успеть рассмотреть или прочитать.
И всё это до тех пор, пока дизайнеры не прикроют лазейку или не упакуют в новую полезную для бизнеса фичу. Проиллюстрировал этот цикл, как смог, в виде комикса, сразу простите за физиологичность деталей.
Знаете ещё примеры возвращения контроля? Присылайте в комменты, будем восхищаться пользовательской смекалкой.
👍39❤7😁5👎1
Тема дня: скрывающийся текст.
Текст-хамелеон. Яндекс.Навигатор тренирует водителю зрение и внимание. Какой сделаем вывод? Быть осторожнее с автоматической вёрсткой текстовых блоков. Читабельность важнее стиля. За скрин в @editboat_bot спасибо Роме С.
Текст-хлопнувшийдверью. В Медси решили наглядно доказать свою решимость не писать письма. Наверное, потому что перед этим прислали мне анализы какого-то левого мужика 🙃 Вспоминаем золотое правило: заполнять формат полностью. Тема, заголовок и тело письма всегда должны быть, даже если рука отваливается. Подпись желательно тоже.
Присылайте свои примеры, будем обсуждать.
Текст-хамелеон. Яндекс.Навигатор тренирует водителю зрение и внимание. Какой сделаем вывод? Быть осторожнее с автоматической вёрсткой текстовых блоков. Читабельность важнее стиля. За скрин в @editboat_bot спасибо Роме С.
Текст-хлопнувшийдверью. В Медси решили наглядно доказать свою решимость не писать письма. Наверное, потому что перед этим прислали мне анализы какого-то левого мужика 🙃 Вспоминаем золотое правило: заполнять формат полностью. Тема, заголовок и тело письма всегда должны быть, даже если рука отваливается. Подпись желательно тоже.
Присылайте свои примеры, будем обсуждать.
👍10❤1😁1
Гайд по Figma для UX-писателей
Неожиданное открытие — оказывается, у фигмы есть свой официальный гайд для UX-писателей. В нём много полезного, особенно для новичков.
Объясняют про слои, фреймы, компоненты и автолэйауты. Дают советы про операционку: как лучше работать с дизайнерами, как вести файлы, поддерживать порядок. Там же подборка полезных плагинов и шорткатов. Ну и в формате видео тоже гайд продублировали.
На английском, но ради этого можно повозиться со словарём. Держите — www.figma.com/best-practices/the-ux-writers-guide-to-figma/
Неожиданное открытие — оказывается, у фигмы есть свой официальный гайд для UX-писателей. В нём много полезного, особенно для новичков.
Объясняют про слои, фреймы, компоненты и автолэйауты. Дают советы про операционку: как лучше работать с дизайнерами, как вести файлы, поддерживать порядок. Там же подборка полезных плагинов и шорткатов. Ну и в формате видео тоже гайд продублировали.
На английском, но ради этого можно повозиться со словарём. Держите — www.figma.com/best-practices/the-ux-writers-guide-to-figma/
Figma
The UX writer’s guide to Figma
Tips from our UX writing team for getting started with Figma
🔥66👍9🥰2❤1
Как аналогии помогают решать задачи
Если в вашем тексте сложная абстрактная идея, подберите аналогию из повседневной жизни — и это научно обосновано.
В 1989 году психологи Лида Космидс и Джон Туби провели интересный эксперимент. Сначала они предложили испытуемым решить классическую задачу Уэйсона (первая картинка). В чём её суть: перед вами на столе 4 карточки — какие из них нужно перевернуть, чтобы убедиться, что у всех карточек с четными числами красная рубашка?
Если вы давно не решали подобные логические задачи, получить ответ в уме (перевернуть восьмерку и коричневую ) будет непросто.
Потом психологи сделали аналог этой задачки, но теперь на карточках был возраст и напитки — алкогольные и безалкогольные (вторая картинка). Соответственно задача теперь формулировалась так: «какие карточки надо перевернуть, чтобы проверить, что алкоголь пьют только совершеннолетние»? (перевернуть «16» и пиво )
Такую бытовую задачку испытуемые решали быстрее и легче. При том, что суть задачи не менялась, всё тот же логический пазл.
Космидс и Туби объяснили это тем, что мы унаследовали от предков множество «решателей социальных проблем». Чтобы жить в социуме было важно установливать правила и выявлять их нарушение. Вот и в этом тесте срабатывает один из готовых лайфхаков — «механизм обнаружения обманщика». Этот механизм хорошо работает с социальным взаимодействием, но плохо с абстрактными вещами типа чисел, цветов и формул.
Какой вывод сделать редактору? Попробуйте объяснять сложное через социальные аналогии. Возможно, это затронет какой-нибудь встроенный механизм, который решит всё в два счёта.
Если в вашем тексте сложная абстрактная идея, подберите аналогию из повседневной жизни — и это научно обосновано.
В 1989 году психологи Лида Космидс и Джон Туби провели интересный эксперимент. Сначала они предложили испытуемым решить классическую задачу Уэйсона (первая картинка). В чём её суть: перед вами на столе 4 карточки — какие из них нужно перевернуть, чтобы убедиться, что у всех карточек с четными числами красная рубашка?
Если вы давно не решали подобные логические задачи, получить ответ в уме (
Потом психологи сделали аналог этой задачки, но теперь на карточках был возраст и напитки — алкогольные и безалкогольные (вторая картинка). Соответственно задача теперь формулировалась так: «какие карточки надо перевернуть, чтобы проверить, что алкоголь пьют только совершеннолетние»? (
Такую бытовую задачку испытуемые решали быстрее и легче. При том, что суть задачи не менялась, всё тот же логический пазл.
Космидс и Туби объяснили это тем, что мы унаследовали от предков множество «решателей социальных проблем». Чтобы жить в социуме было важно установливать правила и выявлять их нарушение. Вот и в этом тесте срабатывает один из готовых лайфхаков — «механизм обнаружения обманщика». Этот механизм хорошо работает с социальным взаимодействием, но плохо с абстрактными вещами типа чисел, цветов и формул.
Какой вывод сделать редактору? Попробуйте объяснять сложное через социальные аналогии. Возможно, это затронет какой-нибудь встроенный механизм, который решит всё в два счёта.
👍24❤2🔥1
Записывать!
#совет
Крутые идеи, неожиданные мысли, классные кейсы, договорённости, забавные истории, рабочие примеры, выученные уроки, — что объединяет всех этих ребят? Они неожиданно появляются в нашей жизни, и кажется — ну, вот это я никогда не забуду. А потом чудесно забываются.
Чтобы расти, стоит фиксировать всё, что кажется хоть немного полезным. Вот почему.
— Освобождается место в голове для новых идей и примеров.
— Чем больше записываешь, тем больше хочется. Появляется больше идей, начинаешь замечать больше деталей.
— Всегда можно обратиться к записям и выудить нужное: идею статьи, пример для портфолио, байку для разговора в баре.
— По ощущениям, конспект ещё и каким-то образом разивает мышление. Может, потому что в голове тоже всё упорядочивается.
Единственное правило — журнал надо систематизировать. Принцип может быть любой: по папкам, по тегам, разные приложения под рабочие и домашние заметки — как вам удобнее. Главное, чтобы потом можно было быстро найти нужное в этом конспекте жизни.
#совет
Крутые идеи, неожиданные мысли, классные кейсы, договорённости, забавные истории, рабочие примеры, выученные уроки, — что объединяет всех этих ребят? Они неожиданно появляются в нашей жизни, и кажется — ну, вот это я никогда не забуду. А потом чудесно забываются.
Чтобы расти, стоит фиксировать всё, что кажется хоть немного полезным. Вот почему.
— Освобождается место в голове для новых идей и примеров.
— Чем больше записываешь, тем больше хочется. Появляется больше идей, начинаешь замечать больше деталей.
— Всегда можно обратиться к записям и выудить нужное: идею статьи, пример для портфолио, байку для разговора в баре.
— По ощущениям, конспект ещё и каким-то образом разивает мышление. Может, потому что в голове тоже всё упорядочивается.
Единственное правило — журнал надо систематизировать. Принцип может быть любой: по папкам, по тегам, разные приложения под рабочие и домашние заметки — как вам удобнее. Главное, чтобы потом можно было быстро найти нужное в этом конспекте жизни.
🔥23⚡5❤5👍1
Действие, не состояние
#совет из старого фонда
Всегда, когда мы что-то пишем в интерфейсе, мы хотим повлиять на то, что пользователь сделает дальше. Именно поэтому информацию по возможности лучше переводить в формат: «сделайте», а не сообщать факт и ждать, что человек сам разберётся.
Неизвестная ошибка
Кажется, что просто сообщили информацию. Но мы же сделали это для какой-то цели? Наверное, чтобы пользователь сделал какое-то действие с этой информацией: обратился в поддержку, вернулся на предыдущий этап и больше не пытался или чтобы попробовал снова.
То есть мы предполагаем действие, но не говорим его. Почему бы тогда не сказать прямо:
Ошибка — попробуйте ещё раз или напишите нам
Или вот вы тест с несколькими вариантами на выбор. Если пропустить, появляется красненькая надпись:
Не выбрано ни одного пункта
Вроде пытаемся что-то донести, но что — еще надо додумать. Почему бы не избавить пользователя от лишних додумываний?
Выберите хотя бы что-то
Действует практически во всём. Попробуйте еще раз и напишите, если не получится.
#совет из старого фонда
Всегда, когда мы что-то пишем в интерфейсе, мы хотим повлиять на то, что пользователь сделает дальше. Именно поэтому информацию по возможности лучше переводить в формат: «сделайте», а не сообщать факт и ждать, что человек сам разберётся.
Неизвестная ошибка
Кажется, что просто сообщили информацию. Но мы же сделали это для какой-то цели? Наверное, чтобы пользователь сделал какое-то действие с этой информацией: обратился в поддержку, вернулся на предыдущий этап и больше не пытался или чтобы попробовал снова.
То есть мы предполагаем действие, но не говорим его. Почему бы тогда не сказать прямо:
Ошибка — попробуйте ещё раз или напишите нам
Или вот вы тест с несколькими вариантами на выбор. Если пропустить, появляется красненькая надпись:
Не выбрано ни одного пункта
Вроде пытаемся что-то донести, но что — еще надо додумать. Почему бы не избавить пользователя от лишних додумываний?
Выберите хотя бы что-то
Действует практически во всём. Попробуйте еще раз и напишите, если не получится.
👍35❤17🔥1
Довольно милое сообщение об ошибке у Яндекс.Плюса (прислали в @editboat_bot).
P. S. интересно, рифма «список ваших подписок» случайно получилась или намеренно 🤔
P. S. интересно, рифма «список ваших подписок» случайно получилась или намеренно 🤔
👍29🥰18
Нашёл вам крутое чтение на выходные — лонгрид о диалогах в кино на DTF.
Хотя это и далеко от интерфейсов, но нам тоже можно найти в статье полезное (особенно тем, кто делает чат-боты): как удерживать напряжение; про баланс функциональных и драматических диалогов; про их ритм и темп — оказывается есть и такое.
Можно вдохновиться и заодно пересмотреть парочку фильмов, использованных в качестве примера 🎥
Хотя это и далеко от интерфейсов, но нам тоже можно найти в статье полезное (особенно тем, кто делает чат-боты): как удерживать напряжение; про баланс функциональных и драматических диалогов; про их ритм и темп — оказывается есть и такое.
Можно вдохновиться и заодно пересмотреть парочку фильмов, использованных в качестве примера 🎥
DTF
Слова, слова, слова: всё о диалогах киносценария — Кино и сериалы на DTF
Разбираю хороший и плохой диалог, Соркина и Тарантино, а также все секреты речи в кино. По традиции с большим количеством примеров.
❤15👍4👎1😁1
Номер или решётка?
Так, приехали. Был же всегда удобный значок номера, в чём проблема-то.
Раньше проблемы и не было. Номер в русской типографике обозначался как №, а в англоязычной # или No.
Выпуск #12 → Выпуск №12
Проблема появилась с расцветом смартфонов, в которых трудно найти № (в iOS, например, надо зажать решётку, сходу не догадаешься). Пользователи почти перестали им пользоваться и перешли на более доступный и универсальный американский знак.
А что выбирать редактору? Так как № уходит из соцсетей, замечаю, что # всё чаще используется в современных форматах, а № становится всё более старомодным. Ещё не совсем ушёл, но уже добавляет лёгкие танинные нотки в tone of voice. Что-то из договоров и старых журналов. Это стоит учитывать.
Ну и лучше иногда убрать знак совсем, чтобы не усложнять, если по контексту итак понятно, что это номер.
Пост #5 → Пост 5, Пятый пост
Так, приехали. Был же всегда удобный значок номера, в чём проблема-то.
Раньше проблемы и не было. Номер в русской типографике обозначался как №, а в англоязычной # или No.
Выпуск #12 → Выпуск №12
Проблема появилась с расцветом смартфонов, в которых трудно найти № (в iOS, например, надо зажать решётку, сходу не догадаешься). Пользователи почти перестали им пользоваться и перешли на более доступный и универсальный американский знак.
А что выбирать редактору? Так как № уходит из соцсетей, замечаю, что # всё чаще используется в современных форматах, а № становится всё более старомодным. Ещё не совсем ушёл, но уже добавляет лёгкие танинные нотки в tone of voice. Что-то из договоров и старых журналов. Это стоит учитывать.
Ну и лучше иногда убрать знак совсем, чтобы не усложнять, если по контексту итак понятно, что это номер.
Пост #5 → Пост 5, Пятый пост
👍32🔥9
Фан и польза ошибки 404
Мы давно привыкли, что страницу 404 используют как стендап-микрофон. Наверное, чувствуем себя обязанными как-то смягчить сердце пользователя, попавшего в тупик.
Качество шуток нестабильное. Чаще всего дизайнеры заигрывают со спецификой сайта (за свежие примеры от студии керамики и Mosgym спасибо Анне и Елене).
Но мне кажется, это плохое решение. Не потому что юмор — это плохо, а потому что так мы даже не пытаемся закрыть задачу, с которой пришёл пользователь. Просто глупо улыбаемся в трудную минуту.
Гораздо больше мне нравятся попытки как-то помочь юзеру выйти на исходную дорожку:
Помочь вернуться на главную. Это необходимый минимум. Кнопку многие вставляют, иногда дают ссылку (как Медуза). В чём идея: с главной проще найти точку входа в незавершённый сценарий, потому что часто она выступает как каталог.
Предложить страницы, которые могут быть интересны. Прикрепил примеры от Medium и Adobe. Я бы пошёл чуть дальше и выяснил, куда идут пользователи после 404 — и предлагать соответствующие страницы или хотя бы разделы.
Дать поисковую строку. Адекватно, потому что не все найдут поиск в меню. Поможет тем, кто более-менее понимает, куда собирался попасть, а остальным — не очень, так что лучше совмещать с другими способами.
Подсказать решение проблемы. Можно дать инструкцию, что делать, если попадаешь на 404. Кардинальный пример от Orange coat: показывают дерево решений, как перестать ходить по битой ссылке. Но можно придумать и что-то более дружелюбное.
А Паша Молянов так вообще предлагает крутить на 404 рекламу. Это уже, конечно, не про возврат к джобу, а попытка как-то поймать трафик за хвост. Но если всё остальное проваливается, то почему бы и нет.
В общем, думать о цели. Ну, вот похвастались мы чувством юмора (или кринжом), а что дальше? Может, лучше что-то сделать для пользователя или бизнеса?
Мы давно привыкли, что страницу 404 используют как стендап-микрофон. Наверное, чувствуем себя обязанными как-то смягчить сердце пользователя, попавшего в тупик.
Качество шуток нестабильное. Чаще всего дизайнеры заигрывают со спецификой сайта (за свежие примеры от студии керамики и Mosgym спасибо Анне и Елене).
Но мне кажется, это плохое решение. Не потому что юмор — это плохо, а потому что так мы даже не пытаемся закрыть задачу, с которой пришёл пользователь. Просто глупо улыбаемся в трудную минуту.
Гораздо больше мне нравятся попытки как-то помочь юзеру выйти на исходную дорожку:
Помочь вернуться на главную. Это необходимый минимум. Кнопку многие вставляют, иногда дают ссылку (как Медуза). В чём идея: с главной проще найти точку входа в незавершённый сценарий, потому что часто она выступает как каталог.
Предложить страницы, которые могут быть интересны. Прикрепил примеры от Medium и Adobe. Я бы пошёл чуть дальше и выяснил, куда идут пользователи после 404 — и предлагать соответствующие страницы или хотя бы разделы.
Дать поисковую строку. Адекватно, потому что не все найдут поиск в меню. Поможет тем, кто более-менее понимает, куда собирался попасть, а остальным — не очень, так что лучше совмещать с другими способами.
Подсказать решение проблемы. Можно дать инструкцию, что делать, если попадаешь на 404. Кардинальный пример от Orange coat: показывают дерево решений, как перестать ходить по битой ссылке. Но можно придумать и что-то более дружелюбное.
А Паша Молянов так вообще предлагает крутить на 404 рекламу. Это уже, конечно, не про возврат к джобу, а попытка как-то поймать трафик за хвост. Но если всё остальное проваливается, то почему бы и нет.
В общем, думать о цели. Ну, вот похвастались мы чувством юмора (или кринжом), а что дальше? Может, лучше что-то сделать для пользователя или бизнеса?
👍36❤5🔥5