9853
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Реклама
Второй дизайн-стрим от Авито уже на подходе 🔥
7 декабря в 18:00 в прямом эфире гости Авито обсудят главные события индустрии в уходящем 2023 году.
Присоединиться к дискуссии можете и вы. Не стесняйтесь шутить, философствовать и даже критиковать громкие редизайны, мероприятия и гаджеты, а также другие события в области дизайна за последний год.
Отдать свой лайк или дизлайк любому проекту сможет каждый!
Вышло исследование от Devcrowd про рынок продуктовых дизайнеров в России. Я кидал ссылку на опрос в августе. Что необычного я для себя отметил:
- Топ-1 навык, в котором дизайнеры уверены меньше всего и хотят прокачать — знание продуктовых метрик
- 48% дизайнеров работают полностью удалённо. Это прям много
- Люди читают про дизайн на vc.ru, хабре и телеграм-каналах. Ни одна платформа для публикации именно статей по дизайну не прижилась
https://devcrowd.ru/pd-2023/
У Apple частенько можно увидеть слайды на которых они кратко показывают все классные фичи какого-то продукта. Вот здесь можно посмотреть подборку этих слайдов за последние годы — https://apple-summary-slides.vercel.app/event-WWDC2023
У такой сетки даже есть своё название — «Bentogrid». По этой ссылке ещё несколько десятков примеров — https://bentogrids.com/
Мне кажется это неплохой материал не только для презентаций, но и для любых блоков на сайте. Больше всего мне нравится смешивание разных стилей как на уровне контента: вылизанные фотки продуктов, иконки, элементы интерфейса, иллюстрации. Так и на уровне текста: разный размер, объем текста и гарнитуры.
Реклама
Получите высшее образование в онлайн-формате!
Хотите иметь возможность обучаться из любой точки мира, изучать лекции настоящих специалистов выбранной отрасли, практиковаться по реальным кейсам и проходить стажировку в топовых компаниях?
Skillbox совместно с РАНХиГС запускает дистанционную программу онлайн-обучения дизайну. Вы станете специалистом по графическому дизайну, научитесь нестандартно мыслить, придумывать креативные концепции и вести свои проекты.
Во время учебы вы:
— Создадите графические проекты в разных сферах: от фотографии до плаката.
— Изучите инструменты графического дизайнера. Освоите Photoshop, Illustrator, Figma, InDesign и другие программы.
— Поучаствуете в коллаборациях и наладите связи. Познакомитесь с авторитетными дизайнерами, представителями арт-сообществ и искусствоведами.
— Попробуете себя в роли руководителя. Узнаете, как руководить командой, вести проекты от идеи до реализации и защищать авторское право.
После завершения учебы получите государственный диплом о высшем образовании с присвоением квалификации «бакалавр» по направлению подготовки «дизайн».
Перейдите по ссылке, чтобы узнать подробности и получить консультацию: https://l.skbx.pro/Y4YpIp
Глеб Кудрявцев и Леся Набока обсуждают как просить денег на собеседовании. Выпуск крутой и подсвечены все три стороны: и как думает HR, и как руководитель, и как кандидат.
Из него, например, вы узнаете почему работодатели не указывают вилку в вакансии, как понять сколько ты стоишь на рынке и когда лучше всего торговаться по зарплате
https://www.youtube.com/watch?v=KWU0dIWlCiI
Максим Аксёнов, дизайнер интерфейсов из Авито, описал принципы создания системы иконок. Круто, что текст основан на практическом опыте, а не в вакууме — проще применять к ежедневной работе с интерфейсами.
Мы в Skyeng использовали практически такие же принципы и из опыта могу добавить один неочевидный момент: если у вас нестандартная высота букв у шрифта, то выравнивание по базовой линии может не сработать.
https://vc.ru/design/629084-principy-otrisovki-novyh-ikonok-v-shriftovuyu-paru-na-avito
Сайт с подборкой классных сторис? Почему бы и нет
https://www.steep.design/
Ryan Ford предлагает решение как расти дизайнеров в компании без перекоса в менеджмент. Это черновое решение и оно во многом копирует уровни разработчиков, но как точка старта для обсуждения оно интересно.
https://uxdesign.cc/fixing-product-design-career-paths-with-the-mirror-model-76152b7e547
Возвращаем русский язык взад. У Яндекс.Практикума есть крутой бесплатный курс — «Наставник в IT». Рекомендую изучить и обратить внимание на главы обратной связи и решения конфликтов.
У многих дизайнеров с этим проблемы, даже на уровне лидов, а тут дают простой алгоритм и разбирают реалистичные ситуации применения.
Курс достаточно короткий, а информация подаётся просто и понятно. Прям хорошо написано.
https://practicum.yandex.ru/profile/it-mentor/
Alexandra Korolkova tells how to choose a font for your project. This piece started in her lecture at 32:10. I screenshotted main thoughts but still recommend watching.
https://youtu.be/vR9zCTfwPs8?t=1930 (ru)
Реклама
Ребята из CODE:UNIK (ручное производство сумок и рюкзаков) ведут свой канал, в котором подсвечивают русский дизайн через общий рассказ о мировых событиях в индустрии.
/channel/prodesignlive
Классная статья про композицию для иллюстраторов с кучей красивых примеров
https://designpub.ru/как-спасти-иллюстрацию-если-кажется-что-она-г-не-очень-b711ce2fcb76
Реклама
«Для многих пообщаться с архитектором — это как будто в театр сходить», — рассказал нам Александр. Вот уж точно. Александр архитектор, ему 23 года, но он уже реализовал несколько интересных проектов и зарабатывает на 3D-визуализациях в виртуальной реальности.
http://telegra.ph/Molodoj-arhitektor-o-tom-kak-vazhno-umet-udivlyat-01-21
Команда AIC рассказывает о том, как они формировали меню для интернет-магазина продуктов с помощью карточной сортировки.
https://vc.ru/29456-keys-issledovanie-i-pererabotka-kataloga-tovarov-dlya-magazina-produktov-pitaniya
Туристический бренд России. Очень классно выглядят примеры того, как он может использоваться в разных ситуациях.
http://russia-brand.com/
Реклама:
📊 Большое исследование Авито и DevCrowd про продуктовых дизайнеров!
Авито и Devcrowd представляют подробный анализ, основанный на опросе 646 профессионалов, который позволяет детально взглянуть на жизнь и работу продуктовых дизайнеров. Что удалось узнать о самой позиции, рынке и его развитии в ближайшем будущем? Какие навыки хотят развивать и какие задачи считают важными? Все подробности и полное исследование можно посмотреть здесь.
🔍 4 ключевых наблюдений:
• Гендерное равенство: новички - ¾ женщин, а среди руководителей - ¾ мужчин. Интересно, как изменится эта динамика через несколько лет.
• Популярные компании: Яндекс, Авито, Ozon, Тинькофф и Aviasales попали в топ-5 мест, где хотят работать продуктовые дизайнеры.
• В активном поиске: более половины готовы сменить работу из-за желания профессионального роста и увеличения дохода.
• Место работы: только 16% абсолютно не готовы работать на российские компании. При этом возвращаться из-за рубежа планируют только 3%.
Заметка про базовые визуальные приемы в дизайне. Можно спокойно показывать джунам и качество их работы сильно улучшится, если следовать тому, что написано.
https://anthonyhobday.com/sideprojects/saferules/
Я недавно смотрел исследование про продуктовых менеджеров от Devcrowd и думал: «Вот бы такое для дизайнеров». И тут они же пришли и говорят, что начали собирать данные для такого исследования. Рекомендую посмотреть предыдущее, а потом пойти заполнить опрос (я уже):
https://survey.alchemer.eu/s3/90565923/2023
Результаты будут примерно в августе.
Вова Зимин, дизайн-директор в Яндекс.Плюсе, рассказал про то, какие ошибки дизайнеры совершают на собеседованиях. Там всё неплохо описано плюс ещё ребята в комментариях накинули.
https://www.facebook.com/darkspi/posts/pfbid0E4yJjxQoMwrCXTxmsx2KBcouuzA2d5BR9tJuz6MfHmsipnpwrDt5fAqkce1DzPbLl
Глеб Строганов, продуктовый дизайнер из «Злых Марсиан», рассказал как создать иконку на основе шрифта. Он описал как найти отличительные черты и сделать их частью иконок на примере шести шрифтов. Хорошее дополнение к предыдущей статье.
https://evilmartians.com/chronicles/icon-transcendence-customizing-icons-to-complement-fonts
Реклама
Еще не придумали, чем заняться на майские?
Присоединяйтесь к Design Regatta с 6 по 13 мая в Черногории.
Design Regatta — тревел-событие для представителей IT-сообщества и их друзей.
С нами — Андрей Менде (Booking), Алина Ермакова (SberDevices), Женя Волченкова (Tinkoff) и еще 3 лодки дизайнеров и продактов.
Это будет путешествие-открытие, путешествие-вечеринка на воде: мы не только научимся ставить паруса, увидим живописные бухты и побережья, но и каждый день будем погружаться в особенное событие, приключение или опыт. Костюмированные вчеринки в стилистике dark circus, шоу, игры, квесты, разговоры и практики. Это событие - про обмен опытом в создании продуктов и дизайна и создание творческого экспириенса на воде.
Черногория, 6-13 мая, Котор.
Всем моря и приключений!
Подробности на https://designregatta.ru/
А вот как это было в прошлый раз
Сергей Кондауров, директор по дизайну Яндекс.Алисы, рассказывает про то, как понять что ты хочешь от своей карьеры. Он делает упор на то, что мы хотим реализовывать свои потребности и придерживаться своих ценностей. Понимание что нам нужно и к чему мы стремимся, поможет выбрать правильное место.
https://www.youtube.com/watch?v=9v_EUNjjVfM
Как устроена работа в «технологических» компаниях. Если вы только начинаете свою карьеру, эта статья даст примерное представление как внутри выглядят команды и принимаются решения.
https://bootcamp.uxdesign.cc/how-design-generally-works-at-tech-companies-36c591ac4744
Реклама
Приглашаем дизайнеров на митап СберМаркет Tech!
В этот раз соберемся обсудить, как дизайн помогает экономить: как время команде, так и ресурсы для бизнеса. Встреча пройдёт в московском офисе СберМаркета, но онлайн-трансляция тоже будет.
В программе:
1. «Не рисуйте баннеры, пожалуйста»
Филипп Белов — Head of Product Design, AliExpress Россия.
Подходы к автоматизации и генерации коммуникационных материалов в продуктах AliExpress — что можно сделать, чтобы меньше времени тратить на рутину.
2. «Как дизайнер помогает команде экономить с помощью исследований»
Дарья Коршунова — Product Designer в CберМаркете.
Как исследования помогают экономить время и ресурсы бизнесу, а также как начать делать исследования в своей команде.
3. «Помогает ли на самом деле дизайн-система экономить?»
Филипп Соломин — Архитектор дизайн-системы Авито.
Как с помощью дизайн-системы можно ускорить и удешевить разработку, какие подводные камни бывают и выгодно ли развивать дизайн-систему в продукте (спойлер — не всегда!).
Встретимся 10 ноября в 19:00. Регистрация по ссылке — https://bit.ly/3sZa9AN
7 разношерстных советов, которые помогут вам улучшить интерфейсные элементы:
• Используйте цвет и насыщенность шрифта вместо его увеличения для создания иерархии
• Не используйте серый текст на цветном фоне
• Используйте параметр сдвига у тени
• Используйте меньше линеек
• Используйте иконки в размере для которого они предназначались
• Используйте акцентные границы
• Не каждой кнопке нужна заливка
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
Антон Жиянов собирает примеры того, как собрать максимально много данных о человеке, не задавая ему тонны вопросов по каждому пункту. В карточках есть примеры библиотек на которых можно реализовать идею.
https://dangry.ru/ken/
История иконок: как менялся визуальный стиль с 80-х по наше время на разных операционных системах. Интересно оформлено, грузится не быстро.
https://historyoficons.com/
Nielsen Norman Group сравнили как пользователи ориентируются на страницах с обычной и зигзагообразной компоновкой текста и изображений. Вот какие они выводы сделали:
— Осмысленные иллюстрации текста работают лучше декоративных
— Зигзагообразная компоновка затрудняет игнорирование декоративных изображений
— Первое изображение задает тон и определяет будет ли пользователь игнорировать остальные
— Избегайте изображений с большим количеством деталей
— Не используйте бессмысленные изображения просто для того, чтобы сделать красивую верстку
— Не ставьте декоративные изображения выше текста. Лучше располагайте их на одном уровне с текстом.
— Важную информацию лучше всего ставить в левую часть первого ряда.
https://www.nngroup.com/articles/zigzag-page-layout/
Кирилл Беляев рассказывает о прекрасном способе вместить поле комментария в любую таблицу.
http://kirillbelyaev.com/all/notes/
Дмитрий Коваленко рассказывает как проектировал форму оформления заказа для сервиса Fluix. Изложено все подробно и до мельчайших деталей, вплоть до того, где найти конкретные примеры реализации валидации конкретных полей. Одна из интересных цитат о полях Adress Line 1 и Adress Line 2:
«87% из 400 имеющихся клиентов не заполняют вторую строку вообще. 65% вводят в Address Line 1 данные для Address Line 2. Только 7 компаний (7 человек, чтобы быть точными) заполнили Address Line 2. Остальные заполнили ее неправильно или же продублировали информацию с первой строки»
Конкретно эта статья — третья из четырех. Если хотите копнуть еще глубже, прочтите все четыре.
Оригинал — https://uxplanet.org/streamlining-the-checkout-experience-b4b00840884a
Перевод — http://telegraf.design/proektirovanie-checkout-formy-zakulise-chast-i/