Написал небольшую статью о том, как мы ездили в Марокко проводить исследования.
#research #custdev #ux #productdesign
Goltsov | DSGN
#research #custdev #ux #productdesign
Goltsov | DSGN
Telegraph
Как я съездил в командировку в Марокко для проведения интервью с пользователями
В inDrive я сейчас работаю над большой фичей в команде межгорода. Подробности пока раскрывать не могу, впереди ещё много работы до релиза. Зато могу поделиться, как недавно ездил в командировку в Марокко, чтобы провести CustDev интервью и UX-тестирование…
🔥5👍1
Если вы также хотите совмещать работу и путешествия, в inDrive сейчас открыта вакансия Senior Product Designer в команду GEO.
🔹 Важно:
Вакансия предусматривает релокацию на Кипр, в Казахстан или Грузию, после чего возможен удобный формат работы (из дома, офис, гибрид).
Мы ищем дизайнеров с опытом работы над картографическими сервисами, которые можно продемонстрировать в портфолио.
📩 Если хотите откликнуться, отправьте своё портфолио и резюме на sergejgolcov@gmail.com
Если ваш опыт будет релевантен, то порекомендую нашим HR.
Goltsov | DSGN
🔹 Важно:
Вакансия предусматривает релокацию на Кипр, в Казахстан или Грузию, после чего возможен удобный формат работы (из дома, офис, гибрид).
Мы ищем дизайнеров с опытом работы над картографическими сервисами, которые можно продемонстрировать в портфолио.
📩 Если хотите откликнуться, отправьте своё портфолио и резюме на sergejgolcov@gmail.com
Если ваш опыт будет релевантен, то порекомендую нашим HR.
Goltsov | DSGN
🔥2
OpenAI представила обновление модели 4o в #ChatGPT: теперь она не только генерирует изображения, но и понимает визуальный контекст.
Модель умеет:
1. создавать персонажа в той же позе и с теми же предметами, но в разных стилях;
2. распознавать порядок объектов на изображении и генерировать их в нужной последовательности;
3. добавлять текст, который будет встроен в изображение;
4. создавать изображения на прозрачном фоне;
5. визуально реконструировать изображение (можно нарисовать черновик комикса, а ChatGPT дорисует по исходной компоновке)
Goltsov | DSGN
Модель умеет:
1. создавать персонажа в той же позе и с теми же предметами, но в разных стилях;
2. распознавать порядок объектов на изображении и генерировать их в нужной последовательности;
3. добавлять текст, который будет встроен в изображение;
4. создавать изображения на прозрачном фоне;
5. визуально реконструировать изображение (можно нарисовать черновик комикса, а ChatGPT дорисует по исходной компоновке)
Goltsov | DSGN
YouTube
Detailed Directions with 4o Image Generation
Speaker: Kenji Hata
🔥2
3. Направление текста 🔗 Читать полный гайд по интернационализации
Интернационализация невозможна без поддержки разных направлений письма и соответствующей структуры интерфейса. Мы привыкли к направлению слева направо (LTR), поскольку это стандарт для русского и большинства других языков. Но существует целый ряд языков, таких как арабский, иврит, фарси, урду и другие языки Ближнего Востока и Южной Азии, где используется направление справа налево (RTL).
Что важно учитывать при адаптации под RTL:
1. Интерфейс должен быть полностью зеркален: необходимо менять порядок элементов, выравнивание текста, расположение кнопок и направляющих иконок. Например, кнопка «Назад» в RTL-языках располагается справа, а не слева, как в LTR.
В веб-разработке для этого используют атрибуты dir="rtl" и dir="ltr". На iOS и Android переключение направления интерфейса обычно происходит автоматически — в зависимости от системного языка или локали приложения. При необходимости есть и более детальные настройки (например, принудительное задание направления на уровне компонентов).
2. Не все иконки нужно зеркалить: направляющие стрелки и другие "направленные" символы действительно должны отражаться. Но есть универсальные иконки, которые остаются одинаковыми в обеих ориентациях, например:
🚫 перечёркнутый круг (запрет)
🌍 иконка планеты (глобус)
3. Культурные особенности влияют на выбор иконок: например, в мусульманских странах нельзя использовать иконку с бутылкой или бокалами для обозначения ресторана — это может восприниматься оскорбительно, так как алкоголь запрещён в исламе.
4. Текст может сочетать RTL и LTR: интерфейсы должны корректно обрабатывать bi-directional текст, когда в одной строке встречаются слова и фразы с разным направлением письма. Например:
– Названия брендов (YouTube, OpenAI)
– Email-адреса (support@example.com)
– Номера телефонов (+971 50 123 4567)
– Коды рейсов (QR789)
5. Корректное отображение чисел и валют: при использовании восточных арабских цифр (١٢٣٤٥) нельзя применять западные разделители (., ,). Вместо них следует использовать:
(U+066C) — арабская запятая для отделения тысяч
(U+066B) — арабская точка для десятых
Пример: ١٬٢٣٤٫٥٦ ر.س — 1,234.56 SAR (телеграм не отображает эти символы, так что лучше загуглите если интересно).
Также существуют множество гайдов по проектированию RTL интерфейсов:
1. Human interface guidelines
2. Material Design
3. RTL styling 101
Goltsov | DSGN
Интернационализация невозможна без поддержки разных направлений письма и соответствующей структуры интерфейса. Мы привыкли к направлению слева направо (LTR), поскольку это стандарт для русского и большинства других языков. Но существует целый ряд языков, таких как арабский, иврит, фарси, урду и другие языки Ближнего Востока и Южной Азии, где используется направление справа налево (RTL).
Что важно учитывать при адаптации под RTL:
1. Интерфейс должен быть полностью зеркален: необходимо менять порядок элементов, выравнивание текста, расположение кнопок и направляющих иконок. Например, кнопка «Назад» в RTL-языках располагается справа, а не слева, как в LTR.
В веб-разработке для этого используют атрибуты dir="rtl" и dir="ltr". На iOS и Android переключение направления интерфейса обычно происходит автоматически — в зависимости от системного языка или локали приложения. При необходимости есть и более детальные настройки (например, принудительное задание направления на уровне компонентов).
2. Не все иконки нужно зеркалить: направляющие стрелки и другие "направленные" символы действительно должны отражаться. Но есть универсальные иконки, которые остаются одинаковыми в обеих ориентациях, например:
🚫 перечёркнутый круг (запрет)
🌍 иконка планеты (глобус)
3. Культурные особенности влияют на выбор иконок: например, в мусульманских странах нельзя использовать иконку с бутылкой или бокалами для обозначения ресторана — это может восприниматься оскорбительно, так как алкоголь запрещён в исламе.
4. Текст может сочетать RTL и LTR: интерфейсы должны корректно обрабатывать bi-directional текст, когда в одной строке встречаются слова и фразы с разным направлением письма. Например:
– Названия брендов (YouTube, OpenAI)
– Email-адреса (support@example.com)
– Номера телефонов (+971 50 123 4567)
– Коды рейсов (QR789)
5. Корректное отображение чисел и валют: при использовании восточных арабских цифр (١٢٣٤٥) нельзя применять западные разделители (., ,). Вместо них следует использовать:
(U+066C) — арабская запятая для отделения тысяч
(U+066B) — арабская точка для десятых
Пример: ١٬٢٣٤٫٥٦ ر.س — 1,234.56 SAR (телеграм не отображает эти символы, так что лучше загуглите если интересно).
Также существуют множество гайдов по проектированию RTL интерфейсов:
1. Human interface guidelines
2. Material Design
3. RTL styling 101
Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Goltsov | DSGN
⚡️Гайд по интернационализации
Интернационализация – это процесс подготовки продукта к адаптации для разных регионов, языков и культурных особенностей без необходимости вносить значительные изменения в код.
Она включает в себя проектирование гибкой архитектуры…
Интернационализация – это процесс подготовки продукта к адаптации для разных регионов, языков и культурных особенностей без необходимости вносить значительные изменения в код.
Она включает в себя проектирование гибкой архитектуры…
❤1🔥1
Сегодня на Кипре — официальный выходной: местные отмечают Национальный день, вспоминая начало борьбы за независимость от британского правления. А для меня это отличный повод сесть на велосипед и укатить подальше от ноута и созвонов 🚴♂️🌴
Вместе с коллегами решили проехать от Лимассола до пляжа Писсури, маршрут более 80 км туда-обратно. Это была моя первая поездка в группе, и, честно говоря, я в восторге: едешь в колонне, встаёшь в хвост, и можно спокойно держать 30 км/ч без особых усилий из-за минимального сопротивление воздуха.
Правда, удержаться так весь маршрут не удалось. На многочисленных подъёмах пульс уходил за 190, и я просто не вывез горный рельеф — в итоге отстал от группы и до конца оставалось около 10 км, но уже не было сил ехать дальше в итоге поехал в обратную сторону, наслаждаясь морским пейзажем, живописными полями и виноградниками.
До переезда на Кипр я несколько лет жил в Азии, кочуя с места на место. Из-за этого пришлось на время забросить вело-увлечение — не до габаритного хобби, когда всё своё носишь с собой. А теперь, спустя пару месяцев на острове, я наконец-то вернулся к любимому увлечению — да ещё и на велосипеде, о котором давно мечтал: Cannondale Topstone 1.
P.S: Маршрут записался в одну сторону только.
Goltsov | DSGN
Вместе с коллегами решили проехать от Лимассола до пляжа Писсури, маршрут более 80 км туда-обратно. Это была моя первая поездка в группе, и, честно говоря, я в восторге: едешь в колонне, встаёшь в хвост, и можно спокойно держать 30 км/ч без особых усилий из-за минимального сопротивление воздуха.
Правда, удержаться так весь маршрут не удалось. На многочисленных подъёмах пульс уходил за 190, и я просто не вывез горный рельеф — в итоге отстал от группы и до конца оставалось около 10 км, но уже не было сил ехать дальше в итоге поехал в обратную сторону, наслаждаясь морским пейзажем, живописными полями и виноградниками.
До переезда на Кипр я несколько лет жил в Азии, кочуя с места на место. Из-за этого пришлось на время забросить вело-увлечение — не до габаритного хобби, когда всё своё носишь с собой. А теперь, спустя пару месяцев на острове, я наконец-то вернулся к любимому увлечению — да ещё и на велосипеде, о котором давно мечтал: Cannondale Topstone 1.
P.S: Маршрут записался в одну сторону только.
Goltsov | DSGN
1🔥4❤1
Расскажу немного о своём хобби: я экспериментирую с генерацией плагинов для Figma с помощью ChatGPT. Это отличный способ сделать что-то полезное для дизайнерского комьюнити и одновременно глубже разобраться в том, как устроена Figma из-за постоянного изучения возможностей её API.
На данный момент я уже выпустил три плагина:
1. 💬Chat Builder (6.8k пользователей) — помогает быстро создать переписку в виде чата прямо в интерфейсе плагина и сгенерировать фрейм с сообщениями в виде баблов.
2. 📊Chart BG (3.3k пользователей) — позволяет рисовать графики с градиентной заливкой. Особенно полезен для крипто- и финансовых сервисов.
3. 📱Border Mockup (2.3k пользователей) — предназначен для массового добавления обводки и скругления для фреймов верхнего уровня. Это помогает визуально отделить макеты от белого фона и улучшить читаемость компоновки.
А ещё один мой плагин «убила» сама Figma 😅. Для одной из задач мне была нужна быстрая возможность добавлять нижнее подчёркивание к отдельным словам в тексте. Раньше для этого приходилось выделять каждое слово вручную и включать подчёркивание —ещё и в большинстве случаев приходилось делать detach компонентов. Я сделал плагин Underline it, который решал эту проблему в пару кликов. Но спустя пару месяцев Figma выпустила обновление, добавив поддержку стилей текста с подчёркиванием. Всё, что делал мой плагин, теперь можно сделать прямо в редакторе — без костылей и лишних шагов из-за чего смысл в нём потерялся и его стали реже использовать.
#Figma #плагины
Goltsov | DSGN
На данный момент я уже выпустил три плагина:
1. 💬Chat Builder (6.8k пользователей) — помогает быстро создать переписку в виде чата прямо в интерфейсе плагина и сгенерировать фрейм с сообщениями в виде баблов.
2. 📊Chart BG (3.3k пользователей) — позволяет рисовать графики с градиентной заливкой. Особенно полезен для крипто- и финансовых сервисов.
3. 📱Border Mockup (2.3k пользователей) — предназначен для массового добавления обводки и скругления для фреймов верхнего уровня. Это помогает визуально отделить макеты от белого фона и улучшить читаемость компоновки.
А ещё один мой плагин «убила» сама Figma 😅. Для одной из задач мне была нужна быстрая возможность добавлять нижнее подчёркивание к отдельным словам в тексте. Раньше для этого приходилось выделять каждое слово вручную и включать подчёркивание —ещё и в большинстве случаев приходилось делать detach компонентов. Я сделал плагин Underline it, который решал эту проблему в пару кликов. Но спустя пару месяцев Figma выпустила обновление, добавив поддержку стилей текста с подчёркиванием. Всё, что делал мой плагин, теперь можно сделать прямо в редакторе — без костылей и лишних шагов из-за чего смысл в нём потерялся и его стали реже использовать.
#Figma #плагины
Goltsov | DSGN
Figma
Chart BG | Figma
✏️ Please, drop your suggestions in the comments! It'll help make the plugin even better and more useful.
Description:
"Chart BG is a Figma plugin that automatically adds a gradient background to the selected vector object. The plugin creates a new layer…
Description:
"Chart BG is a Figma plugin that automatically adds a gradient background to the selected vector object. The plugin creates a new layer…
👍4✍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Посмотрел адаптацию Devil May Cry от Netflix — и остался под впечатлением. Особенно зашла вступительная заставка: динамичная, контрастная, со стильной подачей, которая сразу задаёт нужное настроение.
Но что действительно удивило — это выбор трека для интро. Вступление звучит под “Rollin’” от Limp Bizkit. По словам создателей, мир сериала существует во временной петле конца 90-х — начала 2000-х, в эпоху PlayStation 2. Поэтому “Rollin’”, вышедший в 2000 году, здесь звучит более чем органично.
Хотя, в первый момент было ощущение, что запустил Need for Speed: Most Wanted — помню, как гонял на BMW M3 под этот трек там.
Сериал уже продлили на второй сезон, и авторы обещают, что каждый сезон будет со своей уникальной атмосферой — как и каждая игра в серии. Это значит: новая музыкальная тема и совершенно новый стиль заставки для каждого сезона.
Goltsov | DSGN
Но что действительно удивило — это выбор трека для интро. Вступление звучит под “Rollin’” от Limp Bizkit. По словам создателей, мир сериала существует во временной петле конца 90-х — начала 2000-х, в эпоху PlayStation 2. Поэтому “Rollin’”, вышедший в 2000 году, здесь звучит более чем органично.
Хотя, в первый момент было ощущение, что запустил Need for Speed: Most Wanted — помню, как гонял на BMW M3 под этот трек там.
Сериал уже продлили на второй сезон, и авторы обещают, что каждый сезон будет со своей уникальной атмосферой — как и каждая игра в серии. Это значит: новая музыкальная тема и совершенно новый стиль заставки для каждого сезона.
Goltsov | DSGN
🔥3❤1
Сервисы, которые я часто использую в работе:
💳 5 sim — позволяет за пару рублей получить виртуальный номер телефона для регистрации в различных онлайн‑сервисах. Это незаменимая штука при анализе конкурентов на локальных рынках, где нужна верификация через местный номер — к примеру, в Индии или Японии. Очень удобно купить номер, зарегистрироваться в нужном приложении и самому проходить нужный флоу.
📍 Сервисы подмены GPS‑координат незаменимы для проверки функций, ориентированных на конкретные регионы. В inDrive мы, например, работаем на рынках Латинской Америки, Азии и Африки. Для тестового Android‑устройства я использую приложение Local Edit. Очень удобно проверять в разных регионах функционал связанный с навигацией.
Goltsov | DSGN
Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥1
Прошло шесть месяцев с момента моего переезда на Кипр — а значит, завершился и мой испытательный срок в inDrive. Да, здесь он длится не привычные три месяца, а целых шесть. За это время я успел глубоко погрузиться в работу команды Intercity и внести вклад в другие направления. Разработал новую форму заказа, которую мы сейчас активно тестируем в разных регионах, добавил несколько фичей для веб-версии сервиса и даже съездил в рабочую командировку в Марокко.
inDrive — лучшая компания из всех, где мне довелось работать, с точки зрения качества дизайн-процессов. Здесь действительно сильная культура совместной работы: мы обсуждаем решения на командных ревью, проводим воркшопы и всегда учитываем кросс-функциональные зависимости, чтобы находить оптимальные и жизнеспособные решения. Особенно радует культура исследований. Мы регулярно проводим как количественные, так и качественные исследования — чтобы глубже понять потребности пользователей и точнее определить проблемы, которые стоит решать в первую очередь.
С большим интересом жду, что будет дальше. Уверен, впереди — много интересных задач и профессионального роста.
Goltsov | DSGN
inDrive — лучшая компания из всех, где мне довелось работать, с точки зрения качества дизайн-процессов. Здесь действительно сильная культура совместной работы: мы обсуждаем решения на командных ревью, проводим воркшопы и всегда учитываем кросс-функциональные зависимости, чтобы находить оптимальные и жизнеспособные решения. Особенно радует культура исследований. Мы регулярно проводим как количественные, так и качественные исследования — чтобы глубже понять потребности пользователей и точнее определить проблемы, которые стоит решать в первую очередь.
С большим интересом жду, что будет дальше. Уверен, впереди — много интересных задач и профессионального роста.
Goltsov | DSGN
🔥9
Вакансия в Google, всё по классике: амбициозные задачи, работа с ИИ, и… забытые служебные комментарии.
Рекрутер просто скопировал шаблон и даже не удалил внутренние инструкции:
“Use this template only when existing Area Templates don’t apply…”
Всегда перечитывайте, что публикуете, даже если вы Google. 😅
Goltsov | DSGN
Рекрутер просто скопировал шаблон и даже не удалил внутренние инструкции:
“Use this template only when existing Area Templates don’t apply…”
Всегда перечитывайте, что публикуете, даже если вы Google. 😅
Goltsov | DSGN
🔥4
Очень нравятся плакаты в Лимассоле. Тут часто происходят разные мероприятия и на улицах старого города постоянно вывешивают вот такие постеры.
Акцидентная типографика, динамичная композиция и яркие цвета всегда заставляют меня обратить на них внимание.
Goltsov | DSGN
Акцидентная типографика, динамичная композиция и яркие цвета всегда заставляют меня обратить на них внимание.
Goltsov | DSGN
🔥2❤1
Примерно год назад я сделал плагин для Figma – Chat Builder, он позволяет создавать экраны чатов, задавая структуру переписки и генерируя фрейм с баблами сообщений. Им воспользовались уже более 9400 пользователей, за что большое спасибо!
Недавно я выпустил крупное обновление с несколькими классными фичами:
1. Обновлённый UI: более мягкий редизайн с микро-анимациями и поддержкой drag & drop, чтобы легко менять порядок сообщений.
2. Память фреймов: плагин теперь распознаёт уже созданные чат-фреймы. Достаточно выбрать фрейм и снова открыть плагин — переписка загрузится автоматически, её можно редактировать или дополнять.
3. Поддержка JSON: теперь можно скопировать JSON-шаблон из плагина, попросить ChatGPT (или другой инструмент) сгенерировать на его основе переписку, вставить обратно и готово, чат создастся без ручного ввода.
4. Buy me a coffee: если плагин оказался полезен, теперь есть необязательная возможность поблагодарить меня через Buy Me a Coffee.
Goltsov | DSGN
Недавно я выпустил крупное обновление с несколькими классными фичами:
1. Обновлённый UI: более мягкий редизайн с микро-анимациями и поддержкой drag & drop, чтобы легко менять порядок сообщений.
2. Память фреймов: плагин теперь распознаёт уже созданные чат-фреймы. Достаточно выбрать фрейм и снова открыть плагин — переписка загрузится автоматически, её можно редактировать или дополнять.
3. Поддержка JSON: теперь можно скопировать JSON-шаблон из плагина, попросить ChatGPT (или другой инструмент) сгенерировать на его основе переписку, вставить обратно и готово, чат создастся без ручного ввода.
4. Buy me a coffee: если плагин оказался полезен, теперь есть необязательная возможность поблагодарить меня через Buy Me a Coffee.
Goltsov | DSGN
❤2🔥2