Forwarded from UX Печка
12 законов.pdf
1.4 MB
Если любите плакаты и UX — ловите «12 законов UX-редактуры». Inspired by Редполитика и Tone of voice МТС. Идея и текст мои, дизайн @snakesixsixsix
👍7🔥3❤2
Поделился в личном канале, что кризис это наше нормальное состояние, а стабильность — исключительное. Это создаёт постоянные угрозы, но делает нас убер-сильными и офигеть какими адаптивными, что хорошо ⤵️
https://tttttt.me/marfitsin/160
https://tttttt.me/marfitsin/160
Telegram
Марфицин
Кризис — это нормальность 🔥
Я тут подумал, а ведь мы за последние 15 лет пережили как минимум четыре кризиса. Интересны две вещи: они абсолютно разные и новые наступали всё быстрее и быстрее.
Кризис 8/9 был чисто про экономику. 14/15 — про политику с экономикой.…
Я тут подумал, а ведь мы за последние 15 лет пережили как минимум четыре кризиса. Интересны две вещи: они абсолютно разные и новые наступали всё быстрее и быстрее.
Кризис 8/9 был чисто про экономику. 14/15 — про политику с экономикой.…
Текст для интерфейса и резиновость макета ↔️
Когда только начинал работать с текстами для интерфейса, был уверен, что макет может и должен под него подстраиваться.
Но жизнь показала, что не все так просто, и текст подстраивается под макет, но не наоборот.
Прошло несколько лет и я снова все чаще задаюсь вопросом, почему макеты так редко адаптируют под текст.
Потому что часто бывает так: вот тебе вводная, надо расписать, какая эта фича классная, а ещё ее полное название и призыв к действию. И да, у тебя есть на все аж 8 символов, ну давай, дерзай!
Текста должно быть столько, сколько должно, а не столько, сколько ему «щедро» отсыпал дизайнер в макете. Потому что ветхнеуровневая задача — не в ограничения вписаться, а в продуктовый и пользовательский контекст, который часто требует подобных объяснений и места.
Когда только начинал работать с текстами для интерфейса, был уверен, что макет может и должен под него подстраиваться.
Но жизнь показала, что не все так просто, и текст подстраивается под макет, но не наоборот.
Прошло несколько лет и я снова все чаще задаюсь вопросом, почему макеты так редко адаптируют под текст.
Потому что часто бывает так: вот тебе вводная, надо расписать, какая эта фича классная, а ещё ее полное название и призыв к действию. И да, у тебя есть на все аж 8 символов, ну давай, дерзай!
Текста должно быть столько, сколько должно, а не столько, сколько ему «щедро» отсыпал дизайнер в макете. Потому что ветхнеуровневая задача — не в ограничения вписаться, а в продуктовый и пользовательский контекст, который часто требует подобных объяснений и места.
🔥12❤4👍4
Тон текста для интерфейса как важный элемент персонализации 🌈
В iOS 16 показали новый экран блокировки, в котором система предлагает подходящие фоновому изображению цвета, а в Android уже используется дизайн-язык Material You, который подбирает акцентные цвета.
Было бы интересно сделать тон текстов для интерфейсов таким же элементом кастомизации. Конечно, раскатывать на всю систему несколько вариантов тона слишком сложно и дорого, но вот некоторые участки вполне можно было бы отдать на откуп.
Например, названия дней недели: не вторник, а всё ещё вторник, не четверг, а уже почти пятница
В iOS 16 показали новый экран блокировки, в котором система предлагает подходящие фоновому изображению цвета, а в Android уже используется дизайн-язык Material You, который подбирает акцентные цвета.
Было бы интересно сделать тон текстов для интерфейсов таким же элементом кастомизации. Конечно, раскатывать на всю систему несколько вариантов тона слишком сложно и дорого, но вот некоторые участки вполне можно было бы отдать на откуп.
Например, названия дней недели: не вторник, а всё ещё вторник, не четверг, а уже почти пятница
👍7🔥3❤1
«Зона продукта» и «зона пользователя» ☯️
Короче, раз уж сегодня про текст для интерфейса так хорошо идёт, давайте ещё одну важную тему затронем — «зонирование» интерфейса с точки зрения коммуникации.
Почти всегда фрагмент интерфейса (конкретный экран, раздел или попап) можно поделить на «зону продукта», где вы, как UX-писатель, говорите от имени продукта, и зону пользователя, где прорабатываете возможные варианты действий (обычно кнопки, но не всегда) с инфой (контекст и объяснение по этому фреймворку), полученной из «зоны продукта».
Получается, что мы как шахматисты, играющие сами с собой, или как сценаристы — должны продумывать реплики и монологи и за себя, и за того парня.
Важно определить границы, потому что у нас есть доверенность говорить только от имени продукта, но не пользователя. Особенно учитывая, что текст люди проговаривают про себя, мы не можем нагло вклиниваться в этот внутренний пользовательский диалог
Короче, раз уж сегодня про текст для интерфейса так хорошо идёт, давайте ещё одну важную тему затронем — «зонирование» интерфейса с точки зрения коммуникации.
Почти всегда фрагмент интерфейса (конкретный экран, раздел или попап) можно поделить на «зону продукта», где вы, как UX-писатель, говорите от имени продукта, и зону пользователя, где прорабатываете возможные варианты действий (обычно кнопки, но не всегда) с инфой (контекст и объяснение по этому фреймворку), полученной из «зоны продукта».
Получается, что мы как шахматисты, играющие сами с собой, или как сценаристы — должны продумывать реплики и монологи и за себя, и за того парня.
Важно определить границы, потому что у нас есть доверенность говорить только от имени продукта, но не пользователя. Особенно учитывая, что текст люди проговаривают про себя, мы не можем нагло вклиниваться в этот внутренний пользовательский диалог
Telegram
Инструменты редактора
⛓ Контекст → Объяснение → Действие
При создании текста для интерфейса чаще всего придерживаюсь фреймворка «Контекст → Объяснение → Действие», особенно подходит для несложных всплывающих окон.
Контекст. Обычно это заголовок. Даёт пользователю быстрый ответ…
При создании текста для интерфейса чаще всего придерживаюсь фреймворка «Контекст → Объяснение → Действие», особенно подходит для несложных всплывающих окон.
Контекст. Обычно это заголовок. Даёт пользователю быстрый ответ…
👍2🔥1
А на своём личном канале @marfitsin рассказал о трёх измерениях личного пространства, физическом, временном и ментальном, которые помогают мне оставаться в равновесии: https://tttttt.me/marfitsin/167
Telegram
Марфицин
Три измерения личного пространства 🌠
Сформулировал для себя три измерения личного пространства, которые для меня очень важны.
Физическое. Свой уголок, стол, комната, квартира, кабинет, офис. Место, где у нас своя атмосфера и воздух, который мы ни с кем…
Сформулировал для себя три измерения личного пространства, которые для меня очень важны.
Физическое. Свой уголок, стол, комната, квартира, кабинет, офис. Место, где у нас своя атмосфера и воздух, который мы ни с кем…
❤1
Привет!
Вижу, что не все увидели три моих поста про юикс-редактуру вчера, а там очень важные тезисы есть, да и вообще это редкая для меня производительность:
↔️ Текст против макета. Чем дальше, тем сильнее убеждаюсь, что побеждать должен текст.
🌈 Тон UX-текстов как элемент персонализации интерфейсов. Если можно акцентные цвета и экран блокировки, то почему нельзя стиль повествования?
☯️ Зона продукта и зона пользователя. Они есть почти в каждом фрагменте интерфейса.
И хорошего дня всем!
Вижу, что не все увидели три моих поста про юикс-редактуру вчера, а там очень важные тезисы есть, да и вообще это редкая для меня производительность:
↔️ Текст против макета. Чем дальше, тем сильнее убеждаюсь, что побеждать должен текст.
🌈 Тон UX-текстов как элемент персонализации интерфейсов. Если можно акцентные цвета и экран блокировки, то почему нельзя стиль повествования?
☯️ Зона продукта и зона пользователя. Они есть почти в каждом фрагменте интерфейса.
И хорошего дня всем!
🔥12
И точка ⚪️
Вы молодцы и точка
Вы делаете свою работу исключительно хорошо и точка
Ваш контент прекрасен и точка
Ваши тексты для интерфейса великолепны и точка
У вас все получится и точка
Все сбудется и точка
Вы получите желаемое и точка
Вы исключительны и точка
.
Вы молодцы и точка
Вы делаете свою работу исключительно хорошо и точка
Ваш контент прекрасен и точка
Ваши тексты для интерфейса великолепны и точка
У вас все получится и точка
Все сбудется и точка
Вы получите желаемое и точка
Вы исключительны и точка
.
❤42
«В моей работе нет ничего особенного» 🧐
Наверняка сталкивались с ощущением, что особой ценности в вашей работе те, и что её может сделать любой желающий. Вот у меня такое бывало десятки раз за эти годы
Так вот.
Да. Зачастую так оно и есть.
Но так, как вы, её сделаете только вы ❤️
Вы — это и есть ценность. И вы делаете работу особенной
Наверняка сталкивались с ощущением, что особой ценности в вашей работе те, и что её может сделать любой желающий. Вот у меня такое бывало десятки раз за эти годы
Так вот.
Да. Зачастую так оно и есть.
Но так, как вы, её сделаете только вы ❤️
Вы — это и есть ценность. И вы делаете работу особенной
❤37👍4
Forwarded from Плавучая редакция
Принципы UX-текста от Apple
Давно мечтал узнать, как Apple работает с текстом. И вот они записали целый мастер-класс для нас. Оказывается, для UX-writing у них есть собственная система — PACE (Purpose, Anticipation, Context, Empathy):
Purpose: всегда думаем о предназначении любого экрана и элемента. Надпись «Айфону нужно остыть» не говорит ничего полезного (что надо убрать его от солнца или что экстренный звонок всё ещё доступен).
Anticipation: ждать правильного момента, чтобы что-то сказать. Как в разговоре, иногда лучше спросить и слушать, чем постоянно говорить самому.
Context: понимать, в какой ситуации будут читать и давать соответствующую информацию. Ситуация может быть как офлайн (на бегу отвечаю на сообщение), так и само флоу — что пользователь видел и делал до этого с телефоном.
Empathy: писать так, чтобы было понятно всем. Просто, коротко, без терминов — это минимум. Всегда помнить о доступности для разных категорий пользователей.
Посмотрите полностью, просто класс — https://developer.apple.com/videos/play/wwdc2022/10037/
Давно мечтал узнать, как Apple работает с текстом. И вот они записали целый мастер-класс для нас. Оказывается, для UX-writing у них есть собственная система — PACE (Purpose, Anticipation, Context, Empathy):
Purpose: всегда думаем о предназначении любого экрана и элемента. Надпись «Айфону нужно остыть» не говорит ничего полезного (что надо убрать его от солнца или что экстренный звонок всё ещё доступен).
Anticipation: ждать правильного момента, чтобы что-то сказать. Как в разговоре, иногда лучше спросить и слушать, чем постоянно говорить самому.
Context: понимать, в какой ситуации будут читать и давать соответствующую информацию. Ситуация может быть как офлайн (на бегу отвечаю на сообщение), так и само флоу — что пользователь видел и делал до этого с телефоном.
Empathy: писать так, чтобы было понятно всем. Просто, коротко, без терминов — это минимум. Всегда помнить о доступности для разных категорий пользователей.
Посмотрите полностью, просто класс — https://developer.apple.com/videos/play/wwdc2022/10037/
Apple Developer
Writing for interfaces - WWDC22 - Videos - Apple Developer
The words and phrases you choose for your app matter. Whether you're writing an alert, building an onboarding experience, or describing...
👍8
UX-писатели, как вы объясняете, чем занимаетесь людям, которые в этом ничего не понимают?
Доброе утро ☀
Уже вторая подряд утренняя подборка великолепных постов:
⚪ Вы молодцы и точка. Добавляем вам настроения и сил.
🌟 В вашей работе нет ничего особенного, зато вы — особенные. И уверенности в вашей исключительности.
😍 Вова Лалош сделал конспект видео Apple про принципы текста для интерфейса на WWDC 2022.
Хорошего дня всем ❤️
Уже вторая подряд утренняя подборка великолепных постов:
⚪ Вы молодцы и точка. Добавляем вам настроения и сил.
🌟 В вашей работе нет ничего особенного, зато вы — особенные. И уверенности в вашей исключительности.
😍 Вова Лалош сделал конспект видео Apple про принципы текста для интерфейса на WWDC 2022.
Хорошего дня всем ❤️
❤8👍1