Дизайн

Вот к чему я пришел, спустя 5 лет постановки целей и планирования года:

/01

Нет смысла ставить любые радикальные цели на Новый год. «С нового года пойду заниматься в зал», «2 января бросаю пить», «Пройду 10 курсов по дизайну». Резкие и радикальные изменения не работают, по крайней мере в моем случае.

/02

Вытикает из первого — Не ставить много новых целей. Если у вас в списке 100+ целей на год и 60% из них вы собираетесь сделать впервые, то скорей всего можете распылиться и разочароваться в последствии. 

/03

Вытирает из второго — Не ставить кучу объемных целей на год. Я ставлю не больше 10-12 целей на год. Каждая цель ставится из разной области — Финансы, Здоровье, Отношения, Экспертиза, Досуг и тп, обычно по 1-2 штуки и усердно работаются. Не забываю записывать А/Б точки и ясный результат, который хочу получить через качественные, количественные, личные показатели. Дополнительный ограничитель — не более 1-3 сложных и комплексных задач.

/04

Целься в луну, забор перепрыгнешь — тупость, которая приводит в результате к демотивации и отсутствию желания ставить какие-то цели. Критерии цели — достижимость, понятность, результативность. 

/05

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

/06

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

/07

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

Телеграм канал — Марк Игнатьев

Дано: заказчик закидывает глупыми (на ваш взгляд) правками, из-за чего терпение на пределе, а проект не продвигается. Рассказываем, что стоит и не стоит делать в подобной ситуации.

❌ Бесконечно бодаться из-за правок, доказывая заказчику, что их нельзя вносить

В результате выпустить материал с сильной задержкой или не выпустить совсем.

✅ Спокойно и профессионально аргументировать точку зрения, а после отпустить заказчика с миром

Исполнитель снимает с себя ответственность за продукт с того момента, как он предупредил о рисках, связанных с правками. Возьмём для примера статью: не стоит относиться к рей, как произведению искусства, — это всего лишь один из инструментов, который не обязан быть идеальным.

Как может выглядеть аргументация для заказчика:

Владимир, вижу, что для вас важна именно такая формулировка. Сейчас поправлю всё по комментариям, но как редактор сначала должен обозначить возможные риски:

— Фраза «осуществляем деятельность по доставке продуктов» звучит слишком формально. Мы обсуждали с вами, что хотели бы выглядеть в глазах партнёров, как близкие знакомые. Сейчас же похожи скорее на не очень дружелюбных чиновников.

— Ещё эту фразу можно сократить до «доставляем продукты» без потери смысла. Сложно подступиться к длинному тексту, когда есть горы более важных дел, наверняка вы знаете это по себе. В наших интересах сократить текст, насколько это возможно, но канцелярит его только удлиняет.

Больше советов для тех, кто работает с текстом, — на канале Плохое/хорошее.

Linux: панель для KDE 6

Я просто оставлю это здесь, может, кому-нибудь пригодится.

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

Под "готова" я имею в виду, что система справляется со своими задачами в довольно жёстких условиях: на моём безвентиляторном мини-ПК с HiDPI дисплеем крутится Андроид Студия, эмуляторы различных устройств и операционных систем и прочие инструменты разработчика. Согласитесь, что это показатель.

Внешний вид темы по умолчанию (Бриз) меня в целом устраивает, а вот нижняя ("южная") панель не нравится. Поэтому тема делает две вещи:

1. Устанавливает тёмный (в моём случае прозрачный) фон всей панели и границу сверху.

2. Переносит индикаторы запуска приложений (подчёркивание) вниз.

За первый пункт отвечает файл widgets/panel-background.svg, за второй - widgets/tasks.svg.

Размытие фона под панелью (как на снимке экрана) включено по умолчанию.

Оба файла можно легко редактировать в обычном текстовом редакторе.

Вот ссылка на Гитхаб: https://github.com/vladpen/kde-south-panel

Обещанная статья о том как я примазался к самой успешной игровой студии в Мире и создал логотип для сообщества. В конце галерея уродов от нейросети с моими комментариями:
https://vk.com/@orkstargames-kak-ya-primazalsya-k-samoi-uspeshnoi-videoigrovoi-studii-v-m

