Небольшая статья о висячих предлогах (если они кого-то бесят).

Откуда они появились, когда и как лучше переносить, а когда оставить на строке.

👉 Читать статью

@jun_hi

🔥 Нашел на просторах статью от Маргариты Романовой, продуктового дизайнера в ДомКлик о том, как она искала работу в Европе, ходила на собеседования, как готовилась и ещё много интересного.

На выходные самое то :) Статья немного большая, минут на 15.

Что внутри:
- Как оформить портфолио
- Как презентовать проекты
- Что писать в CV
- Как составлять Cover Letter
- Как готовиться к собесу
- Советы по прохождению интервью зарубежом
- Ссылки на полезные материалы, которые помогут в трудоустройстве
- Как общаться на собеседовании и что спрашивать
- Как проходить whiteboard и отвечать на вопросы интервьюеров

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

Из последних прочитанных статей, эта максимальна полезная и прикладная. Без особой воды.

👉 Читать статью

@jun_hi

Полезное #22

———

Плагины для Figma:

🔸 Ruri Splines. Плагин для Figma, который позволяет создавать различные градиентные сплайны с последующим экспортом в PNG.

🔸 Iconduck — большая библиотека бесплатных векторных иконок

🔸 Outline to Single Stroke — конвертер векторных объектов из outline в stroke

🔸 Font Preview — панель предпросмотра шрифтов, с поиском и возможностью добавлять в избранное

———

Интересные сервисы и сайты:

🔹 Neo. Приятный минималистичный дизайн мобильного приложения для банка.

🔹 Стильный в меру брутальный сайт студии Proto Еditions с гибкой модульной вёрсткой и мелкой типографикой.

🔹 Лёгкий современный сайт петербургского арт-пространства «Бутылка» с аскетичной вёрсткой и динамичной структурой в виде слайдов и блоков.

🔹 Элегантный сайт поставщика драгоценных металлов Argor Heraeus с трёхмерными анимациями, плавным горизонтальным скроллом, премиальной палитрой и незаурядной вёрсткой.

———

Бесплатные файлы:

▪️ Open Stickers. Бесплатная коллекция из 80 дружелюбных иллюстраций с яркой и нарочито примитивной стилистикой. Доступно в PNG, SVG и формате для Figma. Сделано ребятами из Craftwork.

▪️ Коллекция из 96 бесплатных текстур металла в высоком разрешении.

▪️ Mighty Cursor. Компонент Figma со всеми состояниями курсора macOS.

———

Статьи:

📚 Подход к отображению ошибок в асинхронном вебе. Андрей Шапиро рассказал о UX-принципах, которые помогут улучшить отображение ошибок на сайтах и в приложениях, а также предложил свой шаблон процесса и привёл наглядные примеры.

📚 10 cognitive biases that shape our world. Сиддартха Кандиконда рассказал о 10 типах когнитивных искажений, которые влияют на представление человека об окружающем мире, и о том, как эти искажения проявляются в дизайне.

📚 Дизайн дайджест за апрель от Юры Ветрова.

@jun_hi
#полезное

Ты: тратишь уйму времени на проектирование сложных интерфейсов в 500+ экранов.

Дизайнер в Инстаграм: 6 лет осветляет градиент в старом лого и выдаёт за новый.

Да, Инстаграм обновил логотип сегодня.

@jun_hi

Статья с разбором UX/UI фотографий на странице товара в интернет магазине:

– внешний вид
– типы контента
– расположение
– функциональность
– нестандартные кейсы

Много референсов и негативных примеров.

130+ пунктов чек-листа.

Читайте, уносите к себе решения, если делаете интернет-магазины.

👉 Читать статью

@jun_hi

Назрел вопрос.

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

Но мне стало интересно, а что вы спрашиваете у компаний, когда ищете работу? Что для вас важно на новом месте? Возможно, у вас есть готовый список вопросов, который кому-нибудь пригодился?)

А то знаю людей, которым говорят, «‎если у вас есть вопросы – задавайте»‎, они говорят «‎да не, вопросов нет»‎, а потом вскрывается много камней, которых можно было бы избежать.

Давайте пообщаемся в комментах)

@jun_hi

Вспомним главные законы в проектировании интерфейсов. Статья про них.

– Эффект эстетитки
– Порог Доэрти
– Закон Фиттса
– Закон Хика
– Закон Якоба
– Закон общего пространства
– Закон прегнатности
– Закон близости

и ещё парочку.

Это кажется основа основ, чтобы делать хорошие интерфейсы)

👉 Читать статью

