Goltsov о дизайне
98 subscribers
61 photos
37 videos
71 links
Рассказываю о продуктовом дизайне, работе, путешествиях и новостях

https://www.linkedin.com/in/sergeygoltsov

#ux #ui #design #figma #productdesign
Download Telegram
2. Применение ключей переводов

Если ваш продукт работает в разных странах, то скорее всего вам понадобится его локализовать на различные языки. Для упрощения локализации используются ключи перевода.

🔑 Ключи перевода — это уникальные идентификаторы, связывающие текстовые строки в коде с их локализованными версиями. Вместо того, чтобы вручную менять текст для каждого языка, используется ключ, который подтягивает нужный перевод из базы данных.

💼 Почему это важно?

1. Упрощение работы: ключи позволяют легко вносить изменения в текст, не касаясь кода. Если нужно изменить текст на нескольких языках, достаточно обновить его в одном месте, а потом подтянуть обновлённый файл локализации.

2. Гибкость: система ключей облегчает добавление новых языков, поскольку работа идет с абстракциями, а не напрямую с текстами.

3. Поддержка версионности: можно легко отслеживать изменения и обновлять только затронутые ключи, не нарушая работу всего продукта.

⚙️ Как это работает? В коде используется ключ, например: welcome_message. В файлах локализации для каждого языка этот ключ связан с текстом:

// english
{
"welcome_message": "Welcome to our app!"
}

// r
ussian
{
"welcome_message": "Добро пожаловать в наше приложение!"
}


Для такой работы выделяется отдельная команда локализации, которая занимается созданием и поддержкой ключей перевода, обеспечением качества переводов, актуализацией текстов, а также координацией работы с разработчиками и контент-менеджерами. В основном такие специалисты работают в Lokalise, Phrase, Crowdin и другие.

🔗Читать полный гайд по интернационализации


Goltsov | DSGN #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥1
🖥Adobe представила на конференции Adobe Max 2024 новый продукт — Project Neo.

Это простой 3D-редактор, с помощью которого можно создавать иллюстрации в 3D и затем конвертировать их в вектор для работы в Adobe Illustrator.

Инструмент выглядит перспективно и обещает существенно сократить время на изменение ракурсов иллюстраций.

https://youtu.be/p6GMIWfuaZA?si=xTgCnHEMzILtG5c5

Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥2
Где делать качественные мокапы?

1. Rotato — мой любимый инструмент для создания 3D-мокапов. Он позволяет анимировать модели устройств, от iPhone до MacBook, включая такие эффекты, как открытие и закрытие ноутбука. Интуитивный интерфейс и поддержка ключевых кадров помогают легко создавать качественные анимации и экспортировать их в разных форматах. В Rotato доступна как бесплатная версия, так и платная, с дополнительными пресетами устройств. Only for macOS

2. Shots — новый сервис для создания мокапов, который фокусируется на статичных изображениях. В отличие от Rotato, он не поддерживает анимацию, зато предлагает множество настроек для добавления теней, стилей и различных вариантов расположения фреймов. Однако гибкости в настройках немного — большинство дизайнов уже готово, и пользователю остается лишь выбрать подходящий вариант.Доступен в браузере на любой ОС.

Goltsov | DSGN
🔥2
Переехал в 🇨🇾Лимассол, Кипр. Первое время уйдет на легализацию и обустройство, но уже по первым дням ясно, что здесь мне будет лучше.

Зимы здесь мягкие, и после Таиланда климат ощущается гораздо приятнее — нет изнуряющей жары.

Goltsov | DSGN
🔥62
Вчера был мой первый рабочий день в 💚 InDrive. Встреч было так много, что я совсем забыл сделать фото для поста, поэтому сегодня — фото офиса во второй мой день здесь.

По первым впечатлениям всё очень нравится. Рад, что в работе нужно использовать как английский, так и русский языки, так как есть коллеги, говорящие только на английском и своем родном языке.

Формат работы можно выбрать любой: полностью удалённый, гибридный или в офисе — всё на ваше усмотрение. Пока я выбираю работать из офиса, так как ближайший месяц живу в отеле, откуда неудобно работать, а потом перейду на гибридный формат.

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
🔥2
Tesla представила первые 5 экранов своего будущего приложения для робо-такси.

