Настройка constraints
Массовые действия с иконками
Все вышеописанные действия можно проделать с несколькими иконками сразу.
Для того, чтобы выбрать слои с иконкой сразу во всех компонентах иконок — выберите все компоненты иконок и нажмите Enter.
Мусор в иконках
Во фрейме компонента, кроме иконки ничего не должно быть. Не забывайте удалять все скрытые слои из фрейма с иконкой.
Например, Material Design иконки имеют белый фоновый слой.
В итоге компонент иконки должен содержать только один слой (слой с иконкой). Но могут быть и исключения, например, двухцветные иконки.
В случае с одноцветной иконкой — все элементы должны быть объединены в один слой.
После того, как вы объединили слои, не забывайте применять “Outline Storke” к объединенной фигуре.
Объединение иконки в один слой
Все это нужно для того, чтобы иконки меньше весили, SVG код был гораздо меньше и понятней, а у разработчиков не возникли проблемы с перекрашиванием иконок.
Так выглядит SVG код иконки когда компонент иконки имеет несколько слоев и они не объединены в один. Код получился очень длинным и имеет целых 7 параметров “Fill” для разных элементов иконки.
Так делать нельзя.
Размер файла иконки 1318 байт
А так выглядит SVG код иконки когда все слои объединены. Код гораздо меньше и имеет всего 2 параметра “Fill”. Один для фона контейнера, другой для цвета иконки.
Так делать можно.
Размер файла иконки 803 байта
После экспорта иконки вы можете ее дополнительно сжать используя этот сайт
После сжатия код иконки стал еще меньше, но внешний вид иконки не изменился.
Ресурсы с иконками
Ну и напоследок несколько ресурсов откуда можно брать иконки.
Material Design Icons Community
Огромный набор иконок, который содержит официальные иконки Material Design, а также иконки созданные сообществом по гайдам Material Design. На мой взгляд, это лучший набор на данный момент. Он покрывает 90% моих потребностей.
В Figma есть специальный плагин.
Material Design Icons
Официальные иконки Material Design. К сожалению, на этом сайте иконки имеют довольно странные тэги. Из-за этого некоторые иконки нереально найти через поиск. Да и файл иконки содержит в себе лишний слой с белым фоном, который на мой взгляд, не нужен. Плагин в Figma.
Boxicons
Есть хорошие альтернативы иконкам из предыдущих ресурсов. Но не все иконки pixel perfect.
Так же имеется плагин в Figma.
Feathericon
Хороший набор качественных outline иконок. Иконки сделаны контуром с обводкой, что позволяет масштабировать и изменять толщину линий самих иконок.
Плагин в Figma
IBM icons
Иконки от IBM созданные самой компанией и сообществом.
Подробнее с примерами в источнике: https://medium.com/design-pub/дизайн-система-иконки-e9ba0a695e2d
Массовые действия с иконками
Все вышеописанные действия можно проделать с несколькими иконками сразу.
Для того, чтобы выбрать слои с иконкой сразу во всех компонентах иконок — выберите все компоненты иконок и нажмите Enter.
Мусор в иконках
Во фрейме компонента, кроме иконки ничего не должно быть. Не забывайте удалять все скрытые слои из фрейма с иконкой.
Например, Material Design иконки имеют белый фоновый слой.
В итоге компонент иконки должен содержать только один слой (слой с иконкой). Но могут быть и исключения, например, двухцветные иконки.
В случае с одноцветной иконкой — все элементы должны быть объединены в один слой.
После того, как вы объединили слои, не забывайте применять “Outline Storke” к объединенной фигуре.
Объединение иконки в один слой
Все это нужно для того, чтобы иконки меньше весили, SVG код был гораздо меньше и понятней, а у разработчиков не возникли проблемы с перекрашиванием иконок.
Так выглядит SVG код иконки когда компонент иконки имеет несколько слоев и они не объединены в один. Код получился очень длинным и имеет целых 7 параметров “Fill” для разных элементов иконки.
Так делать нельзя.
Размер файла иконки 1318 байт
А так выглядит SVG код иконки когда все слои объединены. Код гораздо меньше и имеет всего 2 параметра “Fill”. Один для фона контейнера, другой для цвета иконки.
Так делать можно.
Размер файла иконки 803 байта
После экспорта иконки вы можете ее дополнительно сжать используя этот сайт
После сжатия код иконки стал еще меньше, но внешний вид иконки не изменился.
Ресурсы с иконками
Ну и напоследок несколько ресурсов откуда можно брать иконки.
Material Design Icons Community
Огромный набор иконок, который содержит официальные иконки Material Design, а также иконки созданные сообществом по гайдам Material Design. На мой взгляд, это лучший набор на данный момент. Он покрывает 90% моих потребностей.
В Figma есть специальный плагин.
Material Design Icons
Официальные иконки Material Design. К сожалению, на этом сайте иконки имеют довольно странные тэги. Из-за этого некоторые иконки нереально найти через поиск. Да и файл иконки содержит в себе лишний слой с белым фоном, который на мой взгляд, не нужен. Плагин в Figma.
Boxicons
Есть хорошие альтернативы иконкам из предыдущих ресурсов. Но не все иконки pixel perfect.
Так же имеется плагин в Figma.
Feathericon
Хороший набор качественных outline иконок. Иконки сделаны контуром с обводкой, что позволяет масштабировать и изменять толщину линий самих иконок.
Плагин в Figma
IBM icons
Иконки от IBM созданные самой компанией и сообществом.
Подробнее с примерами в источнике: https://medium.com/design-pub/дизайн-система-иконки-e9ba0a695e2d
В чем отличие UX от сервис-дизайна и почему одного UX недостаточно
UX-дизайн сосредоточен на том, с чем сталкивается конечный пользователь, тогда как сервис-дизайн ориентирован на то, как этот пользовательский опыт создается внутри.
Пользовательский опыт (который для целей этой статьи будет приравниваться к клиентскому опыту (customer experience) охватывает все аспекты взаимодействия пользователей с компанией. Он включает в себя все с, чем встречается конечный пользователь, например, терминал, приложение, веб-сайт или почтовую программу. Думайте о пользовательском опыте как о том, «с чем» пользователи сталкиваются, взаимодействуя с брендом.
Сервис-дизайн относится к планированию и организации бизнес-ресурсов (людей, ресурсов и процессов) для обеспечения качества обслуживания клиентов. Думайте о сервис-дизайне как о том, «как» создается пользовательский опыт и как отделы компании согласовывают свою работу для обеспечения этого опыта.
Пользовательский опыт – это то, с чем сталкивается конечный пользователь: терминал, его интерфейс и получаемое в результате уведомление на мобильное устройство. Сервис-дизайн – это сочетание технологий, людей и процессов, которое делает возможным пользовательский опыт: проверка связи с сервером, соединение запроса с подходящим агентом поддержки и документирование результата
Например, представьте, что вы столкнулись с проблемой, которая побуждает вас обратиться в компанию через чат службы поддержки. Для начала вы должны найти и запустить чат. Вы сообщаете о своей проблеме, и агент чата работает с вами, чтобы решить ее. Эти взаимодействия, а также сам интерфейс составляют пользовательский опыт. Когда вы задаете вопросы, агент чата работает за кулисами по мере необходимости: проверяет базу данных, заполняет форму, записывает любые изменения в базе данных, разговаривает с менеджером и так далее. Эти задачи, а также люди и технологии, необходимые для их выполнения, являются частью сервис-дизайна.
Плохой сервис-дизайн отрицательно скажется на опыте клиентов. Например, в приведенном выше сценарии представьте, что после того, как вы инициируете чат со службой поддержки, вам придется долго ждать соединения с агентом поддержки из-за плохо управляемых процессов или нехватки персонала в службе поддержки. Когда вы, наконец, подключитесь, вы сообщаете личную информацию и проблему, только затем, чтобы их передали другому агенту, специализирующемуся на вашем типе проблемы. Второй агент просит вас повторно указать всю информацию, вместо того, чтобы автоматически получить ее от первого агента. В этом случае отсутствие сервис-дизайна (оптимизированных процессов, адекватного персонала и синхронизированных технологий) влияет на ваш опыт.
Одного UX недостаточно
Исторически сложилось так, что компании были организованы в соответствии с различными точками взаимодействия клиентского опыта, то есть вокруг продуктов и каналов доставки. Такой подход часто приводит к разрозненности отделов маркетинга, продаж, продуктов, выставления счетов и поддержки клиентов. В некоторых организациях могут даже быть отдельные отделы (или команды) для разных областей одного и того же продукта (например, домашняя страница, профиль, чат, корзина).
Для обеспечения беспроблемного опыта требуется сотрудничество между отделами и командами. Вот здесь-то и появляется сервис-дизайн. Чтобы облегчить это сотрудничество, необходимо потратить усилия на разработку того, как люди, процессы и инструменты объединятся для создания желаемого опыта. Клиентский опыт – это больше, чем просто сумма опыта пользователей по разным, отдельным каналам.
Подробнее в статье
UX-дизайн сосредоточен на том, с чем сталкивается конечный пользователь, тогда как сервис-дизайн ориентирован на то, как этот пользовательский опыт создается внутри.
Пользовательский опыт (который для целей этой статьи будет приравниваться к клиентскому опыту (customer experience) охватывает все аспекты взаимодействия пользователей с компанией. Он включает в себя все с, чем встречается конечный пользователь, например, терминал, приложение, веб-сайт или почтовую программу. Думайте о пользовательском опыте как о том, «с чем» пользователи сталкиваются, взаимодействуя с брендом.
Сервис-дизайн относится к планированию и организации бизнес-ресурсов (людей, ресурсов и процессов) для обеспечения качества обслуживания клиентов. Думайте о сервис-дизайне как о том, «как» создается пользовательский опыт и как отделы компании согласовывают свою работу для обеспечения этого опыта.
Пользовательский опыт – это то, с чем сталкивается конечный пользователь: терминал, его интерфейс и получаемое в результате уведомление на мобильное устройство. Сервис-дизайн – это сочетание технологий, людей и процессов, которое делает возможным пользовательский опыт: проверка связи с сервером, соединение запроса с подходящим агентом поддержки и документирование результата
Например, представьте, что вы столкнулись с проблемой, которая побуждает вас обратиться в компанию через чат службы поддержки. Для начала вы должны найти и запустить чат. Вы сообщаете о своей проблеме, и агент чата работает с вами, чтобы решить ее. Эти взаимодействия, а также сам интерфейс составляют пользовательский опыт. Когда вы задаете вопросы, агент чата работает за кулисами по мере необходимости: проверяет базу данных, заполняет форму, записывает любые изменения в базе данных, разговаривает с менеджером и так далее. Эти задачи, а также люди и технологии, необходимые для их выполнения, являются частью сервис-дизайна.
Плохой сервис-дизайн отрицательно скажется на опыте клиентов. Например, в приведенном выше сценарии представьте, что после того, как вы инициируете чат со службой поддержки, вам придется долго ждать соединения с агентом поддержки из-за плохо управляемых процессов или нехватки персонала в службе поддержки. Когда вы, наконец, подключитесь, вы сообщаете личную информацию и проблему, только затем, чтобы их передали другому агенту, специализирующемуся на вашем типе проблемы. Второй агент просит вас повторно указать всю информацию, вместо того, чтобы автоматически получить ее от первого агента. В этом случае отсутствие сервис-дизайна (оптимизированных процессов, адекватного персонала и синхронизированных технологий) влияет на ваш опыт.
Одного UX недостаточно
Исторически сложилось так, что компании были организованы в соответствии с различными точками взаимодействия клиентского опыта, то есть вокруг продуктов и каналов доставки. Такой подход часто приводит к разрозненности отделов маркетинга, продаж, продуктов, выставления счетов и поддержки клиентов. В некоторых организациях могут даже быть отдельные отделы (или команды) для разных областей одного и того же продукта (например, домашняя страница, профиль, чат, корзина).
Для обеспечения беспроблемного опыта требуется сотрудничество между отделами и командами. Вот здесь-то и появляется сервис-дизайн. Чтобы облегчить это сотрудничество, необходимо потратить усилия на разработку того, как люди, процессы и инструменты объединятся для создания желаемого опыта. Клиентский опыт – это больше, чем просто сумма опыта пользователей по разным, отдельным каналам.
Подробнее в статье
UXPUB 🇺🇦 Дизайн-спільнота
В чем отличие UX от сервис-дизайна и почему одного UX недостаточно
Нас часто спрашивают о разнице между UX (или CX) и сервис-дизайном, давайте разбираться
Как помочь пользователям принять решение: альтернативный и безальтернативный методы
Перевод и адаптация статьи Kathryn Whitenton для NN Group.
В оригинале методы называются «Compensatory» и «Noncompensatory». Я использую термин «альтернатива», потому что это лучше описывает процесс действий пользователя в этих стратегиях.
Вокруг нас переизбыток выбора. Постоянно надо принимать кучу решений: что надеть, что приготовить на обед, куда пойти отдохнуть. Когда заходишь в большой интернет-магазин, например, в IKEA, иногда хочется закрыть сайт, сесть в уголочек и повторять: «Горшочек, не вари!». Переизбыток выбора действительно может утомить, а иногда и напугать пользователя.
Читать: https://vc.ru/design/174350-kak-pomoch-polzovatelyam-prinyat-reshenie-alternativnyy-i-bezalternativnyy-metody
Перевод и адаптация статьи Kathryn Whitenton для NN Group.
В оригинале методы называются «Compensatory» и «Noncompensatory». Я использую термин «альтернатива», потому что это лучше описывает процесс действий пользователя в этих стратегиях.
Вокруг нас переизбыток выбора. Постоянно надо принимать кучу решений: что надеть, что приготовить на обед, куда пойти отдохнуть. Когда заходишь в большой интернет-магазин, например, в IKEA, иногда хочется закрыть сайт, сесть в уголочек и повторять: «Горшочек, не вари!». Переизбыток выбора действительно может утомить, а иногда и напугать пользователя.
Читать: https://vc.ru/design/174350-kak-pomoch-polzovatelyam-prinyat-reshenie-alternativnyy-i-bezalternativnyy-metody
vc.ru
Как помочь пользователям принять решение: альтернативный и безальтернативный методы — Дизайн на vc.ru
Перевод и адаптация статьи Kathryn Whitenton для NN Group.
Как успешно провести онлайн-презентацию продукта или услуги?
Как выглядит правильная презентация
Качественный, наглядный материал помогает зрителям лучше понять спикера и не умереть со скуки. Хорошая презентация удерживает внимание слушателей. В плохой все вперемежку: яркие слайды режут глаз, мозг пытается отчаянно понять смысл текста, а тем временем спикер усердно бормочет что-то в фоновом режиме.
Как сделать все правильно и с первого раза?
Хорошая новость в том, что вам не нужно учиться на дизайнера или пересматривать все бесплатные уроки по фотошопу, которые найдете в сети. Достаточно внятно изложить суть вопроса. Этот принцип одинаково хорошо работает в онлайне и на публичных выступлениях в реальной жизни.
Читать статью: https://medium.com/design-pub/как-успешно-провести-онлайн-презентацию-продукта-или-услуги-bb2cb13a647a
Как выглядит правильная презентация
Качественный, наглядный материал помогает зрителям лучше понять спикера и не умереть со скуки. Хорошая презентация удерживает внимание слушателей. В плохой все вперемежку: яркие слайды режут глаз, мозг пытается отчаянно понять смысл текста, а тем временем спикер усердно бормочет что-то в фоновом режиме.
Как сделать все правильно и с первого раза?
Хорошая новость в том, что вам не нужно учиться на дизайнера или пересматривать все бесплатные уроки по фотошопу, которые найдете в сети. Достаточно внятно изложить суть вопроса. Этот принцип одинаково хорошо работает в онлайне и на публичных выступлениях в реальной жизни.
Читать статью: https://medium.com/design-pub/как-успешно-провести-онлайн-презентацию-продукта-или-услуги-bb2cb13a647a
Medium
Как успешно провести онлайн-презентацию продукта или услуги?
В этой статье мы расскажем, как провести онлайн-презентацию с помощью вебинарной площадки ClickMeeting. Нет, рекламы самого сервиса не…
Изучите основы UI дизайна на примере фильмов
Фильмы, как вид искусства, были широко распространены в нашем обществе задолго до того, как люди начали изучать визуальный дизайн или просто дизайн, как дисциплину. Первый фильм был выпущен в 1888 году под названием «Сцена в саду Раундхей». Это был короткий немой фильм (2 секунды), записанный французским изобретателем Луи Лепренсом.
С тех пор мир пережил множество революций, войн, изобретений и пандемий. Каждое из этих событий так или иначе оказало особое влияние на киноиндустрию, сделав ее такой, какой мы знаем ее сегодня.
С развитием визуальной коммуникации приходит и визуальный дизайн. Поскольку слово «дизайн» на самом деле относится к решению проблем, а не просто к созданию привлекательных артефактов, то каждая методика решения проблем имеет ряд фундаментальных законов / принципов / теорий / формул, на основе которых применяется этот метод. То же самое и с визуальным дизайном.
В течение нескольких десятилетий развития кино как коммерческой индустрии, а также изучения искусства в колледжах, люди начали покупать билеты на шоу, через цифровые интерфейсы на своих девайсах. Эти девайсы было необходимо упростить в использовании и освоении, что само по себе являлось проблемой. Чтобы решить эту проблему, появилась новая дисциплина дизайна, а именно дизайн пользовательского интерфейса.
Хотя это не совсем та причина, которая привела к рождению совершенно новой области дизайна. Но это один из многих способов связи кино и UI дизайна. Давайте сразу перейдем к разбору основ UI дизайна на примере наших любимых фильмов.
Читать статью: https://ux.pub/editorial/izuchitie-osnovy-ui-dizaina-na-primierie-filmov-1mne
Фильмы, как вид искусства, были широко распространены в нашем обществе задолго до того, как люди начали изучать визуальный дизайн или просто дизайн, как дисциплину. Первый фильм был выпущен в 1888 году под названием «Сцена в саду Раундхей». Это был короткий немой фильм (2 секунды), записанный французским изобретателем Луи Лепренсом.
С тех пор мир пережил множество революций, войн, изобретений и пандемий. Каждое из этих событий так или иначе оказало особое влияние на киноиндустрию, сделав ее такой, какой мы знаем ее сегодня.
С развитием визуальной коммуникации приходит и визуальный дизайн. Поскольку слово «дизайн» на самом деле относится к решению проблем, а не просто к созданию привлекательных артефактов, то каждая методика решения проблем имеет ряд фундаментальных законов / принципов / теорий / формул, на основе которых применяется этот метод. То же самое и с визуальным дизайном.
В течение нескольких десятилетий развития кино как коммерческой индустрии, а также изучения искусства в колледжах, люди начали покупать билеты на шоу, через цифровые интерфейсы на своих девайсах. Эти девайсы было необходимо упростить в использовании и освоении, что само по себе являлось проблемой. Чтобы решить эту проблему, появилась новая дисциплина дизайна, а именно дизайн пользовательского интерфейса.
Хотя это не совсем та причина, которая привела к рождению совершенно новой области дизайна. Но это один из многих способов связи кино и UI дизайна. Давайте сразу перейдем к разбору основ UI дизайна на примере наших любимых фильмов.
Читать статью: https://ux.pub/editorial/izuchitie-osnovy-ui-dizaina-na-primierie-filmov-1mne
UXPUB 🇺🇦 Дизайн-спільнота
Изучите основы UI дизайна на примере фильмов
В статье мы разберем принципы визуального дизайна на примере фильмов и научимся их замечать
Как сделать веб-дизайн уникальным
Что делает визуальный контент уникальным и как добиться уникальности, не нарушая правил.
Посмотрите вокруг, и вы увидите обилие шаблонного дизайна. Все копируют чужие идеи, изменяя визуальные эффекты в меру своих способностей или высокомерия. Они меняют цвета и формы, сдвигают блоки. По запросу клиентов дизайнеры готовы целиком украсть макет высококлассного веб-сайта. Цифровой мир – это мир имитации. Мы не говорим о том, хорошо это или плохо. Мы просто констатируем, что это не тот путь, по которому вам следует идти, если вы хотите создать уникальный проект.
Как создать модный и в то же время особенный дизайн?
Ваша задача станет намного проще, если вы поймете значение уникальности в веб-дизайне. Быть уникальным с точки зрения дизайна – не то же самое, что быть уникальным в разговорном смысле. Дело не в креативности, обладании безумными навыками или искре божественного таланта.
В дизайне уникальность достигается за счет соблюдения некоторых довольно неуникальных правил.
Подробнее в статье: https://ux.pub/editorial/kak-sdielat-vieb-dizain-unikalnym-5300
Что делает визуальный контент уникальным и как добиться уникальности, не нарушая правил.
Посмотрите вокруг, и вы увидите обилие шаблонного дизайна. Все копируют чужие идеи, изменяя визуальные эффекты в меру своих способностей или высокомерия. Они меняют цвета и формы, сдвигают блоки. По запросу клиентов дизайнеры готовы целиком украсть макет высококлассного веб-сайта. Цифровой мир – это мир имитации. Мы не говорим о том, хорошо это или плохо. Мы просто констатируем, что это не тот путь, по которому вам следует идти, если вы хотите создать уникальный проект.
Как создать модный и в то же время особенный дизайн?
Ваша задача станет намного проще, если вы поймете значение уникальности в веб-дизайне. Быть уникальным с точки зрения дизайна – не то же самое, что быть уникальным в разговорном смысле. Дело не в креативности, обладании безумными навыками или искре божественного таланта.
В дизайне уникальность достигается за счет соблюдения некоторых довольно неуникальных правил.
Подробнее в статье: https://ux.pub/editorial/kak-sdielat-vieb-dizain-unikalnym-5300
UXPUB 🇺🇦 Дизайн-спільнота
Как сделать веб-дизайн уникальным
Что делает визуальный контент уникальным и как добиться уникальности, не нарушая правил
Как сделать дизайн сайта через призму UX
Представим себе некоего заказчика в вакууме, который пришел со своей идеей. В лучшем случае, у него есть небольшое ТЗ и несколько зарисовок ручкой (влитых в Figma, Miro или GDocs).
Ему нужен дизайн стартапа: веб-версия, 2 приложения и немного макулатуры для инвесторов. С чего же начать? Нет, не с фейспалма. Уверяю — такое встречается сплошь и рядом. Нацепив дежурную улыбку, я отправляю в бой менеджера проектов (с навыками UX) и иду пить кофе в ближайший Старбакс, на время забывая о заказчике.
Читать статью: https://vc.ru/design/183789-kak-sdelat-dizayn-sayta-cherez-prizmu-ux-bez-tancev-s-bubnom-sms-i-registracii
Представим себе некоего заказчика в вакууме, который пришел со своей идеей. В лучшем случае, у него есть небольшое ТЗ и несколько зарисовок ручкой (влитых в Figma, Miro или GDocs).
Ему нужен дизайн стартапа: веб-версия, 2 приложения и немного макулатуры для инвесторов. С чего же начать? Нет, не с фейспалма. Уверяю — такое встречается сплошь и рядом. Нацепив дежурную улыбку, я отправляю в бой менеджера проектов (с навыками UX) и иду пить кофе в ближайший Старбакс, на время забывая о заказчике.
Читать статью: https://vc.ru/design/183789-kak-sdelat-dizayn-sayta-cherez-prizmu-ux-bez-tancev-s-bubnom-sms-i-registracii
vc.ru
Как сделать дизайн сайта через призму UX? Без танцев с бубном, SMS и регистрации — Дизайн на vc.ru
С чего начинается работа по дизайну сайта? Почему Вася делает дизайн за 30 тысяч, Лена — за 150 тысяч, а известная студия — за 1 миллион? Почему конкурент сделал сайт за 200 тысяч, а мой будет стоить 500? И можно ли вообще сделать сайт раз и навсегда, без…
Где публиковать свои кейсы? Обзор креативных площадок 2023
BTW.BY — Портал креативной индустрии
BTW.BY — русскоязычное креативное медиа про рекламу и маркетинг. Стоит обратить внимание на раздел кейсы. Здесь публикуются не только кейсы от рекламных агентств из СНГ, но работы зарубежных компаний. Удобный фильтр по тегам позволяет собрать подборку кейсов, например, по дизайну упаковке или по фирменному стилю. Тематика новостей — маркетинг, технологии, дизайн, креатив, экспертные мнения с лидерами индустрии. Для того чтобы опубликовать кейс, необходимо отправить пресс-релиз на почту info@btw.by. Так же вы можете поделиться историей успеха своей компании в разделе Истории Брендов. А в разделе Философия Креатива креативные директора топовых агентств делятся своими мыслями и принципами в работе.
SOSTAV.RU — СМИ о рекламе
Sostav – ведущее СМИ о рекламе, маркетинге и PR в России. Успешно развивается с 1998 года, обладает множеством профессиональных наград, в том числе «Бренд года». Ежедневно предоставляет своим читателям самую актуальную информацию о рекламной отрасли, медиа и потребительском рынке. Поделиться своей новостью можно написав на email — news@sostav.ru
Adindex — отраслевое издание о рынке рекламы
AdIndex — информационное отраслевое издание о рынке рекламы и маркетинга в России. Новости, интервью с ведущими специалистами, отраслевые рейтинги, статьи, информация о событиях рекламного бизнеса. Стоит обратить на раздел кейсы. Так же издание довольно хорошо освещает события креативной индустрии не только России, но и зарубежья. Прислать пресс-релиз можно на email — pr@adindex.ru.
Cossa — о маркетинге в социальных сетях
Cossa – одно из крупнейших российских отраслевых изданий по темам маркетинга/digital/рекламы. Аудитория площадки – директора по маркетингу и digital-специалисты на стороне крупных клиентов (которые принимают решения о выборе подрядчиков/сервисов/платформ для нужд своих компаний), а также руководители и специалисты digital-агентств, стартапов, онлайн-сервисов, digital-медиа и других интернет-компаний. sales@cossa.ru — почта для связи с редакцией.
Unipack — медиа про упаковку
Unipack.ru — медиа рассказывает про упаковочный бизнес. Помимо кейсов про дизайн упаковки, портал публикует новости связанные с технологиями упаковки и важными событиями в этой отрасли. Поделиться своим кейсом можно на email — info@unipack.ru
Секрет Фирмы — журнал о бизнесе в России
Журнал рассказывает о новостях в сфере бизнеса и около этой тематики. Стоить обратить внимание на раздел спецпроекты. Поделиться новостью можно написав на email — sf@rambler-co.ru
Сей-Хай — интернет-издание о творчестве
Материалы Сей-Хай освещают творчество, как стиль жизни. Издание рассказывает о визуальном искусстве: дизайне, фотографии, иллюстрации и людях, которые его создают. Особое внимание редакция удаляет креативным подборкам. Почта — info@say-hi.me
Источник
BTW.BY — Портал креативной индустрии
BTW.BY — русскоязычное креативное медиа про рекламу и маркетинг. Стоит обратить внимание на раздел кейсы. Здесь публикуются не только кейсы от рекламных агентств из СНГ, но работы зарубежных компаний. Удобный фильтр по тегам позволяет собрать подборку кейсов, например, по дизайну упаковке или по фирменному стилю. Тематика новостей — маркетинг, технологии, дизайн, креатив, экспертные мнения с лидерами индустрии. Для того чтобы опубликовать кейс, необходимо отправить пресс-релиз на почту info@btw.by. Так же вы можете поделиться историей успеха своей компании в разделе Истории Брендов. А в разделе Философия Креатива креативные директора топовых агентств делятся своими мыслями и принципами в работе.
SOSTAV.RU — СМИ о рекламе
Sostav – ведущее СМИ о рекламе, маркетинге и PR в России. Успешно развивается с 1998 года, обладает множеством профессиональных наград, в том числе «Бренд года». Ежедневно предоставляет своим читателям самую актуальную информацию о рекламной отрасли, медиа и потребительском рынке. Поделиться своей новостью можно написав на email — news@sostav.ru
Adindex — отраслевое издание о рынке рекламы
AdIndex — информационное отраслевое издание о рынке рекламы и маркетинга в России. Новости, интервью с ведущими специалистами, отраслевые рейтинги, статьи, информация о событиях рекламного бизнеса. Стоит обратить на раздел кейсы. Так же издание довольно хорошо освещает события креативной индустрии не только России, но и зарубежья. Прислать пресс-релиз можно на email — pr@adindex.ru.
Cossa — о маркетинге в социальных сетях
Cossa – одно из крупнейших российских отраслевых изданий по темам маркетинга/digital/рекламы. Аудитория площадки – директора по маркетингу и digital-специалисты на стороне крупных клиентов (которые принимают решения о выборе подрядчиков/сервисов/платформ для нужд своих компаний), а также руководители и специалисты digital-агентств, стартапов, онлайн-сервисов, digital-медиа и других интернет-компаний. sales@cossa.ru — почта для связи с редакцией.
Unipack — медиа про упаковку
Unipack.ru — медиа рассказывает про упаковочный бизнес. Помимо кейсов про дизайн упаковки, портал публикует новости связанные с технологиями упаковки и важными событиями в этой отрасли. Поделиться своим кейсом можно на email — info@unipack.ru
Секрет Фирмы — журнал о бизнесе в России
Журнал рассказывает о новостях в сфере бизнеса и около этой тематики. Стоить обратить внимание на раздел спецпроекты. Поделиться новостью можно написав на email — sf@rambler-co.ru
Сей-Хай — интернет-издание о творчестве
Материалы Сей-Хай освещают творчество, как стиль жизни. Издание рассказывает о визуальном искусстве: дизайне, фотографии, иллюстрации и людях, которые его создают. Особое внимание редакция удаляет креативным подборкам. Почта — info@say-hi.me
Источник
11 примеров российских и зарубежных дизайн-систем на 2023 год: с исходниками в Figma и GitHub
Изучили десяток дизайн-систем и собрала руководство, которое помогает перенять подходы по развитию приложений и сервисов. В подборке примеры дизайн-систем как популярных (широкого профиля), так и для отдельных отраслей и направлений бизнеса. Обратите внимание на блоки о практичной фишке и философии у каждой дизайн-системы — помогают сделать проекты лучше.
Дизайн-системы — сложившийся стандарт того, как стоит подходить к созданию продуктов и услуг.
Главное, что привносит дизайн-система — это стандартизация языка дизайна — такой ход помогает значительно нарастить темп в воплощении дизайн-решений, ускориться в создании дизайна и даже помочь с масштабированием.
А еще дизайн-системы уже стали устоявшимся подходом к развертыванию достоверного источника по реализации дизайн-задач: помогают командам из разных проектов и часовых поясов сонастраиваться и совместно работать над развитием продуктов в едином ключе. В общем, дизайн-система — секретный ингредиент в разработке хорошо продуманных продуктов и услуг.
Фишка статьи: Собрала дизайн-системы, на которые опиралась, когда подступалась к дизайну интерфейсов и айдентике международного B2B-SaaS проекта в сфере Real Estate — Agently (formerly dscribe.ai): как с первых экранов и дизайн-принципов, так и задач по развитию системы компонентов.
Содержание:
Что такое дизайн-система и из чего она обычно состоит
В чем ценность дизайн-систем для бизнеса
Что включает современная дизайн-система
Примеры дизайн-систем
Российские дизайн-системы: VK, Sber (Nova, Plasma), Росатом, Контур, Тинькофф
Google Material Design
Apple Human Interface Guidelines
Microsoft Fluent
Salesforce Lightning
Atlassian Design System
IBM Carbon
Mailchimp Design System
Uber Design System
Help Scout Design System
Shopify Polaris
Что еще почитать на тему дизайн-систем и развития программных продуктов
Источник
Изучили десяток дизайн-систем и собрала руководство, которое помогает перенять подходы по развитию приложений и сервисов. В подборке примеры дизайн-систем как популярных (широкого профиля), так и для отдельных отраслей и направлений бизнеса. Обратите внимание на блоки о практичной фишке и философии у каждой дизайн-системы — помогают сделать проекты лучше.
Дизайн-системы — сложившийся стандарт того, как стоит подходить к созданию продуктов и услуг.
Главное, что привносит дизайн-система — это стандартизация языка дизайна — такой ход помогает значительно нарастить темп в воплощении дизайн-решений, ускориться в создании дизайна и даже помочь с масштабированием.
А еще дизайн-системы уже стали устоявшимся подходом к развертыванию достоверного источника по реализации дизайн-задач: помогают командам из разных проектов и часовых поясов сонастраиваться и совместно работать над развитием продуктов в едином ключе. В общем, дизайн-система — секретный ингредиент в разработке хорошо продуманных продуктов и услуг.
Фишка статьи: Собрала дизайн-системы, на которые опиралась, когда подступалась к дизайну интерфейсов и айдентике международного B2B-SaaS проекта в сфере Real Estate — Agently (formerly dscribe.ai): как с первых экранов и дизайн-принципов, так и задач по развитию системы компонентов.
Содержание:
Что такое дизайн-система и из чего она обычно состоит
В чем ценность дизайн-систем для бизнеса
Что включает современная дизайн-система
Примеры дизайн-систем
Российские дизайн-системы: VK, Sber (Nova, Plasma), Росатом, Контур, Тинькофф
Google Material Design
Apple Human Interface Guidelines
Microsoft Fluent
Salesforce Lightning
Atlassian Design System
IBM Carbon
Mailchimp Design System
Uber Design System
Help Scout Design System
Shopify Polaris
Что еще почитать на тему дизайн-систем и развития программных продуктов
Источник
Когнитивная перегрузка на экране вашего смартфона
Как иконки приложений борются за ваше внимания.
Недавний редизайн иконок приложений Google стал причиной дискуссии о будущем иконок цифровых продуктов.
Иконки приложений должны быть ярче и красочнее, насколько это возможно. Они практически прыгают на вас с экранов устройств. Компании не могут позволить, чтобы их продукты редко использовались или оставались незамеченными, что провоцирует жесткую конкуренцию за внимание пользователя.
Минимализм? Нет. Скевоморфизм? Нет, спасибо!
Было время, когда в моде были супер-минималистичные логотипы на основе шрифтов. Белая фигура на черном фоне часто говорила о роскоши и статусе. Но те времена прошли, и нас бомбардируют в попытках превзойти конкурентов.
Больше цветов!
Больше градиентов!
Всего побольше!
Недавно, стремясь выработать «единый стиль», Google попал в эту ловушку, изменив иконки своих приложений. Хотя согласованность бренда в целом – это хорошо, теперь все иконки выглядят слишком похожими, что только сбивает с толку разгневанных пользователей.
Но попытка вписать дополнительные цвета в единый набор привела к тому, что теперь приложение почты стало просто буквой М. Конверта, добавляющего контекст, больше нет. Иконка приложения «Документы» слишком похожа на иконку календаря, который в свою очередь слишком похож на иконку приложения Meet.
Единственная иконка, которая, возможно, вписывается в новую эстетику – приложение «Диск», но в основном потому, что она претерпела меньше всего изменений.
Подробнее по теме в статье: https://ux.pub/editorial/koghnitivnaia-pierieghruzka-na-ekranie-vashiegho-smartfona-3gk9
Как иконки приложений борются за ваше внимания.
Недавний редизайн иконок приложений Google стал причиной дискуссии о будущем иконок цифровых продуктов.
Иконки приложений должны быть ярче и красочнее, насколько это возможно. Они практически прыгают на вас с экранов устройств. Компании не могут позволить, чтобы их продукты редко использовались или оставались незамеченными, что провоцирует жесткую конкуренцию за внимание пользователя.
Минимализм? Нет. Скевоморфизм? Нет, спасибо!
Было время, когда в моде были супер-минималистичные логотипы на основе шрифтов. Белая фигура на черном фоне часто говорила о роскоши и статусе. Но те времена прошли, и нас бомбардируют в попытках превзойти конкурентов.
Больше цветов!
Больше градиентов!
Всего побольше!
Недавно, стремясь выработать «единый стиль», Google попал в эту ловушку, изменив иконки своих приложений. Хотя согласованность бренда в целом – это хорошо, теперь все иконки выглядят слишком похожими, что только сбивает с толку разгневанных пользователей.
Но попытка вписать дополнительные цвета в единый набор привела к тому, что теперь приложение почты стало просто буквой М. Конверта, добавляющего контекст, больше нет. Иконка приложения «Документы» слишком похожа на иконку календаря, который в свою очередь слишком похож на иконку приложения Meet.
Единственная иконка, которая, возможно, вписывается в новую эстетику – приложение «Диск», но в основном потому, что она претерпела меньше всего изменений.
Подробнее по теме в статье: https://ux.pub/editorial/koghnitivnaia-pierieghruzka-na-ekranie-vashiegho-smartfona-3gk9
UXPUB 🇺🇦 Дизайн-спільнота
Когнитивная перегрузка на экране вашего смартфона
Компании не могут позволить, чтобы их продукты редко использовались или оставались незамеченными, что провоцирует жесткую конкуренцию за внимание пользователя
Книги по дизайну: о патентном праве, проектировании продуктов и творческой атмосфере в команде
James Kalbach, "Mapping Experiences"
Второе издание книги о создании Customer Journey Map и других видов карт пользовательского опыта.
Максим Ильяхов, «Ясно, понятно»
Она развивает идеи «Пиши, сокращай» — контекст и тон, интерес, ясность, подача. Общий фокус на управлении вниманием читателя.
"Comparative Global Design Law"
Bloomberg Law выпустило книгу, которая изучает патентное право на дизайн в США, Европейском Союзе, Китае и Великобритании.
Jeff Johnson, "Designing with the Mind in Mind"
Morgan Kaufmann выпустило третье издание книги. UXmatters публикует отрывок из третьей главы об ошибках пользователей.
Cheryl Platz, "Design Beyond Devices"
Книга от Rosenfeld Media. Она посвящена проектированию омниканальных продуктов без жёсткой привязки к методам ввода или вывода конкретных устройств.
Justin Dauer, "Creative Culture"
Вышло второе издание книги о формировании креативной культуры в компании. Выдержка из пятой главы.
Caterina Falleni, "Accessible by Design"
Книга о доступности интерфейсов для людей с ограниченными возможностями выйдет в начале 2021 года.
"That Portfolio Book"
Целая книга с советами по созданию хорошего портфолио от Lyft, Clya, Dan Petty и других.
Rubens Cantuni, "Designing Digital Products for Kids"
Посвящена дизайну интерфейсов для детей. Она описывает весь процесс и даёт лучшие практики.
Stephen Anderson & Karl Fast, "Figure It Out"
Rosenfeld Media выпустило книгу о концептуальном проектировании. A List Apart публикует выдержку из восьмой главы. UXmatters — выдержку из одиннадцатой главы.
Gavin Lew и Robert M. Schumacher Jr., "AI and UX: Why Artificial Intelligence Needs User Experience"
Посвящена взаимному влиянию интерфейсов и искусственного интеллекта друг на друга.
Jeff и Stanley DeGraff, The Creative Mindset: Mastering the Six Skills That Empower Innovation"
Об инструментах генерации креативных решений.
David Dylan Thomas, "Design for Cognitive Bias"
A Book Apart выпустило книгу о когнитивных искажениях в дизайне.
Donna Spencer, "Presenting Design Work"
A Book Apart выпустило книгу о том, как презентовать работу дизайнера клиенту и продуктовой команде.
Источник
James Kalbach, "Mapping Experiences"
Второе издание книги о создании Customer Journey Map и других видов карт пользовательского опыта.
Максим Ильяхов, «Ясно, понятно»
Она развивает идеи «Пиши, сокращай» — контекст и тон, интерес, ясность, подача. Общий фокус на управлении вниманием читателя.
"Comparative Global Design Law"
Bloomberg Law выпустило книгу, которая изучает патентное право на дизайн в США, Европейском Союзе, Китае и Великобритании.
Jeff Johnson, "Designing with the Mind in Mind"
Morgan Kaufmann выпустило третье издание книги. UXmatters публикует отрывок из третьей главы об ошибках пользователей.
Cheryl Platz, "Design Beyond Devices"
Книга от Rosenfeld Media. Она посвящена проектированию омниканальных продуктов без жёсткой привязки к методам ввода или вывода конкретных устройств.
Justin Dauer, "Creative Culture"
Вышло второе издание книги о формировании креативной культуры в компании. Выдержка из пятой главы.
Caterina Falleni, "Accessible by Design"
Книга о доступности интерфейсов для людей с ограниченными возможностями выйдет в начале 2021 года.
"That Portfolio Book"
Целая книга с советами по созданию хорошего портфолио от Lyft, Clya, Dan Petty и других.
Rubens Cantuni, "Designing Digital Products for Kids"
Посвящена дизайну интерфейсов для детей. Она описывает весь процесс и даёт лучшие практики.
Stephen Anderson & Karl Fast, "Figure It Out"
Rosenfeld Media выпустило книгу о концептуальном проектировании. A List Apart публикует выдержку из восьмой главы. UXmatters — выдержку из одиннадцатой главы.
Gavin Lew и Robert M. Schumacher Jr., "AI and UX: Why Artificial Intelligence Needs User Experience"
Посвящена взаимному влиянию интерфейсов и искусственного интеллекта друг на друга.
Jeff и Stanley DeGraff, The Creative Mindset: Mastering the Six Skills That Empower Innovation"
Об инструментах генерации креативных решений.
David Dylan Thomas, "Design for Cognitive Bias"
A Book Apart выпустило книгу о когнитивных искажениях в дизайне.
Donna Spencer, "Presenting Design Work"
A Book Apart выпустило книгу о том, как презентовать работу дизайнера клиенту и продуктовой команде.
Источник
О важности переработки систем, не адаптированных с точки зрения UX, или как съесть слона
Жил-был слон. Отличный такой слон, маленький и аккуратный. Он прекрасно справлялся со своими обязанностями: вовремя гулял, кушал, какал и радовал хозяина. Слон рос-рос и вырос в большого слона. Он все так же гулял, кушал и… даже радовал хозяина. Но что-то изменилось.
«Если вам кажется, что пора что-то менять – вам не кажется»
Изменения происходят всегда и, как правило, очень незаметно. Любая система изменчива, программные же продукты, как система, развиваются стремительно. И вот наступает тот момент, когда уже невозможно закрывать глаза на то, что пора что-то менять.
Читать статью: https://habr.com/ru/company/barsgroup/blog/528662/
Жил-был слон. Отличный такой слон, маленький и аккуратный. Он прекрасно справлялся со своими обязанностями: вовремя гулял, кушал, какал и радовал хозяина. Слон рос-рос и вырос в большого слона. Он все так же гулял, кушал и… даже радовал хозяина. Но что-то изменилось.
«Если вам кажется, что пора что-то менять – вам не кажется»
Изменения происходят всегда и, как правило, очень незаметно. Любая система изменчива, программные же продукты, как система, развиваются стремительно. И вот наступает тот момент, когда уже невозможно закрывать глаза на то, что пора что-то менять.
Читать статью: https://habr.com/ru/company/barsgroup/blog/528662/
Хабр
О важности переработки систем, не адаптированных с точки зрения UX, или как съесть слона
Привет, я Анна Оборина, специалист по UX «БАРС Груп», и сегодня я расскажу вам историю про маленького слона. Жил-был слон. Отличный такой слон, маленький и ак...
Объектно-ориентированный дизайн и как его использовать для проектирования систем
С тех пор как интерфейсы программ, приложений и сайтов стали сложными, среди дизайнеров началось хаотичное деление на узкие специальности: появились системные и бизнес-аналитики, UX-дизайнеры, UI-дизайнеры, проектировщики и прототипировщики.
Рынок разделился: одни знали о проекте все, другие раскрашивали кнопки, и все были уверены, что любую проблему решит разработчик, у которого просто нет выбора. Разработчики действуют в конце производственной цепочки, и все недочеты в итоге валятся на них. Не удивительно, что теперь в глазах программистов дизайнер, проектировщик и менеджер — это люди, которые только и делают, что мешают работать.
В последние годы эти области начали сближаться. Проектирование соприкасается с дизайном, а дизайн — с версткой. В этом помогают, к примеру, дизайн-системы, storybook’и, созданные по правилам разработки интерфейсов, а также современные инструменты: Figma, Sketch, InVision Studio и другие.
Фокусироваться сперва нужно на том, как система работает, и только после на том, как она выглядит. Чтобы проектировщики, дизайнеры и разработчики одинаково мыслили и лучше понимали, как решать задачи клиента, я использую разные подходы, в том числе и объектно-ориентированный дизайн.
Читать статью: https://habr.com/ru/post/531466/
С тех пор как интерфейсы программ, приложений и сайтов стали сложными, среди дизайнеров началось хаотичное деление на узкие специальности: появились системные и бизнес-аналитики, UX-дизайнеры, UI-дизайнеры, проектировщики и прототипировщики.
Рынок разделился: одни знали о проекте все, другие раскрашивали кнопки, и все были уверены, что любую проблему решит разработчик, у которого просто нет выбора. Разработчики действуют в конце производственной цепочки, и все недочеты в итоге валятся на них. Не удивительно, что теперь в глазах программистов дизайнер, проектировщик и менеджер — это люди, которые только и делают, что мешают работать.
В последние годы эти области начали сближаться. Проектирование соприкасается с дизайном, а дизайн — с версткой. В этом помогают, к примеру, дизайн-системы, storybook’и, созданные по правилам разработки интерфейсов, а также современные инструменты: Figma, Sketch, InVision Studio и другие.
Фокусироваться сперва нужно на том, как система работает, и только после на том, как она выглядит. Чтобы проектировщики, дизайнеры и разработчики одинаково мыслили и лучше понимали, как решать задачи клиента, я использую разные подходы, в том числе и объектно-ориентированный дизайн.
Читать статью: https://habr.com/ru/post/531466/
Хабр
Объектно-ориентированный дизайн и как его использовать для проектирования систем
С тех пор как интерфейсы программ, приложений и сайтов стали сложными, среди дизайнеров началось хаотичное деление на узкие специальности: появились системные и бизнес-аналитики,...
Опросники в проектировании UI/UX и разработке продукта: чем они помогают
Как с помощью опросников протестировать визуальный дизайн (UI), построить информационную архитектуру, выявить важные функции продукта и замерить юзабилити — восемь кейсов с примерами.
Опросники (survey) — сильно недооцененный инструмент для продуктовых исследований. При должном внимании и правильном подходе опросники дают много полезной информации. Зачастую они используются в паре с другими методами исследований, такими как юзабилити-тестирование.
Тема обширная, поэтому я попытался описать основные методики коротко и дать ссылки для более подробного изучения.
У части опросников есть собственные названия, для некоторых пришлось придумать самостоятельно.
Будет полезно всем, кто задействован в продуктовой разработке.
Читать статью: https://vc.ru/design/178789-oprosniki-v-proektirovanii-ui-ux-i-razrabotke-produkta-chem-oni-pomogayut
Как с помощью опросников протестировать визуальный дизайн (UI), построить информационную архитектуру, выявить важные функции продукта и замерить юзабилити — восемь кейсов с примерами.
Опросники (survey) — сильно недооцененный инструмент для продуктовых исследований. При должном внимании и правильном подходе опросники дают много полезной информации. Зачастую они используются в паре с другими методами исследований, такими как юзабилити-тестирование.
Тема обширная, поэтому я попытался описать основные методики коротко и дать ссылки для более подробного изучения.
У части опросников есть собственные названия, для некоторых пришлось придумать самостоятельно.
Будет полезно всем, кто задействован в продуктовой разработке.
Читать статью: https://vc.ru/design/178789-oprosniki-v-proektirovanii-ui-ux-i-razrabotke-produkta-chem-oni-pomogayut
vc.ru
Опросники в проектировании UI/UX и разработке продукта: чем они помогают
Как с помощью опросников протестировать визуальный дизайн (UI), построить информационную архитектуру, выявить важные функции продукта и замерить юзабилити — восемь кейсов с примерами.
Плагин Figma, который автоматически генерирует темные темы
Уже сейчас многие приложения поддерживают темную тему или планируют добавить ее в ближайшее время. Темная тема необычайно популярна. Раньше мы использовали набор декларативных стилей и правила для создания темной темы. У этого подхода много проблем.
Если вы использовали декларативные цветовые стили, вы можете выбрать любой цвет на палитре. Но это неправда. Вы можете использовать только избранные цветовые стили. Кажется, все эти правила нужно держать в голове или постоянно проверять. Это порождает множество ошибок.
Подробнее тут: https://ux.pub/editorial/plaghin-figma-kotoryi-avtomatichieski-ghienieriruiet-tiemnyie-tiemy-3g4d
Уже сейчас многие приложения поддерживают темную тему или планируют добавить ее в ближайшее время. Темная тема необычайно популярна. Раньше мы использовали набор декларативных стилей и правила для создания темной темы. У этого подхода много проблем.
Если вы использовали декларативные цветовые стили, вы можете выбрать любой цвет на палитре. Но это неправда. Вы можете использовать только избранные цветовые стили. Кажется, все эти правила нужно держать в голове или постоянно проверять. Это порождает множество ошибок.
Подробнее тут: https://ux.pub/editorial/plaghin-figma-kotoryi-avtomatichieski-ghienieriruiet-tiemnyie-tiemy-3g4d
UXPUB 🇺🇦 Дизайн-спільнота
Плагин Figma, который автоматически генерирует темные темы
Привет. Я продуктовый дизайнер в Yandex.Maps. Сегодня я расскажу вам, как мы генерируем темную тему с помощью созданного нами плагина. Кроме того, вы узнаете, почему мы используем семантические цветовые стили и почему вам тоже следует так делать
Полное руководство по дизайну выпадающих списков
Выпадающие списки могут как улучшить, так и испортить UX вашего сайта или приложения. Эта статья расскажет, как использовать их только на пользу.
Кажется, всем нравятся простые и эффективные формы, опросы и настройки. Но они, в конце концов, лишь инструмент для достижения какой-то цели. Большинство людей пользуются ими не ради удовольствия (ну, может быть, кроме UX-специалистов), поэтому обычно задача состоит в том, чтобы сделать процесс использования этих элементов как можно менее болезненным.
Выпадающие списки выделяются на фоне всех UI-элементов, которые облегчают жизнь пользователя. Почему? Они автоматизируют процесс: пользователи выбирают ответ из раскрывающегося списка и вуаля — нужное поле заполнено!
При этом, как и со многим в жизни, выпадающие списки нужно использовать умеренно и согласно ситуации. Для создания веб-форм или опросов нужно знать, как обеспечить наилучшее юзабилити. Не беспокойтесь — мы сейчас всё обсудим.
Читать: https://deadsign.ru/ui/drop-down-list-design-the-complete-guide/
Выпадающие списки могут как улучшить, так и испортить UX вашего сайта или приложения. Эта статья расскажет, как использовать их только на пользу.
Кажется, всем нравятся простые и эффективные формы, опросы и настройки. Но они, в конце концов, лишь инструмент для достижения какой-то цели. Большинство людей пользуются ими не ради удовольствия (ну, может быть, кроме UX-специалистов), поэтому обычно задача состоит в том, чтобы сделать процесс использования этих элементов как можно менее болезненным.
Выпадающие списки выделяются на фоне всех UI-элементов, которые облегчают жизнь пользователя. Почему? Они автоматизируют процесс: пользователи выбирают ответ из раскрывающегося списка и вуаля — нужное поле заполнено!
При этом, как и со многим в жизни, выпадающие списки нужно использовать умеренно и согласно ситуации. Для создания веб-форм или опросов нужно знать, как обеспечить наилучшее юзабилити. Не беспокойтесь — мы сейчас всё обсудим.
Читать: https://deadsign.ru/ui/drop-down-list-design-the-complete-guide/
Почему важно улучшать пользовательский опыт
В суете современного мира и невероятного количества информации вокруг, люди склонны выбирать простоту, иногда даже не задумываясь об этом выборе.
Чтобы снизить когнитивную нагрузку, пользователи ищут привычные шаблоны и модели, которые делают взаимодействие с цифровым миром и многочисленными каналами коммуникации простым и легким.
Моделируя пользовательский опыт при разработке веб-сайтов, одним из факторов, направленных на реализации этой цели, является согласованность. Что это такое, почему она важна, какие типы согласованности существуют и как ее достичь, разберем в этой публикации.
Читать: https://vc.ru/design/179641-pochemu-vazhno-uluchshat-polzovatelskiy-opyt
В суете современного мира и невероятного количества информации вокруг, люди склонны выбирать простоту, иногда даже не задумываясь об этом выборе.
Чтобы снизить когнитивную нагрузку, пользователи ищут привычные шаблоны и модели, которые делают взаимодействие с цифровым миром и многочисленными каналами коммуникации простым и легким.
Моделируя пользовательский опыт при разработке веб-сайтов, одним из факторов, направленных на реализации этой цели, является согласованность. Что это такое, почему она важна, какие типы согласованности существуют и как ее достичь, разберем в этой публикации.
Читать: https://vc.ru/design/179641-pochemu-vazhno-uluchshat-polzovatelskiy-opyt
vc.ru
Почему важно улучшать пользовательский опыт — Дизайн на vc.ru
В суете современного мира и невероятного количества информации вокруг, люди склонны выбирать простоту, иногда даже не задумываясь об этом выборе.
Полезные навыки, которые UX-дизайнер должен освоить
1. UX и бизнес-сотрудничество
При разработке продуктов для конкурентных рынков UX-специалисты являются основным контактом с бизнесом, поэтому дизайнерам необходимо научиться говорить на их языке. Компании, как правило, стремятся превзойти возможности и функциональность других игроков рынка, но в момент наступления переломного момента продукты предлагают аналогичные функции. Продукт может легко превратиться в монстра функций, если строить его поверх каждого спринта просто для того, чтобы догнать конкурентов.
Компании начинают понимать, что дифференциация продукта с гораздо лучшим опытом для клиента поможет выделиться на фоне остального рынка и завоевать лояльность пользователя в долгосрочной перспективе. Существует более тесное сотрудничество и участие руководителей и высшего управленческого звена с профессионалами UX в формировании стратегии продукта и первоначального ценностного предложения.
Если вы хотите узнать о бизнес-стороне с точки зрения дизайнера, хорошими ресурсами для начала были бы thefutur (стоит также проверить их Youtube) и flux academy. Они охватывают множество тем о том, как успешно работать с предприятиями и понимать их. Есть и наши, русские аналоги, например: bang bang, skvot, skillbox.
2. Копаем техническую сторону
Обычно от дизайнеров UX не требуется кодировать по умолчанию, но ожидается, что они поймут, как работает код, какие ограничения есть у существующей задачи и как будет реализовано решение. В целом, поскольку дизайн требует эффективной командной работы и сопереживания со всех точек зрения, это очень помогает при обсуждениях с архитекторами программного обеспечения. Обсуждения технологий, лежащих в основе платформы, о том, как можно разрабатывать решения с ограниченными возможностями, становятся значимыми. Что, если инженеры-программисты увидят в вас партнера? Лично я знаю, из внешнего интерфейса, как работают сетки, какие библиотеки javascript они используют, какие существуют серверные службы и как они взаимодействуют с каждой службой. Среди дизайнеров становится все более популярным инструмент Webflow, он требует сложного обучения, но в конечном итоге помогает понять, по крайней мере, основы frontend разработки.
3. Мягкость в общении
Вы можете ожидать, что дизайнер должен обладать жестким, техническим характером, который будет способствовать проводить исследования пользователей, юзабилити и т. д. Но я не могу переоценить важность навыков взаимодействия. Во время работы над проектом, когда задействовано несколько команд, очень важна способность дизайнера доносить идеи до заинтересованных сторон, деловых людей и разработчиков, поскольку в конечном итоге успех продукта будет определяться тем, как несколько команд могут работать вместе для достижения одной цели. Некоторые компании начали замечать, что, хотя профессиональные навыки для дизайнеров важны, примерно половина его / ее успеха в работе будет зависеть от того, насколько они хороши в общении.
Дизайнер должен быть лидером в своей области, поскольку это единственный человек, который отстаивает потребности пользователей, способность проводить семинары по UX для людей, которые даже не из этой области, - непростая задача, поскольку вы должны уметь донести ценность , важность и то, как все они должны участвовать.
Поскольку клиенты видят в нас решателей проблем и верят, что с нашими методологиями мы поможем им. Мы должны донести до них, как бизнес-потребности могут влиять через дизайн. Советовать конкретную литературу по этой теме не буду, но постарайтесь ответить себе на вопрос: Почему одни идеи выживают, а другие умирают?
1. UX и бизнес-сотрудничество
При разработке продуктов для конкурентных рынков UX-специалисты являются основным контактом с бизнесом, поэтому дизайнерам необходимо научиться говорить на их языке. Компании, как правило, стремятся превзойти возможности и функциональность других игроков рынка, но в момент наступления переломного момента продукты предлагают аналогичные функции. Продукт может легко превратиться в монстра функций, если строить его поверх каждого спринта просто для того, чтобы догнать конкурентов.
Компании начинают понимать, что дифференциация продукта с гораздо лучшим опытом для клиента поможет выделиться на фоне остального рынка и завоевать лояльность пользователя в долгосрочной перспективе. Существует более тесное сотрудничество и участие руководителей и высшего управленческого звена с профессионалами UX в формировании стратегии продукта и первоначального ценностного предложения.
Если вы хотите узнать о бизнес-стороне с точки зрения дизайнера, хорошими ресурсами для начала были бы thefutur (стоит также проверить их Youtube) и flux academy. Они охватывают множество тем о том, как успешно работать с предприятиями и понимать их. Есть и наши, русские аналоги, например: bang bang, skvot, skillbox.
2. Копаем техническую сторону
Обычно от дизайнеров UX не требуется кодировать по умолчанию, но ожидается, что они поймут, как работает код, какие ограничения есть у существующей задачи и как будет реализовано решение. В целом, поскольку дизайн требует эффективной командной работы и сопереживания со всех точек зрения, это очень помогает при обсуждениях с архитекторами программного обеспечения. Обсуждения технологий, лежащих в основе платформы, о том, как можно разрабатывать решения с ограниченными возможностями, становятся значимыми. Что, если инженеры-программисты увидят в вас партнера? Лично я знаю, из внешнего интерфейса, как работают сетки, какие библиотеки javascript они используют, какие существуют серверные службы и как они взаимодействуют с каждой службой. Среди дизайнеров становится все более популярным инструмент Webflow, он требует сложного обучения, но в конечном итоге помогает понять, по крайней мере, основы frontend разработки.
3. Мягкость в общении
Вы можете ожидать, что дизайнер должен обладать жестким, техническим характером, который будет способствовать проводить исследования пользователей, юзабилити и т. д. Но я не могу переоценить важность навыков взаимодействия. Во время работы над проектом, когда задействовано несколько команд, очень важна способность дизайнера доносить идеи до заинтересованных сторон, деловых людей и разработчиков, поскольку в конечном итоге успех продукта будет определяться тем, как несколько команд могут работать вместе для достижения одной цели. Некоторые компании начали замечать, что, хотя профессиональные навыки для дизайнеров важны, примерно половина его / ее успеха в работе будет зависеть от того, насколько они хороши в общении.
Дизайнер должен быть лидером в своей области, поскольку это единственный человек, который отстаивает потребности пользователей, способность проводить семинары по UX для людей, которые даже не из этой области, - непростая задача, поскольку вы должны уметь донести ценность , важность и то, как все они должны участвовать.
Поскольку клиенты видят в нас решателей проблем и верят, что с нашими методологиями мы поможем им. Мы должны донести до них, как бизнес-потребности могут влиять через дизайн. Советовать конкретную литературу по этой теме не буду, но постарайтесь ответить себе на вопрос: Почему одни идеи выживают, а другие умирают?
4. Хорошие навыки решения проблем
UX-дизайнеры - это люди, которые помогают продукту достичь поставленных целей с учетом его конечного пользователя, те, кто связывает целевую аудиторию с потребностями бизнеса. Один из навыков, которого ожидает большинство компаний, - это то, насколько хорошо вы можете работать в условиях ограничений, будь то время, деньги или технологии. Во многих случаях я не получаю проект с самого начала.
Обычно люди, стоящие за проектом, приходят к дизайнерам с конкретными целями или потребностями, и ожидается, что они решат текущие проблемы с помощью дизайна. Знаменитый подход дизайн-мышления - это подход, который может решить любую проблему, однако он требует лидера, который может направлять команду и ставить конкретные задачи.
Дизайнеры должны по-прежнему оттачивать свои навыки для правильного решения проблем, поскольку спектр отраслей, в которых они могут применить свой набор навыков, становится шире.
5. Интерактивные прототипы с высокой точностью воспроизведения
Достаточно крупные компании могут иметь команды дизайнеров с людьми, специализирующимися в различных областях, таких как UX-дизайн, UI-дизайн, движение, стратегия.
UX-дизайнеры привыкли передавать свои мысли и идеи с помощью макетов, что вполне справедливо. Но чтобы получить качественную обратную связь от клиентов или конечных пользователей и понять, как следует действовать, лучше показать этапы и само взаимодействие. Ведь если даже функциональность и понятна из дизайна, но они не смогут ощутить и прочувствовать потенциал продукта до разработки. Среди дизайнеров есть потребность в освоении After Effects, Principle, ProtoPie или Framer, помимо привычных инструментов Sketch или Figma.
6. Тесное сотрудничество и командная работа
Когда UX-дизайн был относительно невостребованным, дизайнеры обычно работали одиночками или, в лучшем случае, несколькими людьми в командах. Сегодня, когда спрос на продукцию высок, команды дизайнеров увеличились, а когда много дизайнеров, сотрудничество играет важную роль. Обычно компании, нанимая UX-дизайнеров, ищут в них опыт, то, как они думают и обмениваются идеями, но, помимо всего этого, одним из наиболее важных аспектов является то, как этот человек будет сотрудничать с командой. Это одна из причин, по которой большинство инструментов дизайна в следующем году будут сосредоточены на функциях многопользовательской игры и совместной работы.
7. UX Writing / Копирайтинг
UX-написание - один из ключевых аспектов взаимодействия с пользователем, поскольку успех во многом зависит от того, как продукт общается с пользователями. Если он поддерживает отношения и имеет связь со своей целевой аудиторией на протяжении всего взаимодействия, у него появляется возможность представлять контент так, как понимает пользователь, а это имеет решающее значение. Существует потребность в более специализированных специалистах, которые могут понять ментальную модель пользователя и говорить на его языке.
Отличие копирайтера UX от обычного копирайтера состоит в том, что копирайтер UX больше учитывает язык пользователей, чем язык бренда, но может сочетать и то, и другое.
8. Проектирование с соблюдением этических норм и конфиденциальности
Это больше похоже на образ мышления, чем на умение. Не хочется напоминать об этом, но лишним не будет, поскольку в последние годы люди начали задумываться о том, как обрабатываются их личная информация и данные.
В течение своей карьеры вы попадаете в ситуации, когда маркетинг, продажи или другие заинтересованные стороны могут подталкивать вас к использованию некоторых черных шаблонов. Имейте в виду, что в долгосрочной перспективе, компании которые не возражают или плохо обращаются с данными о клиентах, потеряют доверие и их торговая марка (отсюда и ваше портфолио) пострадают. Разбирательства могут довести до суда, поскольку законы о соответствии подобного поведения в сети становятся все строже.
Источник
UX-дизайнеры - это люди, которые помогают продукту достичь поставленных целей с учетом его конечного пользователя, те, кто связывает целевую аудиторию с потребностями бизнеса. Один из навыков, которого ожидает большинство компаний, - это то, насколько хорошо вы можете работать в условиях ограничений, будь то время, деньги или технологии. Во многих случаях я не получаю проект с самого начала.
Обычно люди, стоящие за проектом, приходят к дизайнерам с конкретными целями или потребностями, и ожидается, что они решат текущие проблемы с помощью дизайна. Знаменитый подход дизайн-мышления - это подход, который может решить любую проблему, однако он требует лидера, который может направлять команду и ставить конкретные задачи.
Дизайнеры должны по-прежнему оттачивать свои навыки для правильного решения проблем, поскольку спектр отраслей, в которых они могут применить свой набор навыков, становится шире.
5. Интерактивные прототипы с высокой точностью воспроизведения
Достаточно крупные компании могут иметь команды дизайнеров с людьми, специализирующимися в различных областях, таких как UX-дизайн, UI-дизайн, движение, стратегия.
UX-дизайнеры привыкли передавать свои мысли и идеи с помощью макетов, что вполне справедливо. Но чтобы получить качественную обратную связь от клиентов или конечных пользователей и понять, как следует действовать, лучше показать этапы и само взаимодействие. Ведь если даже функциональность и понятна из дизайна, но они не смогут ощутить и прочувствовать потенциал продукта до разработки. Среди дизайнеров есть потребность в освоении After Effects, Principle, ProtoPie или Framer, помимо привычных инструментов Sketch или Figma.
6. Тесное сотрудничество и командная работа
Когда UX-дизайн был относительно невостребованным, дизайнеры обычно работали одиночками или, в лучшем случае, несколькими людьми в командах. Сегодня, когда спрос на продукцию высок, команды дизайнеров увеличились, а когда много дизайнеров, сотрудничество играет важную роль. Обычно компании, нанимая UX-дизайнеров, ищут в них опыт, то, как они думают и обмениваются идеями, но, помимо всего этого, одним из наиболее важных аспектов является то, как этот человек будет сотрудничать с командой. Это одна из причин, по которой большинство инструментов дизайна в следующем году будут сосредоточены на функциях многопользовательской игры и совместной работы.
7. UX Writing / Копирайтинг
UX-написание - один из ключевых аспектов взаимодействия с пользователем, поскольку успех во многом зависит от того, как продукт общается с пользователями. Если он поддерживает отношения и имеет связь со своей целевой аудиторией на протяжении всего взаимодействия, у него появляется возможность представлять контент так, как понимает пользователь, а это имеет решающее значение. Существует потребность в более специализированных специалистах, которые могут понять ментальную модель пользователя и говорить на его языке.
Отличие копирайтера UX от обычного копирайтера состоит в том, что копирайтер UX больше учитывает язык пользователей, чем язык бренда, но может сочетать и то, и другое.
8. Проектирование с соблюдением этических норм и конфиденциальности
Это больше похоже на образ мышления, чем на умение. Не хочется напоминать об этом, но лишним не будет, поскольку в последние годы люди начали задумываться о том, как обрабатываются их личная информация и данные.
В течение своей карьеры вы попадаете в ситуации, когда маркетинг, продажи или другие заинтересованные стороны могут подталкивать вас к использованию некоторых черных шаблонов. Имейте в виду, что в долгосрочной перспективе, компании которые не возражают или плохо обращаются с данными о клиентах, потеряют доверие и их торговая марка (отсюда и ваше портфолио) пострадают. Разбирательства могут довести до суда, поскольку законы о соответствии подобного поведения в сети становятся все строже.
Источник
Почему вам стоит создать свое портфолио в Figma
Любой продуктовый дизайнер хочет продемонстрировать свои работы. Однако, зачастую мы не понимаем, как это сделать. Может быть создать личный сайт? Что, если я ничего не понимаю в веб-развертывании? Что, если у меня нет денег на его создание? О, сейчас Notion – это тренд. Но разве для меня это не слишком формально? И так далее. Вопросы продолжают возникать сами собой.
В последнее время подобное случается и со мной. Я задаюсь вопросами без ответов и решений ?.
Разве не иронично, что продуктовый дизайнер зарабатывает себе на жизнь, решая проблемы других людей, но не может решить свою собственную?
Осознав это, я начинал предпринимать реальные действия, читать статьи о том, как правильно представить свою работу, одновременно решая свои проблемы. Цель – создание динамичного портфолио с наименьшими затратами.
Читать: https://ux.pub/editorial/pochiemu-vam-stoit-sozdat-svoie-portfolio-v-figma-5cfg
Любой продуктовый дизайнер хочет продемонстрировать свои работы. Однако, зачастую мы не понимаем, как это сделать. Может быть создать личный сайт? Что, если я ничего не понимаю в веб-развертывании? Что, если у меня нет денег на его создание? О, сейчас Notion – это тренд. Но разве для меня это не слишком формально? И так далее. Вопросы продолжают возникать сами собой.
В последнее время подобное случается и со мной. Я задаюсь вопросами без ответов и решений ?.
Разве не иронично, что продуктовый дизайнер зарабатывает себе на жизнь, решая проблемы других людей, но не может решить свою собственную?
Осознав это, я начинал предпринимать реальные действия, читать статьи о том, как правильно представить свою работу, одновременно решая свои проблемы. Цель – создание динамичного портфолио с наименьшими затратами.
Читать: https://ux.pub/editorial/pochiemu-vam-stoit-sozdat-svoie-portfolio-v-figma-5cfg
UXPUB 🇺🇦 Дизайн-спільнота
Почему вам стоит создать свое портфолио в Figma
Любой продуктовый дизайнер хочет продемонстрировать свои работы. Однако, зачастую мы не понимаем, как это сделать