Всплывающие окна, обо всех и сразу
Выбрав правильное окно можно не только упростить интерфейс, но и снизить когнитивную нагрузку на пользователя, ускорив взаимодействия с ним и сделать шаги очевидными, ясными и понятными повысив удовлетворенность от использования вашего интерфейса.
Ссылки на макеты в Figma: Почему это не так просто?
Если вы ожидали инструкцию, как скопировать ссылку, нажав пару кнопок, вас ждет разочарование. В этой статье я рассмотрю все сложности копирования ссылок на макеты Figma на различных этапах разработки.
Как заменять компонент через удаление
Бывают случаи когда в библиотеке необходимо изменить компонент и вы прекрасно понимание что данное изменение приведет к сбросу всех состояний и данных в компонентах у других дизайнеров. К примеру после вашего обновления слетят текстовые данные в кнопках, кнопки перейдут в состояние default и тп. За это вам спасибо никто не скажет и вы получите одни…
Бранчи в Figma v2
В этой версии было добавлено описание про секции, а так же немного переработан сценарий раскатки бранчей. Приятного прочтения.
Актуальность компонента
Знакома ли вам ситуация, когда вы заходите в чужой макет, берете оттуда компоненты, верстаете экран и вот-вот собираетесь передавать его в разработку, как вдруг выясняется, что компоненты не из дизайн-системы (ДС) или давно удалены? Теперь всё приходится пересобирать. Знакомо?
Паттерн в дизайн-системе: что это такое и как компаниям его использовать
Привет! Я Витя, проектировщик интерфейсов в Selectel. Однажды мне поручили разработать интерфейс для формы создания облачного сервера. Цель — оставить в нем множество функций, но сделать их понятными и удобными для пользователя. С задачей я справился, а опыт переложил в паттерн, который можно переиспользовать.
UX Паттерн: Визуализация загрузки данных. Loader, spin, progress, skeleton – когда и как использовать
Как мы переработали дизайн-систему для компании с 40+ продуктами или уроки, которые я бы хотела усвоить раньше
Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер в Selectel. В тексте расскажу, как в 2022 году мы обновили дизайн-систему. Это был сложный и интересный путь, в котором нужно было наладить коммуникацию в командах, обновить фреймворк и выровнять UX в сложных технических продуктах.
Как яркий и функциональный дизайн помог «Золотому Яблоку» выстрелить на рынке?
«Золотое яблоко» произвело фурор в сфере парфюмерно-косметического ритэйла — за четыре года компания вошла в тройку лидеров по обороту. А в прошлом году, по данным Data Insight, её онлайн-продажи выросли на 141% — и эта тенденция не спадает. Наша студия дизайна maryco порассуждала, какую роль в таком стремительном развитии сыграл фирменный стиль бр…
Дизайн-система для сети студий флоатинга Wellcure: о создании айдентики, которая отражает глубокую философию продукта
Один из ключевых принципов нашей студии — разработка «умного» дизайна, который подкрепляется интерактивным и удобным в использовании диджитал-гайдлайном. Этот принцип лежит в основе каждого нашего проекта. Так, для одного из последних кейсов — сети студий велнеса Wellcure — мы продумали и разработали дизайн-систему, которая транслирует процесс глуб…
Как выстроить дизайн-процесс при проектировании сложных продуктов: опыт команды Selectel
Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер команды продуктовых дизайнеров в Selectel. В этой статье поэтапно разберу наш дизайн-процесс, который формировался годами. Более 20 дизайнеров уже используют его в работе. Мы его дорабатываем, так как компания развивается и дизайн-процессы должны это учитывать.