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

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

#ux #ui #design #figma #productdesign
Download Telegram
1. Универсальная кодировка: почему важен Unicode?

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

Используя Unicode, вы обеспечиваете совместимость своего продукта с любыми платформами и системами, делая его по-настоящему универсальным.

А что будет, если не поддерживать Unicode? Попробуйте прочитать этот текст:

��� ���������� ��� ���� — ������ ���� ���������. � �������� — ���������, ��� ����!

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

Goltsov | DSGN #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥1
Нашёл интересное исследование от Adobe про трафик онлайн-магазинов.

Согласно новому отчёту Adobe, несмотря на активное развитие мобильных решений, 52,3% покупок всё ещё совершаются с компьютеров.

Однако в ближайшие годы мобильные устройства могут обогнать десктопы по объёмам продаж. Доля мобильных устройств увеличивается на 10,2% год за годом.

Краткая выдержка из статьи:

– Мобильные устройства лидируют в праздничных покупках — 51% на Новый год и 54% ожидаются в этом году.

7% косметики и 60,8% одежды покупают с телефона.

– Покупка продуктов через мобильные устройства выросла на 15% за год.

– Но крупные покупки, такие как техника и товары для дома, всё ещё совершают через компьютеры из-за доверия и удобства.

🔗Полная статья

Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥2
Два «🚩ред флага» в дизайн вакансиях, на которые я не откликнусь

1. «Ищем сильного и независимого дизайнера». Как думаете, если я в нормальной физической форме и давно не живу с родителями, этого достаточно, чтобы подойти под такие требования? Вроде бы у меня всё есть, что нужно. Или, возможно, они ожидают, что я не только макеты сделаю, но и мебель в офисе передвину, если понадобится?

2. Вместо названия компании указано «ИП Иванов». Это уже сигнал. Когда компания не гордится своим именем и скрывается за ИП, начинаешь задумываться: может, они так же прячутся и от налоговой? И в целом сразу понятно, что работать там будет нужно «на дядю».

💬А на какие вакансии вы никогда не откликнитесь? Поделитесь в комментариях

Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥1
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