@jun_hi

Полезное #23

———

Плагины для Figma:

🔸 Icon Sizes — автоматически создает компонент с тремя вариантами для выбранной иконки в размерах 12, 16 и 24 px

🔸 Memojis — коллекция из 100+ мемоджи

🔸 Supa Gradient — создаёт градиенты различной сложности

🔸 MeisterIcons — бесплатная библиотека из 100+ векторных иконок

———

Интересные сервисы и сайты:

🔹 Спецпроект магазина косметики Pola ко Дню матери в Японии. Сайт украшен лаконичными псевдотрёхмерными анимациями цветов, которые символизируют множество проявлений любви и материнства.

🔹 Motion One. Библиотека готовых CSS-анимаций.

🔹 Clipdrop. Обновлённое AR-приложение, которое захватывает объекты с помощью камеры и удаляет фон, а затем переносит их в Photoshop, Figma, Sketch или другой графический редактор. Приложение также поддерживает очистку изображений от лишних деталей, увеличение разрешения, пакетную обработку и экспорт в 4K. Доступно на Android, iOS, macOS и Windows. Есть бесплатная ограниченная версия.

🔹 Различные полезные дизайн-инструменты Алекса Видуа, дизайнера из Швеции. Внутри есть плагины для Figma, ИИ-инструменты и даже браузер.

———

Бесплатные файлы:

▪️ Коллекция базовых звуков для интерфейса с наглядной интерактивной демонстрацией.

▪️ Tabler Icons. Обновлённая коллекция линейных иконок с настройкой толщины. На сайте доступен поиск и сортировка по категориям, а сами иконки можно экспортировать в виде SVG, PNG, файла Figma или кода. За два года коллекция выросла с 300 до 1950 иконок.

———

Статьи:

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

📚 A Guide to Task-Based UX Metrics Джефф Сауро и Джим Льюис подготовили справочник метрик для проведения юзабилити-тестов конкретных сценариев интерфейса.

📚 2022 Craft Beer Branding and Package Design Trends
Большой ежегодный обзор трендов в дизайне и позиционировании брендов крафтового пива.

@jun_hi
#полезное

Статья о 20-ти методах UX-исследований от NNGroup. Какой метод выбрать и когда

Внутри:
– Виды UX-исследований и в чём их специфика
– На каком этапе разработки продукта какой метод выбрать
– 20 самых популярных методов и как они проводятся
– Выводы и рекомендации

и ещё много полезной информации)

👉 Читать статью

@jun_hi

14 советов, которые сделают ваш дизайн чуть лучше.

– заголовок и текст
– иконки
– форма ввода
– переключатели
– чипы и настройки

и ещё парочка) Новичкам пригодится)

👉 Смотреть советы

@jun_hi

Гайд по визуальному дизайну в интерфейсах от Воробушек))

Внутри:
– правила внутреннего и внешнего
– работа с контентом
– сигнал и шум
– визуальное выравнивание
– расстояние между строк
– контраст цвета
– внутренние отступы в карточках

и дополнительно ещё некоторая полезная информация, которая представлена в виде понятных карточек без тонны текста)

Освежите, кто подзабыл) Читается быстро.

👉 Читать гайд

@jun_hi

Как правильно искать работу в продукте

Курсы.

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

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

Возможно, вы сами что-то прошли и можете дать небольшую обратную связь по какому-либо обучению.

Я проходил вот uprock давно, когда они делали упор на UI. Сейчас там уже курсов сильно больше и интереснее (это не реклама, Женя привет).

Пишите 👇👇

Навыки для дизайнера продукта

– Уметь создавать эстетически привлекательный интерфейс (помним, что более красивый интерфейс кажется более удобным)

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

– Внимание ко всем деталям при проектировании интерфейса. Умение предусматривать промежуточные корнер-кейсы, которые могут возникать в процессе того или иного флоу

– Умение идти на компромиссы с заказчиком принимать обдуманные решения

– Понимать, как создаются CJM, JBTD и прочие, когда это может потребоваться. Изучать с нуля будет не быстро)

– Знание гайдлайнов: IOS, Android, Windows и прочих. Мало ли, с этим предстоит работать

– Понимание того, когда нужно делать по гайдлайнам, а когда можно разработать новое решение

– Умение работать с брендом продукта, если он есть. Понимать, как это можно внедрять в продукт и пользовательский опыт

– Знать правила типографики, колористики, визуальной иерархии и прочие, которые обязательны для правильного проектирования интерфейса

– Уметь создавать кликабельные прототипы, иногда чуть более сложные, чем просто клик по кнопкам