Как наклейки на серверах делают обслуживание проще и безопаснее

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

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

Все элементы обозначены яркими синими метками. Например, Riser «B» выделен яркой маркировкой, благодаря чему его легко отличить. Такая система упрощает обслуживание и снижает вероятность ошибок.

Другие примеры serviceability читайте в статье Александра Чурикова, технического эксперта по продукту в YADRO.

5 решений в цифровых продуктах, которые оценят и бумеры, и зумеры

Население активно стареет и меняет пользовательские привычки, зумеры задают новые тренды, а ИИ и Big Data добавляют новые технологические вызовы каждый день. Как в таких условиях создать цифровой продукт, который бы понравился разным поколениям, не раздул бюджет и не устарел в ближайшие годы? Собрали несколько советов в этом посте.

🔹 Отказ от стереотипов. Считается, что зумеры живут в интернете 24/7. Но исследования показывают, что 73% из них специально ходят в офлайн-магазины, чтобы «отключиться» от цифрового мира. Поэтому стоит изучать реальное поведения своих пользователей всех возрастов, чтобы предлагать им подходящие решения.

🔹 Омниканальность. Убедитесь, что ваш продукт одинаково доступен на любых устройствах и платформах. Возможность начать покупку на телефоне утром и завершить ее на планшете вечером важна для всех, но особенно для миллениалов, зумеров и иксеров.

🔹 Инклюзивность. Проверьте свой продукт на соответствие стандартам WCAG. Это сделает приложение удобным не только для пользователей с ограничениями, но и улучшит пользовательский опыт для всех людей.

🔹 Персонализация — путь к лояльности. Дайте пользователям возможность настраивать интерфейс под себя, скрывать ненужный им контент, управлять фичами.

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

Еще больше решений, примеров, данных исследований и реальных кейсов — в нашей статье-исследовании. Будет классно, если поделитесь ею с коллегами — от дизайнеров до продакт-менеджеров.

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

Напротив, визуальное восприятие фиолетового оттенка (300°) было хуже: первая фиксация взгляда длилась дольше, а оценки пространства по привлекательности, личным предпочтениям, комфорту и удовольствию были ниже.

При уровне насыщенности 69–77% испытуемые демонстрировали наименьшую длительность первой фиксации и наибольшую общую длительность фиксации, что указывало на более высокую визуальную привлекательность.

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

Как дизайн влияет на развитие продукта: 5 главных принципов

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

Но как именно дизайнер может формировать продуктовую стратегию? Отвечаем в пяти пунктах.

1. Влияние на прибыль. Хороший дизайн — реальная инвестиция в бизнес-результаты. Исследования говорят: компании, которые активно инвестируют в дизайн, за пять лет заработали больше, чем те, кто этим пренебрегает.

2. Эмпатия. Дизайнеру важно ею вооружиться, чтобы лучше понять свою аудиторию. Можно изучать интерфейсы популярных сервисов, типа OZON, чтобы предугадывать ожидания пользователей, или шерстить отзывы в поисках редких кейсов и инсайтов.

3. Работа в команде. В идеальном мире — дизайнеры работают вместе с аналитиками, участвуют в исследованиях и опросах. Так продукт сможет развиваться комплексно и отвечать актуальным запросам рынка.

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

5. Метрики. Успех дизайна можно и нужно оценивать с помощью метрик: это может быть вовлеченность, Retention Rate и время, затраченное на задачу. Простые опросы здесь тоже могут помочь.

Полная версия статьи с примерами и цифрами — у нас на Хабре.

Программа от арт-директоров из Яндекса — из первых рук узнаете, как управляют дизайном в IT

Яндекс Практикум запустил курс «Арт‑дирекшн» для коммуникационных и графических дизайнеров и начинающих арт‑директоров. Программа не включает в себя обучение основам дизайна, а направлена на развитие навыков, необходимых арт-директору в ежедневной работе.

