Из рабочего чата, залипательное — хороша почти каждая строчка, даже мелкий текст по периметру :)
Какие книги читать дизайнеру: мнение экспертов
Недавно в нашем блоге вышла статья о том, что происходит на рынке продуктового дизайна в 2024 году. Эксперты из нескольких компаний рассказали, какие тренды они видят сегодня и чего ожидать в этой сфере в будущем. Среди прочего, они ответили и на вопрос о том, как дизайнеру прокачивать скиллы.
Вот какие книги они упоминают:
«Дизайн привычных вещей» Дона Нормана;
«Пиши-сокращай» Максима Ильяхова;
«Спроси маму» Роба Фитцпатрика;
«Начни с почему» Саймона Синека;
«Переломный момент» Малькольма Гладуэлла;
«Паттерны дизайн-менеджмента» Юрия Ветрова;
«ВкусВилл. Как совершить революцию в ритейле, делая всё не так» Евгения Щепина;
«Тайная жизнь цвета» Кассии Сен-Клер;
«Настольную книгу Project-менеджера» Владимира Завертайлова;
«То, что мы видим, то, что смотрит на нас» Жоржа Диди-Юбермана;
«История журнального дизайна» Ольги Рожновой;
«Об интерфейсе» Алана Купера.
Больше подробностей о подкастах, дизайн-школах и классных телеграм-каналах — в полной версии статьи. Там же и интересные цифры и наблюдения о том, что представляет собой профессия продуктового дизайнера и как его обязанности пересекаются с обязанностями продакт-оунера.
Про дизайн HR-сервисов. Часть 3
В первой части рассказали о важности дизайна для HR Tech в целом, а во второй — о хороших решениях для интерфейсов HR-сервисов. Теперь же опишем, насколько для подобных продуктов важна инклюзивность.
Доступность для всех. Лучший способ отразить ценности компании — интерфейс, который доступен для людей с ограниченными возможностями здоровья. Это могут быть элементы управления, совместимые с сенсорными устройствами, опция регулировки шрифта и цветовой схемы, голосовые команды и другие адаптивные функции.
Работа с различными языками и культурами. Классно, когда компания транслирует уважение к чужим культурам и готовность принимать и понимать их. Интерфейс должен легко переводиться на различные языки, а цветовые схемы и иллюстрации учитывать культурный контекст.
Семантическая структура и метаданные. Стоит разрабатывать интерфейс с четкой семантической структурой, чтобы пользователи с различными способностями могли легко ориентироваться и понимать контекст информации.
Обучение и справочные материалы. Сотрудник должен убедиться, что его не оставят без поддержки в работе. Поэтому уже на корпортале или карьерном сайте он должен видеть подсказки и обучающие материалы, которые помогут ему сориентироваться в новой информации.
Больше о карьерный сайтах рассказываем в отдельном статье, а о дизайне — в нашем телеграм-канале.
Про дизайн HR-сервисов. Часть 2
В первой части рассказали о важности дизайна для HR Tech в целом. Теперь же поговорим о том, на какие тонкости в интерфейсах дизайнеру стоит обращать внимание.
Минимализм и простота. Чем больше в макете чистых линий и простых форм, тем лучше.
Персонализация. Важно давать пользователю настраивать интерфейс под себя — менять цветовую схему или настраивать опции отображения информации.
Мобильная адаптация. Адаптивный дизайн позволяет сотруднику управлять HR-задачами с телефона или планшета.
Интерактивные элементы и сервисы. Анимации, интерактивные диаграммы и инфографика упрощают взаимодействие с сервисами.
Чат-боты и возможности ИИ. Они берут на себя рутину и механическую работу.
Система уведомлений. Если корпортал отправляет сотруднику пуши, тот оперативно узнает о важных событиях и заданиях.
Использование иконок. Иконки нужны не только в цифровых продуктах, но и в HR-сервисах. Они упрощают навигацию и понимание функционала.
Дизайн-системы. Обеспечивают консистентность дизайна. Человек должен чувствовать, что о нем заботятся.
Динамичные и адаптивные формы. Динамичные формы, которые адаптируются к вводу данных, минимизируют необходимость вручную настраивать интерфейс.
Голосовой интерфейс. Голосовые команды и функции распознавания речи делают сервис инклюзивным, улучшают доступность и увеличивают производительность.
В следующей части расскажем о важности инклюзивности для дизайна HR Tech сервисов. А больше про дизайн — в нашем телеграм-канале.
Про дизайн HR-сервисов. Часть 1
HR Tech сервисы принято рассматривать просто как точки входа в компанию или как агрегаторы корпоративных новостей. Однако они могут рассказать о бизнесе куда больше, чем кажется. Сам подход к созданию подобных площадок уже на уровне дизайна показывает, что представляет собой компания как работодатель.
Вот какие задачи HR-сервисы должны закрывать:
Привлечение талантов. HR Tech сервис, построенный на больших данных, анализирует карьерные предпочтения и ценности подходящих кандидатов, а затем транслирует им, что эти ценности у них совпадают. И напротив, если эти ценности отличаются, дизайн становится дополнительным фильтром.
Как понять, нужен ли компании карьерный сайт.Персонализированный подход. ИИ и аналитика помогают строить персонализированные программы обучения и адаптироваться к уникальным запросам каждого сотрудника. Когда люди чувствуют поддержку со стороны компании, они более лояльны. И это заметно извне. Рекомендации, отзывы, посты в соцсетях — всё это создает привлекательный 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 такие привычные и любимые мной «мастера» превратились в «компоненты». Зато теперь могу исключать термин «мастер» из своего лексикона и вспоминать его только когда олдскулы сводит.
«Сбер» объявил о старте продаж нового фигурного платёжного стикера в форме кошачьей лапки для детей, молодёжи и для всех котолюбителей.
Стикер «Сбера» в форме кошачьей лапки доступен в двух цветах — белом и голубом — и сочетает в себе современные технологии бесконтактных платежей с новым дизайном. Его удобно прикрепить к мобильному телефону и производить платежи «одним мягким прикосновением лапки».
Стикер‑лапка «Сбера» доступен для заказа в приложении «СберБанк Онлайн» и на сайте банка. Количество стикеров ограничено.
Для заказа стикера‑лапки ребёнку в возрасте от 6 до 13 лет в приложении «СберБанк Онлайн» необходимо нажать на «Оформить карту или счёт», далее выбрать — «Детскую», нажать «Другие карты» и выбрать «СберКарта Стикер для детей 6–13 лет».
Остальные желающие в возрасте от 14 лет могут заказать стикер‑лапку на сайте «Сбера», заполнив заявку на странице платёжного стикера, или в приложении «СберБанк Онлайн» нажать «Оформить карту или счёт», далее выбрать «Дебетовую» — «Другие карты» — «СберКарта Стикер».
О чём хотят узнать люди, прежде чем купить обучающий курс?
Сегодня провожу аудит сайта, на котором продают курсы по ретуши.
Это было весело: к интерфейсу всего пара-тройка замечаний. А вот к ответам на потенциальные вопросы посетителей… В общем, смотрите сами.
Объединение «Развитие видеоигровой индустрии» (РВИ) и Институт бизнеса и дизайна B&D до 31 августа 2024 года принимают заявки на конкурс дизайна пиктограмм для маркировки видеоигр. Форма для участия, Техзадание (в Figma) и Положение о конкурсе опубликованы на сайте проекта конкурса.
Призовой фонд конкурса составляет 200 000₽ – 100 000, 70 000 и 30 000₽ за первые три места соответственно.
К участию в конкурсе по созданию макетов пиктограмм для «Зелёной маркировки видеоигр» приглашаются дизайнеры, профильные студенты, художники, дизайн‑студии, творческие объединения, способные создавать символы, понятные покупателям, будь то дети или взрослые.
Проект «Зелёная маркировка видеоигр» по добровольной позитивной маркировке видеоигр призван устранить негативное восприятия широкой аудиторией контента видеоигр; маркировка должна сфокусировать внимание человека и общества в целом на положительных и позитивных сторонах видеоигр.
На первом этапе конкурса вводится несколько основных категорий:
игра сделана в России;
игра содержит обучающие материалы;
игра является киберспортивной дисциплиной.
Ближайшие события
На сайте «Архив Стива Джобса» опубликовано видео, на котором 28-летний Стив Джобс выступает на Международной конференции по дизайну 1983 года в Колорадо. Его речь была посвящена будущему компьютеров и тому, как они изменят повседневную жизнь.
В комментариях к этому видео даны пояснения экс-главного дизайнера Apple и близкого друга Джобса Джони Айва.
«Стив редко посещал конференции по дизайну. Это был 1983 год, до запуска Mac, относительно ранний период существования Apple. Меня поражает, насколько глубоким было его понимание драматических изменений, которые должны были произойти, когда компьютер стал широко доступным. Конечно, он не только был пророческим, но и сыграл важную роль в определении продуктов, которые навсегда изменят нашу культуру и нашу жизнь.
Накануне выпуска первого по‑настоящему персонального компьютера Стив озабочен не только основополагающими технологиями и функциональностью конструкции продукта. Это чрезвычайно необычно, поскольку на ранних стадиях серьёзных инноваций обычно именно основная технология получает выгоду. Описывая то, что он считает неизбежностью, он просит дизайнеров в аудитории думать в первую очередь о дизайне этих продуктов.
Стив отмечает, что усилия по проектированию в США в то время были сосредоточены на автомобилях, при этом мало внимания и усилий уделялось бытовой электронике. Стив прогнозировал, что к 1986 году продажи ПК превысят продажи автомобилей и что в следующие десять лет люди будут проводить больше времени с ПК, чем в авто».
Дизайнер Бэйли Хикава, наиболее известная своими чехлами для смартфонов ручной работы, представила проект 2G TRASH PHONES Toilet Seat.
Это сделанное на заказ сиденье для унитаза за $1250, в которое встроено множество знаковых мобильных телефонов 2G и 3G, включая оригинальный Motorola Razr, слайдеры Samsung и ассортимент BlackBerry. Электронные отходы для одного человека — это сокровище для другого. Пока что в продаже два экземпляра такого важного приспособления для туалетной комнаты.
«Это по сути семейная реликвия, которую вы можете передать своим детям», — пояснил дизайнер.
О целях интерфейсов
Как можно проводить аудит интерфейса, не зная его целей? Да никак. Даже если цели не озвучены, всё равно они будут как-то сформированы в голове у аудитора. Одному ему понятным образом.
Фишка в том, что во многих случаях цели владельца интерфейса будут отличаться от целей пользователей. Да, когда речь идёт, например, о посадочных страницах, у всех почти всегда одна цель — чтобы сделка состоялась. Ну или, на худой конец, целевое действие было совершено (например, заявка улетела на почту).
Сегодня же у меня на аудите интерфейс мобильного приложения производственного календаря. И цель его создателя (помимо прочего) — заработать на рекламе. А цель пользователей — … ну, их несколько. И чьи же цели учитывать аудитору и как?
Об этом рассказываю в новом ролике.
5 июля 2024 года «Тинькофф банка» больше не стало. Эта компания официально превратилась в «Т‑Банк».
В июне «Тинькофф» обновил бренд, теперь кредитная организация называется «Т‑Банк», все основные сервисы работают под новыми названиями: «Т‑Банк», «Т‑Инвестиции», «Т‑Мобайл» и так далее. Адрес сайта тоже новый — tbank.ru вместо tinkoff.ru.
До осени 2024 года компания поменяет дизайн карт, внешний вид банкоматов и оформление других элементов. О смене названий юридических лиц группа сообщит дополнительно.
Записал небольшой видеоролик с рассказом о том, как я провожу аудиты интерфейсов
Вкратце опишу схему:
Аудит не может быть беспредметным. Предмет моих аудитов — это то, насколько эффективно интерфейс достигает поставленных перед ним целей. Поэтому первый шаг — выявить и озвучить эту самую цель (или несколько целей).
Цели достигаются благодаря набору функций в интерфейсе. Например, если цель — продажа, а в интерфейсе нет функции оплаты заказа в рамках некой оферты — то она недостижима. И, возможно, ошибка крылась в терминологии. Например, истинная цель была не продажа, а формирование лида. Из цели можно вывести набор функциональных требований, на который и ориентироваться.
Но даже если есть цель и все необходимые функции для её достижения, то проблема может крыться в информационных ожиданиях. Когда у пользователей интерфейса банально не хватает ответов на вопросы, которые хотелось бы получить перед принятием решения.
И как ни парадоксально это звучит, самая маловажная составляющая моих аудитов — это как раз юзабилити, UX. Эргономика, доступность, эстетика, вот это всё. Точнее, не так. Она, конечно, важна. Но только после того, как решены предыдущие три вопроса.
В результате аудита я всегда выделяю какую-то одну рекомендацию, которая, по моему мнению, повлияет на результат больше всего. Можно перекрасить пятьдесят кнопок и расставить элементы в нужные места, а можно дать пользователю ответ на волнующий его вопрос. Например, есть ли доставка в его регион.
Приятного просмотра!
Дизейнеры заметили, что ранее анонсированный сервис Figma AI обучен на существующих приложениях. Например, «погодное приложение», созданное в с помощью новой функции «Создать дизайн» о Figma AI в результате в основном аналогична приложению «Погода» от Apple (слева). Дизайнеры пробовали три раза выполнить этот запрос, результат тот же.
Как развивать софт-скиллы, чтобы продвигаться в карьере (и когда они могут стать важнее твоих хардов) — узнай из записи встречи с Вовой Зиминым, дизайн-директором Яндекс Плюс.
Вова заглянул в гости в Garage Eight и провел живой диалог с нашим дизайн-комьюнити. Получилась не лекция, а спич-импровизация, из которой мы узнали:
— о двух главных принципа дизайна, которые распространяются не только на дизайнеров, и являются скорее ориентирами, чем правилами;
— как сегодня расти и продвигаться по карьерному треку;
— за что могут уволить спеца с сильными хардами, несмотря на высокое качество его дизайна;
— как экологично решать рабочие конфликты и почему не стоит делать это одному;
— почему нужно общаться с людьми, выступать и вообще быть публичным, даже если это пугает и вызывает дискомфорт.
А еще спикер поделился инсайтами разработки дизайна в Яндексе, своими собственными факапами и выводами, к которым они привели. Смотри запись встречи!
А если ты уже преисполнился во всех этих вопросах, может, тебя заинтересует вакансия дизайн-лида? ;-)