– Уметь писать интерфейсный текст (возможно не на идеальном уровне, но понимать, как смыслами можно доносить суть того, что представлено на странице, зачастую текстом). Чтобы любому клиенту было понятно, о чём речь. Не работайте с рыбой, желательно никогда.

– Уметь мыслить и глобально и супер глубокими сценариями. Вам нужно понимать, как продукт может масштабироваться, чтобы заложить изначально правильный layout, вам нужно понимать все проблемы пользователей, их путь, их эмоции в момент прохождения флоу, какие задачи они хотят решить на данном этапе итд.

– Знать и уметь применять исследования. Какие виды существуют, когда их применять и какой будет наиболее быстрый и дешёвый для проверки ваших экранов

– В некоторых случаях (примерно всегда) закладывать доступность интерфейса. Горячие клавиши, использовать цвета по WCAG, возможно ваш продукт используют инвалиды, которым также нужно быстро выполнять задачи.

– Умение работать с Фигмой. Компоненты, автолэйауты, создание UI кит, варианты, работа с библиотеками, с плагинами итд

– Уметь давать и получать критику

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

– Уметь передавать макеты в разработку, писать документацию, которая облегчит им жизнь при вёрстке

———

Если я что-то пропустил, добавляйте в комменты)

@jun_hi

Ребята из Hardclient выпустили очередной большой разбор. На этот раз про характеристики и описание на странице товара.

– Базовые моменты по характеристикам
– Описание товара
– Сравнение и помощь в выборе
– Скрытие и отображение характеристик

Статья большая с большим количеством примеров. Читать лучше с ПК)

👉 Читать статью

@jun_hi

Нашёл в одном из каналов полезный гайд по CX-исследованиям.

Внутри:
– Как проводить
– Как подготовиться
– Как анализировать
– Про некоторые виды исследований

И ещё много полезной информации) Скачивайте, изучайте. Полезно.

@jun_hi

Ребята, нас уже почти 2000 человек, просто офигеть) Не думал, что будет столько людей за достаточно короткий промежуток существования моего канала.

Давайте немножечко познакомимся. Многих я уже знаю лично, кого-то заочно, кто-то был у меня на разборах) Но мне кажется, тут ещё сотни интересных дизайнеров и просто прекрасных людей)

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

Давайте общаться и знакомиться ❤️, возможно, кого-то заметят рекрутеры, если таковые тут есть)

Да и просто хочу сказать всем спасибо! Всех люблю, спасибо вам!)

———

Пост про меня

@jun_hi

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

Крутыши из MAX опубликовали некоторые кейсы. Рекомендую с ними ознакомиться. Всё сделано для реальных клиентов. Внутри есть QR коды на полезные файлики в каждом кейсе.

———

ВТБ — задачка про соцвыплаты
Кейс с решением

СБЕР — задачка про премиальные пакеты услуг
Кейс с решением

Пятерочка — задачка про семейные счета
Кейс с решением

Теле2 – увеличить конверсию в разделе Услуги
Кейс с решением

@jun_hi

В 2020 году у Wrike была конфа, где выступал Дима Щеглов (на тот момент Lead Designer в Revoult).

Я наткнулся на эту запись и посмотрел. И это было очень полезно и рассказано простым языком.

О чем видео:
– Как их дизайн-команда работает над проектами
– Какие используются дизайн-принципы
– Какие критерии оценки качества проектов
– Как коллективно строить дизайн-систему и добиться того, что любая часть продукта выглядела консистентно

Показал внутреннюю кухню, как устроены макеты в Figma и ещё много полезных мыслей.

В общем, кто не посмотрит, тот джун)))

Лайфхак: можно спокойно смотреть все видосы на скорости 1.75. Инфа воспринимается ни чуть не хуже, но тратится сильно меньше времени.

👉 Смотреть доклад

@jun_hi

Вчера прочитал интересную статью о том, как в Яндекс.Драйв обновляли профиль водителя за 8 итераций, в результате которого 90% водителей стали ездить аккуратнее.

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

В общем, рекомендую) Получилось действительно круто, в сравнении с тем, что было в начале.

👉 Читать статью

@jun_hi

Дизайн-процесс.

Очень часто на собеседованиях слышу вопрос "Расскажите о вашем дизайн-процессе".

Давайте обсудим в комментариях, что для вас "идеальный" процесс в вашем продукте/студии. Как вы получаете задачи, как их доводите до прода, как исследуете ваш дизайн (если такой процесс есть).

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

Пишите)

@jun_hi