Примеры цветовых акцентов в веб-дизайне

Интересный разбор UI на примере кино )
https://ux.pub/izuchite-osnovy-ui-dizayna-na-primere-filmov/

Ошибки UX, мешающие продажам
https://ux.pub/sereznye-oshibki-ux-meshayuschie-prodazham/?utm_source=uxhorn

​​🔥 Обучение дизайну онлайн в Среде обучения

Среда обучения — это программы высшего образования и ДПО с дипломом гособразца, портфолио и кучей практики, теорией и заданиями от топовых специалистов из IBM, Redmadrobot и других компаний, а также поддержка дизайнеров-наставников на всех этапах долгосрочного обучения.

Учим по трем направлениям: графический дизайн, дизайн интерфейсов и иллюстрация. Программы — от двух лет. В конце — профессия под ключ. 

Изучить программы → https://is.gd/iQ0FWB

🚀 Как улучшить сканируемость контента и сделать его более читаемым

По наводке Михаила Хананашвили из канала @uxhorn сделал перевод классной статьи «UX Writing: how scannable content can increase reading time» от UX Collective на Виси.

Внутри основные паттерны чтения и рекомендации по усилению «информационного запаха» для контента.

Крайне рекомендую всем, кто работает с контентом — поможет лучше понять привычки читателей и наверняка подскажет, как улучшить Reading Experience.

https://vc.ru/design/167008-kak-uluchshit-skaniruemost-kontenta-i-sdelat-ego-bolee-chitaemym

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

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

Jonny Burch собрал коллекцию карт компетенций для дизайнеров и разработчиков от разных компаний — http://www.progression.fyi/. Именно дизайнерских, конечно, маловато, но есть примеры от Basecamp, Buzzfeed, Coryndon Luxmoore, Lyst, Ope, Peter Merholz (самая толковая, хотя там нет hard skills), Zendesk. Устроены они просто: есть перечень навыков, у каждого даётся оценка уровня владения.

Мы используем этот инструмент с 2016 года — https://jvetrau.com/uxstrategy-4. Сначала я заполнял его руками сам, а в позапрошлом году запустили отдельный инструмент в интранете. Как это работает:

1. Дизайнер и дизайн-менеджер оценивают текущие навыки. Получаем отчёт о сильных и слабых сторонах.

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

3. Там же выбираем 4-7 навыков, которые дизайнер хочет качать — это добровольный выбор, к чему больше лежит душа. Навык становится одной из целей на год, у него есть чёткий todo из теории (книги, курсы и т.п.) и практики (реальные задачи из продуктового плана).

4. На регулярных встречах 1:1 берём кусок из todo и смотрим прогресс, решаем возникающие проблемы.

Говорят, что серебряных пуль нет, но карта компетенций — всё-таки одна из редких. В этом году мы серьёзно доработаем инструмент (появится чеклист для каждого уровня каждого навыка, сами они разделятся на общечеловеческие, профессиональные и лидерские) и опубликуем наработки наружу.

На только что возникший у вас вопрос «какой готовый инструмент взять» простого ответа нет. Большинство использует сервисы для оценки 360 (например, студия Made by Many взяла Coach Amp 360 — https://www.uxmatters.com/mt/archives/2018/07/review-ux-and-digital-design-week-2017.php). Мы адаптировали аналогичное внутреннее решение для игровиков. Макс Бабич запустил отечественный сервис Cloveri — https://cloveri.com/. Кстати, Jonny Burch делает специализированный инструмент — https://progressionpack.com/.

А вот ещё парочка свежих примеров:

— Figma: https://www.figma.com/blog/how-we-built-the-figma-design-team/. Шаблон для карточек-профилей дизайнеров — https://www.figma.com/file/Dt8aRANBGlPQULz2S8ofE8F9/Team-Trading-Cards?node-id=0%3A1.

— Facebook: https://medium.com/elegant-tools/designing-a-better-career-path-for-designers-872b0aa50b5b. Одна из версий в компании.

— Jason Mesut: https://medium.com/shapingdesign. Серия статей о его карте.

По всем примерам видно, что есть два популярных формата — простая таблица и визуально эффектная лепестковая диаграмма. Второй, конечно, круто работает как постер на стене, но он чересчур поверхностный и ломается при хорошей детализации навыков (например, сложно качать абстрактно «проектирование интерфейсов», а вот улучшать работу с инфоархитектурой — вполне). Мы взяли простую табличку, чего и вам советую — сможете увидеть детальную картину по команде, а не жаловаться потом, что серебряных пуль нет.

P.S. Кстати, подробнее про карту компетенций я буду рассказывать на курсе о о дизайн-менеджменте цифровых продуктов на Bang Bang Education — https://bangbangeducation.ru/course/dmpatterns (стартует 26 февраля).

#designmanagement #teams #designops

Наткнулся на сайт где всякие странные дизайн-проекты, которые очевидно пытаются предугадать, как изменится наш мир в будущем. Тут и импланты, которые делают видимыми наши эмоции, и защитный костюм будущего, и одежда из остаточного после переработки мусора. В общем, посмотрите сами. Такое направление называется спекулятивный дизайн — это дизайн ближайшего будущего. Дизайн, который в первую очередь сосредоточен на создании идей, а не только вещей. Дизайн, на который стоит обратить внимание, чтобы опередить время. В projector ребята учат такой штуке

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

Серия статей про мобильную версию интернет-магазина, как довести пользователя до покупки:
1 часть
2 часть
3 часть

Фигма понимает название цветов.
Прислал Иван Могорян

Раз уж заговорили о гугле... мне скинули анимашку и она идеальна. С беханса не получилось ее выдрать, поэтому смотрите по ссылке весь проект. Лайка точно заслуживает

Особенно мне понравилось что все происходит в пространстве, а не просто в плоскости

UPD: анимашка прикреплена в комменте

Не знаешь чем себя занять, нет идей для работы?

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

Сервис тут

Катя, привет! Смотри какую штуку мы вот-вот придумали:

Зерокодерские вечеринки 3-в-1 (тренинг, корпоратив и тимбилдинг в одном флаконе): https://coda.io/@mikhalyov/corporate

Как тебе?