Неизвестно, сохранится ли такой стиль карты в финальной версии, но приятно видеть, что вместо стандартных Google Maps компания делает акцент на синхронизацию дизайна карты и интерфейса приложения.

Для ride-hailing продуктов обычно используются API сторонних картографических сервисов, которые обходятся компаниям в немалую сумму. Из-за чего вы не увидите каких-то иных дизайнерских решений. Tesla же, вероятно, использует Mapbox в сочетании с собственными разработками, что позволяет добиться такого уникального результата.

Но, несмотря на визуальную эстетику, у меня есть некоторые сомнения относительно UX такой карты. Навигация и восприятие могут оказаться недостаточно понятными для пользователя.

Goltsov | DSGN
🔥52👍1
Media is too big
VIEW IN TELEGRAM
Заметили новый UI запроса разрешения на использование данных? Это связано с GDPR, который требует от компаний предоставлять прозрачность в обработке данных.

Хотя GDPR был принят в Европейском Союзе, он распространяется на любые компании, которые обрабатывают данные граждан ЕС, независимо от их местоположения. Этот закон оказывает влияние даже за пределами Европы.

Процесс отказа от использования данных часто усложняется. Компании намеренно делают его неудобным, чтобы пользователи чаще соглашались. Например, на одном сайте мне понадобилось больше двух минут, чтобы отклонить все разрешения.

При этом в законе чётко сказано: "Отзыв согласия должен быть столь же прост, как и его выражение" (Статья 7, пункт 3). Нарушение этого правила считается использованием тёмных паттернов, за что компании могут быть оштрафованы.

С аналитической точки зрения понятно, зачем это нужно: компании собирают данные для улучшения продуктов, проведения A/B-тестов и персонализации. Но для пользователей это создаёт неудобства и вызывает раздражение. В худшем случае, согласие может привести к утечке данных из-за ошибок третьих лиц.

Goltsov | DSGN
👍1🔥1
🎨 Полезный инструмент для начинающих дизайнеров

Если вы только начинаете свой путь в дизайне, важно изучить названия и функции элементов интерфейса. Знать, где находится хедер, чем отличается модальное окно от дропдауна и как правильно использовать чекбоксы, — это базовые знания, без которых нельзя проектировать интерфейс.

📌 На сайте Call to Inspiration можно найти коллекцию интерфейсных элементов с описанием их функций и примеров использования. Это отличный ресурс для изучения базовых понятий и расширения насмотренности.

🔍 Совет: после изучения попробуйте самостоятельно воссоздать элементы в Figma, чтобы лучше их запомнить!

Goltsov | DSGN
👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Люблю такие примеры взаимодействия цифрового и физического мира в интерфейсах

Goltsov | DSGN
👍8🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Ребрендинг SNCF Voyageurs (французская железнодорожная компания) от агентства Rosa Paris.

Концепция состоит из 25-ти логотипов, отражающих разнообразные темы: от ретро-эстетики до современных поп-культурных отсылок, таких как дизайн в стиле Барби.

Каждый логотип предназначен для определённых групп пассажиров: любителей чтения, ценителей ностальгии или, например, гурманов.

Goltsov | DSGN
👍32🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Spline представил Spell – AI инструмент для генерации 3D миров по изображению с использованием Gaussian splatting.

Достаточно загрузить фото и задать описание, чтобы получить 3D сцену.

Goltsov | DSGN
🔥2👍1
Я стал членом жюри премии WDA 2025

Workspace Digital Awards — одна из самых престижных международных премий в сфере digital. Ежегодно за награды борются лучшие digital-агентства и инхаус-команды ведущих компаний. Победителей выбирает экспертное жюри, в которое входят лидеры отрасли и представители известных брендов.

Goltsov | DSGN
🔥7👍5
Кажется, что UX на Кипре разрабатывается, копируя идеи с таких сайтов, как User Inyerface.

Приведу пример, с которым сталкиваюсь ежемесячно: для оплаты сим-карт мне приходят на почту ссылка на форму оплаты и 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
👍3🔥1
В #Figma теперь можно быстро добавлять определённые текстовые иконки, используя комбинации символов.

Работает на всех шрифтах. Но нужно убедиться, что в настройках включён пункт Use Smart Quotes/symbols

Например:
1. Чтобы добавить © – нужно ввести (с) и нажать пробел.
2. Чтобы добавить → – нужно ввести -> и нажать пробел.

Goltsov | DSGN
🔥4