О дизайн-системе, процессах работы, и прочьей дизайнерской ерунде Принимаю критику/предложения @rubik_ua
372подписчиков сейчас
1.0цитируемость
Русскийязык
Россиягео
Подписаться в Telegram
Данные обновлены 22.07.2020
Публикации всего: 41
Переработка — хорошо или плохо?
Хорошо для компании, плохо для человека. Как сказал, мой коллега «Наша компания никогда не против 12-часового рабочего дня». На самом деле, она против. Если ты перерабатываеш, значит ты где-то крупно профукался в планировании.
Не учитываются риски количества правок, длительного ревью. Целый спринт можно просидеть, «протирать штаны», делать другие задачи, которые не относятся к спринту. Вроде как и работаешь, и не работаешь. И да здравствуйте, долгожданные апрувы, а до конца спринта 3 рабочих дня.
Люблю выходные, в выходные можно спокойно поработать
Еще за времена Template Monster, у нас не было ни спринтов, ни фактического ограничения по времени. Был относительный обьем работы. В одном проекте дизайнер должен был делать 2-3 шаблона за неделю. Привычка работать в субботу еще сформировалась от туда. Тихий офис без людей, хорошо вдохновляет. В будни люди слишком часто отвлекают.
Влюбленные часов не наблюдают.
Когда ты любишь свою работу, тебе не важно сколько ты работаешь. У тебя должно быть четкое понимание, что от твоей работы много чего зависит. Будь ты офисным сотрудником или фрилансером. От тебя зависит все дальнейшее развитие проекта.
Поэтому, я считаю, что перерабатывать — это нормально. Куда важнее сделать свою часть работы, не подвести целую команду, компанию и спать с чистой совестью. А лучше, во время делать работу в рабочее время, и отдыхать на полную.
Акуна Матата
Дратути! Как ваши карантинные будни?
А я к вам с одной историей. Историей, которая заняла пол моей рабочей жизни в компании. И 4 человеко-часов, чтобы ее написать. Захватите кофейок
https://telegra.ph/Istoriya-odnogo-bilda-05-12
И снова здравствуйте.
Не прошло и полтора года, как я решилась написать новый пост. Стоит ли извиниться, за то что, я таки не сделала вовремя свою собственную дизайн-систему? Стоит, и я извиняюсь за это. Но, я все же ее сделала! Не собственную, но вместе с командой, на новой работе в компании Yola. Ну как новой, на полтора года я как раз там и пропала. Пропала со своего блога, из всех дизайнерских чатов, слегка даже пропала из жизни, но это были продуктивные полтора года.
Чего стоит ожидать?
Данным постом я немного принесу информации, но расскажу чего следует ожидать. Я хочу изменить формат своих постов, и рассказывать не только о дизайн-системе, но она все же останется приоритетом, а и о своей работе в компании, командной работе и разным опытом, который я получила и получаю.
Что такое Yola?
Это сайт билдер. Мы даем нашим клиентам сделать сайт, и предоставляем еще выбор своих шаблонов (из-за чего, меня собственно и взяли). Но есть большое НО. Наша цель, не дать нашим пользователям сделать кусок говна сайт на фоне которого будет кисло-ядерная картинка, а информация недоступна для чтения.
Почему я решила вернутся?
Мы в Yola создали дизайн-систему, которая перевернула мой мир. Эта система рассчитана на 100+ шаблонов, и она одна единственная. Мне потребуется несколько постов с многабуквами, чтобы рассказать ее так, как я ее вижу.
Так же, у моего коллеги/тимлида/наставка и просто партнеру по обедам есть канал, где он описывает свое видинье дизайна
Так что, до скорой встречи 😉
Цвет настроения… создать 3-ю версию системы…
Уже сколько демку юзаю для фриланс проектов… Ну не удовлетворяет она меня… что-то не так… а что, ну вот фиг меня пойми… и продолжать со второй демкой не хочется. А сейчас, еще начала рисовать в 8px grid. (ну как, пытаюсь) и очень понравилось выдрачивать каждый пиксель… Естественно систему нужно и под это подогнать…
В общем… ждите 😉
Прямо сейчас начало стрима Design Battle!
Не пропустите, дизайнеры будут рисовать сайты с шоколадом Milka.
https://www.twitch.tv/designbattle
И, всем привет. Прошу прощения, за долгий перерыв – много работы, домашние заботы, и т.д. и т.п. (отмазки-отмазки). Да и в остальном я застопорилась на вопросе «как мне продолжить систему?».
Но вчера, осенило! Нужно составить план дальнейшей работы. Определить какие блоки мне важно отрисовать (количество блоков будет вариантироватся уже от моей фантазии).
Теперь о блоках. В системе, которую я сделала уже для своих шаблонов, их 27.. (почему-то у меня каждый раз разные цифры -_-). Какие блоки требуется отрисовать:
1. Шапка
2. Интро, первый экран (куда лепить вов-эффект)
3. О нас
4. Статистика (циферки)
5. Сервисы
6. Награды
7. История (глупый на самом деле блок)
8. Процесс работы
9. Текстовый блок
10. Расписание
11. Проекты
12. Блок СТА
13. Отзывы
14. Партнеры
15. Галерея
16. FAQ
17. Контакты
18. Прайс таблица
19. Видео блок
20. Команда
21. Карьера (нафиг оно в лендингах, так же не понимаю. но уж пусть будет)
22. Блог
23. События
24. Почему мы
25. Счетчик
26. Социальные сети
27. Футер
Вообще, чтобы собрать лендинг, нам и половина с этого дерьма не нужна. Но если, мы хотим построить систему с которой можно собрать лендос за 5-6 часов, то пусть будет.
Еще проведу исследование как строятся лендинги на русском рынке, и как в этой кучке дерьма найти золотую середину.
Дальше посты будут «поблочно». Всем спасибо за внимание и спасибо, что остаетесь и ждете меня засранку.
Задание Design Battle на 11.08.2018
Нарисовать Landing page(одностраничник, посадочную страницу) по продаже продукции Milka. Это может быть страница презентации одной шоколадки, а может быть мультивыбор. Ограниений нет. Вставлять рыбу, писать контент самостоятельно или брать существующий с других сайтов - не имеет значения, все на ваше усмотрение.
Правила конкурса:
- основной софт для работы - Фигма. Для обработки изображений и прочего - можно использовать всё, но основной макет делать в фигме.
- разрешается любая подготовка к конкурсу, вплоть до выполненного задания на черновом макете.
- запрещена любая копипаста с других макетов, все элементы должны быть рисованы с нуля, не считая растра, иконок и лого.
Регламент проведения(время МСК):
14:45 - старт стрима https://www.twitch.tv/designbattle
15:00-15:45 - дизайнеры рисуют макеты, а вам все показывают и рассказывают комментаторы.
15:45 до победного - общение с участниками, со зрителями, голосование за лучшую работу.
Комментировать для вас будут:
@designeriam и @RayanTvin (да да, тот самый)
На данный момент есть 11 участников, окончательный список будет опубликован ближе к дате проведения.
#7
Когда внедрять в продукт дизайн-систему?
Обычный ответ — когда компания и продукт, который она создаёт, достаточно созрела для этого. И приводят знакомые всем симптомы:
Хаос достиг своего апогея.
Фронтендеры превратились в безвольных верстальщиков.
Дизайнеры срутся между собой.
Новые визуальные части продукта отличаются от предыдущих и всё превращается в мешанину образов.
Вокруг царит «Дизайнерский Дикий Запад». Каждый дрочит как хочет.
В таком случае, задача дизайн-системы — привести в порядок визуальные коммуникации избавившись от хаоса.
Внедрить будет сложно, сопротивление всех будет отчаянным. Как-нибудь расскажу о том, как мы внедряли элементы системы в TemplateMonster на протяжении двух с половиной лет и почему было больно.
Считаю, что этого можно не допустить, внедряя элементы дизайн-системы на ранних этапах развития продукта.
К сожалению, ТМ до нашего прихода проработал 14 лет и, надеюсь, просуществует ещё столько же. Визуальный хаос там черпали ложками.
Однако в новых продуктах нет такой проблемы, можно сразу делать по уму.
Дизайн-система — набор принципов и правил визуальной коммуникации. То как наш продукт выглядит и общается с пользователем. Но главное — почему выглядит и общается именно так.
Часто под дизайн-системой ошибочно понимают «спецификации», «гайдлайны» и прочие «системы элементов», однако они случайные попутчики.
Первое, что определяет дизайн-система это способ общения. С клиентом на «ты» или на «вы». «Мои продукты» или «Ваши продукты».
Сообщения игривы или же консервативны.
Дизайн-система включает в себя и визуальные артефакты — колористику, типографику, принципы построения размерной сетки и так далее.
Важный элемент для цифровых продуктов — библиотека готовых компонентов, которая помогает унифицировать интерфейс и экономить время на мартышкиной работе.
Продукт развивается по стандартному пути. Расскажу о том, как бы мы поступили с дизайн-системой на каждом из этапов:
Стартап. Задача — как можно скорее запустить продукт, чтобы проверить бизнес-модель и другие гипотезы. Не тратим время на создание дизайн-системы, берём часть готовой. Например, компоненты Bootstrap. Не нужен специальный внедренец, следуем правилам Бутстрапа и в ус не дуем.
Первичный рост. Бизнес-модель работает, продукт зарабатывает деньги. Появляется первый дизайнер, недорогой. Кастомизируем визуальную часть Бутстрапа, оставляя его архитектуру. Наводим марафет с помощью корпоративных цветов, шрифтов и сеток, пока этого достаточно.
Развитие. Бурный рост. В команде несколько дизайнеров, каждый хочет тянуть одеяло на себя. Определяем одного ответственного за систему, доверяем и помогаем ему. В этот момент следует принять решение — создавать ли новую систему или же придерживаться готовой. В большинстве случаев хватает кастомизировать готовые.
Зрелость. Стагнация. Продукт исчерпал рынок или не отвечает требованиям. В команде несколько дизайнеров и чёткая дизайн-система. Последнее, что нужно делать в этот момент — затевать «ребрендинг в связи с репозицонированием».
Упадок. Компания теряет деньги. Вокруг сокращения и попытки перезапустить бизнес. Поздно пить боржоми — внедрять дизайн-систему уже поздно, однако преимущества существующей продолжают действовать.
Использовать дизайн-систему имеет смысл на всех стадиях развития продукта. Это не требует сверхусилий или тысяч человекочасов, лишь постепенного внедрения правил, а такоже яиц, чтобы придерживаться их без исключений, даже когда хочеться кастомного.
Однако внедрять дизайн-систему на последней бизнеса уже не рационально.
При этом считаю, что создавать свою дизайн-систему редко когда следует, чаще всего достаточно использовать качественную готовую в качестве основы, дополняя и развивая её. Своя с нуля — немалый труд, особенно на последних двух этапах.
Когда же бизнес теряет клиентов и приходит в упадок и резко падает — поздняк метаться, пришло время пестраивать или перезапускать бизнес и продукт, а не заниматься визуальным.
Всем привет! Извините, что не выпускаю новые посты. Слегка с этими шаблонами выгорела, и неделю их даже трогать не хотела. И у меня подплыл заказ на создание какой-то системы (заказчик еще не ввел в тему) поэтому я попробую свою демку подогнать под такой вид работы. Отпишусь по результатам. А пока, тут нету контента, рекомендую вам наш Фигма канал, где мы выкладываем полезные статьи по фигме. И еще, если у вас есть вопросы, вы можете зайти в наш фигма-чат и задать на прямую! Всем бобра!
Йоу! Кто еще не пользуется компонентами - подьехал мини-урок для тебя. А кто еще дизайнит в фотошопе - бросай это дело, включай фигму, и пользуйся компонентами! 😚
http://telegra.ph/Komponenty---kak-kushat-07-09
Архитектурные излишества
Строительство и бизнес
Adobe Photoshop | Graphic Design | Фотошоп
Бесплатные шрифты
Дайджест продуктового дизайна
Умный дом