На курсе вы погрузитесь в брендинг, основы бизнеса, маркетинг и менеджмент, а также узнаете, как устроен арт‑дирекшн в больших компаниях. Все эти знания помогут выйти на новый уровень в карьере.

Вы научитесь:

• Понимать цели и задачи бренда;

• Сохранять консистентность бренда и коммуникаций;

• Работать с системой дизайна;

• Оптимизировать работу с помощью нейросетей;

• Понимать цели и задачи бизнеса и маркетинга, брифовать заказчиков;

• Налаживать коммуникацию со стейкхолдерами и смежными отделами;

• Презентовать идеи, аргументировать их с точки зрения стратегии и цифр;

• Выстраивать дизайн-отдел и руководить им, планировать и распределять задачи;

• Давать обратную связь, вести сложные коммуникации.

Главное о курсе:

• 4 месяца учёбы, 6 часов в неделю;

• 3 индивидуальные консультации с ментором + план карьерного развития;

• 7 воркшопов с опытными арт‑директорами;

• Много практики по реальным задачам арт‑директора;

• Вечный доступ к материалам курса;

• Диплом о повышении квалификации или сертификат и справка.

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

→ Пройдите бесплатный тест

10 советов, как собрать UI-кит

UI-кит помогает командам поддерживать консистентность интерфейсов и упрощает процессы дизайна. Лера Ган, дизайнер AGIMA, поделилась советами, которые помогут вам собрать хороший UI-кит:

1. Используйте автолайауты. Они избавят от рутины и помогут избежать ошибок.

2. Комментарии к элементам. Добавляйте пояснения к компонентам. Это упростит понимание функциональности и цель элементов для всей команды.

3. Отбор компонентов. Включайте только часто используемые элементы. Избегайте перегрузки интерфейса ненужными компонентами, чтобы сосредоточиться на важном.

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

5. Сетка и отступы. Убедитесь, что сетка и отступы подходят для разных разрешений. Это упростит адаптацию интерфейса на разных устройствах.

6. Единый стиль изображений. Это важно для поддержания целостного внешнего вида, особенно — для иконок и графики.

7. Состояния элементов. Отрисуйте все состояния элементов, чтобы они были готовы к любым сценариям использования.

8. Общение с командой. Обсуждайте все изменения с коллегами. Это предотвратит непредвиденные ошибки.

9. Резервные копии. Всегда важно сохранять резервные копии, чтобы иметь возможность вернуться к прежней версии.

10. Цветовые темы. Протестируйте темную тему интерфейса. Актуально, т. к. пользователи часто используют оба режима.

Это краткая выжимка статьи из нашего блога. В полной версии найдете много примеров и лайфхаков от автора.

Из рабочего чата, залипательное — хороша почти каждая строчка, даже мелкий текст по периметру :)

Какие книги читать дизайнеру: мнение экспертов

Недавно в нашем блоге вышла статья о том, что происходит на рынке продуктового дизайна в 2024 году. Эксперты из нескольких компаний рассказали, какие тренды они видят сегодня и чего ожидать в этой сфере в будущем. Среди прочего, они ответили и на вопрос о том, как дизайнеру прокачивать скиллы.

Вот какие книги они упоминают:

• «Дизайн привычных вещей» Дона Нормана;

• «Пиши-сокращай» Максима Ильяхова;

• «Спроси маму» Роба Фитцпатрика;

• «Начни с почему» Саймона Синека;

• «Переломный момент» Малькольма Гладуэлла;

• «Паттерны дизайн-менеджмента» Юрия Ветрова;

• «ВкусВилл. Как совершить революцию в ритейле, делая всё не так» Евгения Щепина;

• «Тайная жизнь цвета» Кассии Сен-Клер;

• «Настольную книгу Project-менеджера» Владимира Завертайлова;

• «То, что мы видим, то, что смотрит на нас» Жоржа Диди-Юбермана;

• «История журнального дизайна» Ольги Рожновой;

• «Об интерфейсе» Алана Купера.

Больше подробностей о подкастах, дизайн-школах и классных телеграм-каналах — в полной версии статьи. Там же и интересные цифры и наблюдения о том, что представляет собой профессия продуктового дизайнера и как его обязанности пересекаются с обязанностями продакт-оунера.

