1❤2👍1🔥1
2. Применение ключей переводов
Если ваш продукт работает в разных странах, то скорее всего вам понадобится его локализовать на различные языки. Для упрощения локализации используются ключи перевода.
🔑 Ключи перевода — это уникальные идентификаторы, связывающие текстовые строки в коде с их локализованными версиями. Вместо того, чтобы вручную менять текст для каждого языка, используется ключ, который подтягивает нужный перевод из базы данных.
💼 Почему это важно?
1. Упрощение работы: ключи позволяют легко вносить изменения в текст, не касаясь кода. Если нужно изменить текст на нескольких языках, достаточно обновить его в одном месте, а потом подтянуть обновлённый файл локализации.
2. Гибкость: система ключей облегчает добавление новых языков, поскольку работа идет с абстракциями, а не напрямую с текстами.
3. Поддержка версионности: можно легко отслеживать изменения и обновлять только затронутые ключи, не нарушая работу всего продукта.
⚙️ Как это работает? В коде используется ключ, например: welcome_message. В файлах локализации для каждого языка этот ключ связан с текстом:
Для такой работы выделяется отдельная команда локализации, которая занимается созданием и поддержкой ключей перевода, обеспечением качества переводов, актуализацией текстов, а также координацией работы с разработчиками и контент-менеджерами. В основном такие специалисты работают в Lokalise, Phrase, Crowdin и другие.
🔗 Читать полный гайд по интернационализации
Goltsov | DSGN #гайд
Если ваш продукт работает в разных странах, то скорее всего вам понадобится его локализовать на различные языки. Для упрощения локализации используются ключи перевода.
🔑 Ключи перевода — это уникальные идентификаторы, связывающие текстовые строки в коде с их локализованными версиями. Вместо того, чтобы вручную менять текст для каждого языка, используется ключ, который подтягивает нужный перевод из базы данных.
💼 Почему это важно?
1. Упрощение работы: ключи позволяют легко вносить изменения в текст, не касаясь кода. Если нужно изменить текст на нескольких языках, достаточно обновить его в одном месте, а потом подтянуть обновлённый файл локализации.
2. Гибкость: система ключей облегчает добавление новых языков, поскольку работа идет с абстракциями, а не напрямую с текстами.
3. Поддержка версионности: можно легко отслеживать изменения и обновлять только затронутые ключи, не нарушая работу всего продукта.
⚙️ Как это работает? В коде используется ключ, например: welcome_message. В файлах локализации для каждого языка этот ключ связан с текстом:
//englishussian
{
"welcome_message": "Welcome to our app!"
}
// r
{
"welcome_message": "Добро пожаловать в наше приложение!"
}
Для такой работы выделяется отдельная команда локализации, которая занимается созданием и поддержкой ключей перевода, обеспечением качества переводов, актуализацией текстов, а также координацией работы с разработчиками и контент-менеджерами. В основном такие специалисты работают в Lokalise, Phrase, Crowdin и другие.
Goltsov | DSGN #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2🔥1
Это простой 3D-редактор, с помощью которого можно создавать иллюстрации в 3D и затем конвертировать их в вектор для работы в Adobe Illustrator.
Инструмент выглядит перспективно и обещает существенно сократить время на изменение ракурсов иллюстраций.
https://youtu.be/p6GMIWfuaZA?si=xTgCnHEMzILtG5c5
Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Instant Transformations with Project Neo (beta) | Adobe Creative Cloud
Transform objects in a snap with Adobe Illustrator's Project Neo (beta)! Create endless variations from a single design and add a new dimension to your workflow.
Learn more: https://adobe.ly/4h5Jk5R
Subscribe to Adobe Creative Cloud: https://adobe.ly/48Y1QJ1…
Learn more: https://adobe.ly/4h5Jk5R
Subscribe to Adobe Creative Cloud: https://adobe.ly/48Y1QJ1…
1🔥2
Где делать качественные мокапы?
1. Rotato — мой любимый инструмент для создания 3D-мокапов. Он позволяет анимировать модели устройств, от iPhone до MacBook, включая такие эффекты, как открытие и закрытие ноутбука. Интуитивный интерфейс и поддержка ключевых кадров помогают легко создавать качественные анимации и экспортировать их в разных форматах. В Rotato доступна как бесплатная версия, так и платная, с дополнительными пресетами устройств. Only for macOS
2. Shots — новый сервис для создания мокапов, который фокусируется на статичных изображениях. В отличие от Rotato, он не поддерживает анимацию, зато предлагает множество настроек для добавления теней, стилей и различных вариантов расположения фреймов. Однако гибкости в настройках немного — большинство дизайнов уже готово, и пользователю остается лишь выбрать подходящий вариант.Доступен в браузере на любой ОС.
Goltsov | DSGN
1. Rotato — мой любимый инструмент для создания 3D-мокапов. Он позволяет анимировать модели устройств, от iPhone до MacBook, включая такие эффекты, как открытие и закрытие ноутбука. Интуитивный интерфейс и поддержка ключевых кадров помогают легко создавать качественные анимации и экспортировать их в разных форматах. В Rotato доступна как бесплатная версия, так и платная, с дополнительными пресетами устройств. Only for macOS
2. Shots — новый сервис для создания мокапов, который фокусируется на статичных изображениях. В отличие от Rotato, он не поддерживает анимацию, зато предлагает множество настроек для добавления теней, стилей и различных вариантов расположения фреймов. Однако гибкости в настройках немного — большинство дизайнов уже готово, и пользователю остается лишь выбрать подходящий вариант.Доступен в браузере на любой ОС.
Goltsov | DSGN
🔥2
Переехал в 🇨🇾Лимассол, Кипр. Первое время уйдет на легализацию и обустройство, но уже по первым дням ясно, что здесь мне будет лучше.
Зимы здесь мягкие, и после Таиланда климат ощущается гораздо приятнее — нет изнуряющей жары.
Goltsov | DSGN
Зимы здесь мягкие, и после Таиланда климат ощущается гораздо приятнее — нет изнуряющей жары.
Goltsov | DSGN
🔥6❤2
Вчера был мой первый рабочий день в 💚 InDrive. Встреч было так много, что я совсем забыл сделать фото для поста, поэтому сегодня — фото офиса во второй мой день здесь.
По первым впечатлениям всё очень нравится. Рад, что в работе нужно использовать как английский, так и русский языки, так как есть коллеги, говорящие только на английском и своем родном языке.
Формат работы можно выбрать любой: полностью удалённый, гибридный или в офисе — всё на ваше усмотрение. Пока я выбираю работать из офиса, так как ближайший месяц живу в отеле, откуда неудобно работать, а потом перейду на гибридный формат.
Goltsov | DSGN
По первым впечатлениям всё очень нравится. Рад, что в работе нужно использовать как английский, так и русский языки, так как есть коллеги, говорящие только на английском и своем родном языке.
Формат работы можно выбрать любой: полностью удалённый, гибридный или в офисе — всё на ваше усмотрение. Пока я выбираю работать из офиса, так как ближайший месяц живу в отеле, откуда неудобно работать, а потом перейду на гибридный формат.
Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Спустя столько лет, Figma наконец-то добавила dash стиль для обводки.
Теперь можно не оборачивать отдельное слово в auto layout.
Goltsov | DSGN
Теперь можно не оборачивать отдельное слово в auto layout.
Goltsov | DSGN
🔥2
Tesla представила первые 5 экранов своего будущего приложения для робо-такси.
Неизвестно, сохранится ли такой стиль карты в финальной версии, но приятно видеть, что вместо стандартных Google Maps компания делает акцент на синхронизацию дизайна карты и интерфейса приложения.
Для ride-hailing продуктов обычно используются API сторонних картографических сервисов, которые обходятся компаниям в немалую сумму. Из-за чего вы не увидите каких-то иных дизайнерских решений. Tesla же, вероятно, использует Mapbox в сочетании с собственными разработками, что позволяет добиться такого уникального результата.
Но, несмотря на визуальную эстетику, у меня есть некоторые сомнения относительно UX такой карты. Навигация и восприятие могут оказаться недостаточно понятными для пользователя.
Goltsov | DSGN
Неизвестно, сохранится ли такой стиль карты в финальной версии, но приятно видеть, что вместо стандартных Google Maps компания делает акцент на синхронизацию дизайна карты и интерфейса приложения.
Для ride-hailing продуктов обычно используются API сторонних картографических сервисов, которые обходятся компаниям в немалую сумму. Из-за чего вы не увидите каких-то иных дизайнерских решений. Tesla же, вероятно, использует Mapbox в сочетании с собственными разработками, что позволяет добиться такого уникального результата.
Но, несмотря на визуальную эстетику, у меня есть некоторые сомнения относительно UX такой карты. Навигация и восприятие могут оказаться недостаточно понятными для пользователя.
Goltsov | DSGN
🔥5❤2👍1
Media is too big
VIEW IN TELEGRAM
Заметили новый UI запроса разрешения на использование данных? Это связано с GDPR, который требует от компаний предоставлять прозрачность в обработке данных.
Хотя GDPR был принят в Европейском Союзе, он распространяется на любые компании, которые обрабатывают данные граждан ЕС, независимо от их местоположения. Этот закон оказывает влияние даже за пределами Европы.
Процесс отказа от использования данных часто усложняется. Компании намеренно делают его неудобным, чтобы пользователи чаще соглашались. Например, на одном сайте мне понадобилось больше двух минут, чтобы отклонить все разрешения.
При этом в законе чётко сказано: "Отзыв согласия должен быть столь же прост, как и его выражение" (Статья 7, пункт 3). Нарушение этого правила считается использованием тёмных паттернов, за что компании могут быть оштрафованы.
С аналитической точки зрения понятно, зачем это нужно: компании собирают данные для улучшения продуктов, проведения A/B-тестов и персонализации. Но для пользователей это создаёт неудобства и вызывает раздражение. В худшем случае, согласие может привести к утечке данных из-за ошибок третьих лиц.
Goltsov | DSGN
Хотя GDPR был принят в Европейском Союзе, он распространяется на любые компании, которые обрабатывают данные граждан ЕС, независимо от их местоположения. Этот закон оказывает влияние даже за пределами Европы.
Процесс отказа от использования данных часто усложняется. Компании намеренно делают его неудобным, чтобы пользователи чаще соглашались. Например, на одном сайте мне понадобилось больше двух минут, чтобы отклонить все разрешения.
При этом в законе чётко сказано: "Отзыв согласия должен быть столь же прост, как и его выражение" (Статья 7, пункт 3). Нарушение этого правила считается использованием тёмных паттернов, за что компании могут быть оштрафованы.
С аналитической точки зрения понятно, зачем это нужно: компании собирают данные для улучшения продуктов, проведения A/B-тестов и персонализации. Но для пользователей это создаёт неудобства и вызывает раздражение. В худшем случае, согласие может привести к утечке данных из-за ошибок третьих лиц.
Goltsov | DSGN
👍1🔥1
🎨 Полезный инструмент для начинающих дизайнеров
Если вы только начинаете свой путь в дизайне, важно изучить названия и функции элементов интерфейса. Знать, где находится хедер, чем отличается модальное окно от дропдауна и как правильно использовать чекбоксы, — это базовые знания, без которых нельзя проектировать интерфейс.
📌 На сайте Call to Inspiration можно найти коллекцию интерфейсных элементов с описанием их функций и примеров использования. Это отличный ресурс для изучения базовых понятий и расширения насмотренности.
🔍 Совет: после изучения попробуйте самостоятельно воссоздать элементы в Figma, чтобы лучше их запомнить!
Goltsov | DSGN
Если вы только начинаете свой путь в дизайне, важно изучить названия и функции элементов интерфейса. Знать, где находится хедер, чем отличается модальное окно от дропдауна и как правильно использовать чекбоксы, — это базовые знания, без которых нельзя проектировать интерфейс.
📌 На сайте Call to Inspiration можно найти коллекцию интерфейсных элементов с описанием их функций и примеров использования. Это отличный ресурс для изучения базовых понятий и расширения насмотренности.
🔍 Совет: после изучения попробуйте самостоятельно воссоздать элементы в Figma, чтобы лучше их запомнить!
Goltsov | DSGN
CallToInspiration – Small details for very exacting ideas!
Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.
👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Ребрендинг SNCF Voyageurs (французская железнодорожная компания) от агентства Rosa Paris.
Концепция состоит из 25-ти логотипов, отражающих разнообразные темы: от ретро-эстетики до современных поп-культурных отсылок, таких как дизайн в стиле Барби.
Каждый логотип предназначен для определённых групп пассажиров: любителей чтения, ценителей ностальгии или, например, гурманов.
Goltsov | DSGN
Концепция состоит из 25-ти логотипов, отражающих разнообразные темы: от ретро-эстетики до современных поп-культурных отсылок, таких как дизайн в стиле Барби.
Каждый логотип предназначен для определённых групп пассажиров: любителей чтения, ценителей ностальгии или, например, гурманов.
Goltsov | DSGN
👍3❤2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Spline представил Spell – AI инструмент для генерации 3D миров по изображению с использованием Gaussian splatting.
Достаточно загрузить фото и задать описание, чтобы получить 3D сцену.
Goltsov | DSGN
Достаточно загрузить фото и задать описание, чтобы получить 3D сцену.
Goltsov | DSGN
🔥2👍1
Я стал членом жюри премии WDA 2025
Workspace Digital Awards — одна из самых престижных международных премий в сфере digital. Ежегодно за награды борются лучшие digital-агентства и инхаус-команды ведущих компаний. Победителей выбирает экспертное жюри, в которое входят лидеры отрасли и представители известных брендов.
Goltsov | DSGN
Workspace Digital Awards — одна из самых престижных международных премий в сфере digital. Ежегодно за награды борются лучшие digital-агентства и инхаус-команды ведущих компаний. Победителей выбирает экспертное жюри, в которое входят лидеры отрасли и представители известных брендов.
Goltsov | DSGN
🔥7👍5
Кажется, что UX на Кипре разрабатывается, копируя идеи с таких сайтов, как User Inyerface.
Приведу пример, с которым сталкиваюсь ежемесячно: для оплаты сим-карт мне приходят на почту ссылка на форму оплаты и PDF-вычет. Чтобы заполнить форму, нужно отдельно открывать PDF и искать нужные данные для заполнения полей. Информация представлена крайне неинтуитивно — например, «amount check» означает число, указанную в квадратных скобках цены €34,07[0]. Инструкция как найти эти данные написана очень мелко снизу и самое интересное, что каждый месяц эти данные меняются.
В защиту скажу, что это b2b симки. Для обычных клиентов можно оплатить через банк или любой терминал оплаты в магазине, где печатся код и нужно командой отправить запрос, вообщем как у рф в 2000-х.
Но это не отменяет того, что можно весь процесс оплаты сделать в два клика.
Goltsov | DSGN
Приведу пример, с которым сталкиваюсь ежемесячно: для оплаты сим-карт мне приходят на почту ссылка на форму оплаты и PDF-вычет. Чтобы заполнить форму, нужно отдельно открывать PDF и искать нужные данные для заполнения полей. Информация представлена крайне неинтуитивно — например, «amount check» означает число, указанную в квадратных скобках цены €34,07[0]. Инструкция как найти эти данные написана очень мелко снизу и самое интересное, что каждый месяц эти данные меняются.
В защиту скажу, что это b2b симки. Для обычных клиентов можно оплатить через банк или любой терминал оплаты в магазине, где печатся код и нужно командой отправить запрос, вообщем как у рф в 2000-х.
Но это не отменяет того, что можно весь процесс оплаты сделать в два клика.
Goltsov | DSGN
👍1🤯1🙈1
This media is not supported in your browser
VIEW IN TELEGRAM
Firstly - eSIM оператор, сделал, на мой взгляд лучшее #UX решение для запроса предоставления доступа в настройках.
Обычно приложения показывают модальное окно с просьбой дать доступ и в лучшем случае – автоматически открывают настройки по тапу на кнопку. Но как только пользователь уходит в системные настройки, он теряет контекст и может запутаться.
Firstly решает эту проблему иначе: после покупки eSIM оператор не просто запрашивает доступ к мобильным данным, а сопровождает пользователя на каждом этапе. В системных настройках появляется пошаговый гайд в формате Picture in Picture, который остается на экране и помогает выполнить нужные действия.
Goltsov | DSGN
Обычно приложения показывают модальное окно с просьбой дать доступ и в лучшем случае – автоматически открывают настройки по тапу на кнопку. Но как только пользователь уходит в системные настройки, он теряет контекст и может запутаться.
Firstly решает эту проблему иначе: после покупки eSIM оператор не просто запрашивает доступ к мобильным данным, а сопровождает пользователя на каждом этапе. В системных настройках появляется пошаговый гайд в формате Picture in Picture, который остается на экране и помогает выполнить нужные действия.
Goltsov | DSGN
👍3🔥1
В #Figma теперь можно быстро добавлять определённые текстовые иконки, используя комбинации символов.
Работает на всех шрифтах. Но нужно убедиться, что в настройках включён пункт Use Smart Quotes/symbols
Например:
1. Чтобы добавить © – нужно ввести (с) и нажать пробел.
2. Чтобы добавить → – нужно ввести -> и нажать пробел.
Goltsov | DSGN
Работает на всех шрифтах. Но нужно убедиться, что в настройках включён пункт Use Smart Quotes/symbols
Например:
1. Чтобы добавить © – нужно ввести (с) и нажать пробел.
2. Чтобы добавить → – нужно ввести -> и нажать пробел.
Goltsov | DSGN
🔥4
Написал небольшую статью о том, как мы ездили в Марокко проводить исследования.
#research #custdev #ux #productdesign
Goltsov | DSGN
#research #custdev #ux #productdesign
Goltsov | DSGN
Telegraph
Как я съездил в командировку в Марокко для проведения интервью с пользователями
В inDrive я сейчас работаю над большой фичей в команде межгорода. Подробности пока раскрывать не могу, впереди ещё много работы до релиза. Зато могу поделиться, как недавно ездил в командировку в Марокко, чтобы провести CustDev интервью и UX-тестирование…
🔥5👍1