Про дизайн HR-сервисов. Часть 3

В первой части рассказали о важности дизайна для HR Tech в целом, а во второй — о хороших решениях для интерфейсов HR-сервисов. Теперь же опишем, насколько для подобных продуктов важна инклюзивность.

• Доступность для всех. Лучший способ отразить ценности компании — интерфейс, который доступен для людей с ограниченными возможностями здоровья. Это могут быть элементы управления, совместимые с сенсорными устройствами, опция регулировки шрифта и цветовой схемы, голосовые команды и другие адаптивные функции.

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

• Семантическая структура и метаданные. Стоит разрабатывать интерфейс с четкой семантической структурой, чтобы пользователи с различными способностями могли легко ориентироваться и понимать контекст информации.

• Обучение и справочные материалы. Сотрудник должен убедиться, что его не оставят без поддержки в работе. Поэтому уже на корпортале или карьерном сайте он должен видеть подсказки и обучающие материалы, которые помогут ему сориентироваться в новой информации.

Больше о карьерный сайтах рассказываем в отдельном статье, а о дизайне — в нашем телеграм-канале.

Про дизайн HR-сервисов. Часть 2

В первой части рассказали о важности дизайна для HR Tech в целом. Теперь же поговорим о том, на какие тонкости в интерфейсах дизайнеру стоит обращать внимание.

1. Минимализм и простота. Чем больше в макете чистых линий и простых форм, тем лучше.

2. Персонализация. Важно давать пользователю настраивать интерфейс под себя — менять цветовую схему или настраивать опции отображения информации.

3. Мобильная адаптация. Адаптивный дизайн позволяет сотруднику управлять HR-задачами с телефона или планшета.

4. Интерактивные элементы и сервисы. Анимации, интерактивные диаграммы и инфографика упрощают взаимодействие с сервисами.

5. Чат-боты и возможности ИИ. Они берут на себя рутину и механическую работу.

6. Система уведомлений. Если корпортал отправляет сотруднику пуши, тот оперативно узнает о важных событиях и заданиях.

7. Использование иконок. Иконки нужны не только в цифровых продуктах, но и в HR-сервисах. Они упрощают навигацию и понимание функционала.

8. Дизайн-системы. Обеспечивают консистентность дизайна. Человек должен чувствовать, что о нем заботятся.

9. Динамичные и адаптивные формы. Динамичные формы, которые адаптируются к вводу данных, минимизируют необходимость вручную настраивать интерфейс.

10. Голосовой интерфейс. Голосовые команды и функции распознавания речи делают сервис инклюзивным, улучшают доступность и увеличивают производительность.

В следующей части расскажем о важности инклюзивности для дизайна HR Tech сервисов. А больше про дизайн — в нашем телеграм-канале.

Про дизайн HR-сервисов. Часть 1

HR Tech сервисы принято рассматривать просто как точки входа в компанию или как агрегаторы корпоративных новостей. Однако они могут рассказать о бизнесе куда больше, чем кажется. Сам подход к созданию подобных площадок уже на уровне дизайна показывает, что представляет собой компания как работодатель.

Вот какие задачи HR-сервисы должны закрывать:

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

2. Персонализированный подход. ИИ и аналитика помогают строить персонализированные программы обучения и адаптироваться к уникальным запросам каждого сотрудника. Когда люди чувствуют поддержку со стороны компании, они более лояльны. И это заметно извне. Рекомендации, отзывы, посты в соцсетях — всё это создает привлекательный HR-бренд.
   
   О персонализации и автоматизации найма — в интервью с российскими HRD.

Через дизайн можно показать любые особенности работодателя. Если компания поддерживает онлайн-обучение, одобряет гибкую форму занятости или много работает с нейросетями, это влияет на визуальные решения карьерного сайта. Любая мелочь вроде темной темы помогает соискателю больше узнать о компании.

Во второй части расскажем о принципах построения интерфейса в HR-сервисах.

We will IT+Rock you: как мы делаем конференцию про ИТ в рок-стиле

31 октября мы в Orion soft проводим конференцию Orion Digital Day про ИТ-инфраструктуру, DevSecOps, кибербезопасность, управление данными и технологические коллаборации. 

Мы поняли, что устали от похожих мероприятий и решили создать антураж, которого еще не было ни у кого — провести нашу конфу в стиле рок-фестиваля! Раздавать стиль будут музыкальные инструменты, сетка-рабица, мотоцикл, цепи, постеры, в которых мы объединили эстетику технологий и рока. Пока что намеренно не публикуем мокапы, но хотим показать немного тизеров. Полные версии ищите в залах конференции.

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

При этом центром притяжения останется деловая программа:

• Пленарные сессии с топ-спикерами из Самолета, Альфа-Банка, Газпром нефти, Positive technologies, Яндекс Go и другими;

• Технотреки про практики DevSecOps, кибербезопасности, управления данными;

• Кейсы от Ингосстраха, Газпром нефть, аэропорта Шереметьево, Smartavia;

• Митапы в лаундж зоне с лучшими кальянами Москвы.

А вечером — концерт с официальным трибьютом AC/DC!

Мероприятие пройдет в Москве в арт-пространстве LOFT #8. Будем рады видеть вас! Участие бесплатное, регистрация и подробная программа доступны по ссылке. И да, можно приходить без галстуков в вашем любимом рок-мерче :)

Приглашаем на бесплатный вебинар «Проектирование и дизайн пользовательского интерфейса». Рассмотрим первые шаги, которые необходимо выполнить перед проектированием интерфейса. А также проанализируем пример опросного листа, который должен заполнить клиент, чтобы помочь лучше понять его потребности и предпочтения. 

📅 Дата: 10.10.2024

⏰ Время: 17:00-18:00 (Мск)

На вебинаре:

✔️ Вопросы из опросного листа. Что и зачем спрашивать

✔️ Пользовательские сценарии. Что такое, из чего состоят и зачем нужны

✔️ Информационная структура продукта. Почему без неё никуда

👨‍🎓 Спикер: Игнашов Евгений — cпециалист в области UI/UX проектирования.

👉 Записаться 👈

Приглашаем на бесплатный вебинар «Проектирование и дизайн пользовательского интерфейса». Рассмотрим первые шаги, которые необходимо выполнить перед проектированием интерфейса. А также проанализируем пример опросного листа, который должен заполнить клиент, чтобы помочь лучше понять его потребности и предпочтения. 

📅 Дата: 13.09.2024

⏰ Время: 16:00-17:00 (Мск)

На вебинаре:

✔️ Вопросы из опросного листа. Что и зачем спрашивать

✔️ Пользовательские сценарии. Что такое, из чего состоят и зачем нужны

✔️ Информационная структура продукта. Почему без неё никуда

👨‍🎓 Спикер: Игнашов Евгений — cпециалист в области UI/UX проектирования.

👉 Записаться 👈

Как сделать так, чтобы тебя читали: 3 простых правила при создании текста

По данным NN/g, люди не вчитываются в каждое слово на странице с текстом, а воспринимают только 20% контента. Они сканируют и вычленяют отдельные слова и фрагменты.

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

1. Создавайте сканируемый контент.

Используйте списки с буллитами, пишите короткими абзацами, сокращайте предложения. Следуйте правилу «одна идея на один пост». Избегайте длинных слов, которые состоят из пяти и больше слогов.

2. Помогайте людям сканировать ваш контент.

Расставьте по тексту крючки, за которые зацепится глаз читателя.

3. Сделайте так, чтобы человек перешел к чтению после сканирования.

Если человек сканирует интересный и полезный текст, он начнет его читать подробнее. А это и есть ваша цель — донести сообщение до клиента.

>> Больше интересных примеров и кейсов из мира диджитал найдете в Telegram-канале нашей дизайн-команды.

Figma настолько успешно захватила рынок, что в десятой Axure такие привычные и любимые мной «мастера» превратились в «компоненты». Зато теперь могу исключать термин «мастер» из своего лексикона и вспоминать его только когда олдскулы сводит.