Ты: тратишь уйму времени на проектирование сложных интерфейсов в 500+ экранов.
Дизайнер в Инстаграм: 6 лет осветляет градиент в старом лого и выдаёт за новый.
Да, Инстаграм обновил логотип сегодня.
@jun_hi
Дизайнер в Инстаграм: 6 лет осветляет градиент в старом лого и выдаёт за новый.
Да, Инстаграм обновил логотип сегодня.
@jun_hi
😁51👍2🥰1🤔1😱1
Статья с разбором UX/UI фотографий на странице товара в интернет магазине:
– внешний вид
– типы контента
– расположение
– функциональность
– нестандартные кейсы
Много референсов и негативных примеров.
130+ пунктов чек-листа.
Читайте, уносите к себе решения, если делаете интернет-магазины.
👉 Читать статью
@jun_hi
– внешний вид
– типы контента
– расположение
– функциональность
– нестандартные кейсы
Много референсов и негативных примеров.
130+ пунктов чек-листа.
Читайте, уносите к себе решения, если делаете интернет-магазины.
👉 Читать статью
@jun_hi
👍19
Назрел вопрос.
Все плюс минус знают вопросы, которые задают кандидату на собеседованиях на продуктового дизайнера. Там ничего нового. Плюс минус одно и тоже.
Но мне стало интересно, а что вы спрашиваете у компаний, когда ищете работу? Что для вас важно на новом месте? Возможно, у вас есть готовый список вопросов, который кому-нибудь пригодился?)
А то знаю людей, которым говорят, «если у вас есть вопросы – задавайте», они говорят «да не, вопросов нет», а потом вскрывается много камней, которых можно было бы избежать.
Давайте пообщаемся в комментах)
@jun_hi
Все плюс минус знают вопросы, которые задают кандидату на собеседованиях на продуктового дизайнера. Там ничего нового. Плюс минус одно и тоже.
Но мне стало интересно, а что вы спрашиваете у компаний, когда ищете работу? Что для вас важно на новом месте? Возможно, у вас есть готовый список вопросов, который кому-нибудь пригодился?)
А то знаю людей, которым говорят, «если у вас есть вопросы – задавайте», они говорят «да не, вопросов нет», а потом вскрывается много камней, которых можно было бы избежать.
Давайте пообщаемся в комментах)
@jun_hi
🤔6👍2
Вспомним главные законы в проектировании интерфейсов. Статья про них.
– Эффект эстетитки
– Порог Доэрти
– Закон Фиттса
– Закон Хика
– Закон Якоба
– Закон общего пространства
– Закон прегнатности
– Закон близости
и ещё парочку.
Это кажется основа основ, чтобы делать хорошие интерфейсы)
👉 Читать статью
@jun_hi
– Эффект эстетитки
– Порог Доэрти
– Закон Фиттса
– Закон Хика
– Закон Якоба
– Закон общего пространства
– Закон прегнатности
– Закон близости
и ещё парочку.
Это кажется основа основ, чтобы делать хорошие интерфейсы)
👉 Читать статью
@jun_hi
🔥36👍4
Полезное #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
#полезное
———
Плагины для 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
#полезное
🔥8❤1🥰1
Статья о 20-ти методах UX-исследований от NNGroup. Какой метод выбрать и когда
Внутри:
– Виды UX-исследований и в чём их специфика
– На каком этапе разработки продукта какой метод выбрать
– 20 самых популярных методов и как они проводятся
– Выводы и рекомендации
и ещё много полезной информации)
👉 Читать статью
@jun_hi
Внутри:
– Виды UX-исследований и в чём их специфика
– На каком этапе разработки продукта какой метод выбрать
– 20 самых популярных методов и как они проводятся
– Выводы и рекомендации
и ещё много полезной информации)
👉 Читать статью
@jun_hi
🔥24🥰1
14 советов, которые сделают ваш дизайн чуть лучше.
– заголовок и текст
– иконки
– форма ввода
– переключатели
– чипы и настройки
и ещё парочка) Новичкам пригодится)
👉 Смотреть советы
@jun_hi
– заголовок и текст
– иконки
– форма ввода
– переключатели
– чипы и настройки
и ещё парочка) Новичкам пригодится)
👉 Смотреть советы
@jun_hi
🔥14
Гайд по визуальному дизайну в интерфейсах от Воробушек))
Внутри:
– правила внутреннего и внешнего
– работа с контентом
– сигнал и шум
– визуальное выравнивание
– расстояние между строк
– контраст цвета
– внутренние отступы в карточках
и дополнительно ещё некоторая полезная информация, которая представлена в виде понятных карточек без тонны текста)
Освежите, кто подзабыл) Читается быстро.
👉 Читать гайд
@jun_hi
Внутри:
– правила внутреннего и внешнего
– работа с контентом
– сигнал и шум
– визуальное выравнивание
– расстояние между строк
– контраст цвета
– внутренние отступы в карточках
и дополнительно ещё некоторая полезная информация, которая представлена в виде понятных карточек без тонны текста)
Освежите, кто подзабыл) Читается быстро.
👉 Читать гайд
@jun_hi
🔥19👍4
Курсы.
Давайте попробуем в комментариях собрать самый сок из курсов для продуктовых дизайнеров, ux/ui и прочие названия профессии.
Тут много начинающих дизайнеров, думаю, будет полезно поизучать, что сейчас есть стоящее на рынке.
Возможно, вы сами что-то прошли и можете дать небольшую обратную связь по какому-либо обучению.
Я проходил вот uprock давно, когда они делали упор на UI. Сейчас там уже курсов сильно больше и интереснее (это не реклама, Женя привет).
Пишите 👇👇
Давайте попробуем в комментариях собрать самый сок из курсов для продуктовых дизайнеров, ux/ui и прочие названия профессии.
Тут много начинающих дизайнеров, думаю, будет полезно поизучать, что сейчас есть стоящее на рынке.
Возможно, вы сами что-то прошли и можете дать небольшую обратную связь по какому-либо обучению.
Я проходил вот uprock давно, когда они делали упор на UI. Сейчас там уже курсов сильно больше и интереснее (это не реклама, Женя привет).
Пишите 👇👇
❤20👍4🤔3😁2
Навыки для дизайнера продукта
– Уметь создавать эстетически привлекательный интерфейс (помним, что более красивый интерфейс кажется более удобным)
– Понимать потребности и проблемы пользователей. Уметь общаться с бизнесом и углублённо знать все тонкости вашего продукта, который вы делаете, в том числе и технические.
– Внимание ко всем деталям при проектировании интерфейса. Умение предусматривать промежуточные корнер-кейсы, которые могут возникать в процессе того или иного флоу
– Умение идти на компромиссы с заказчиком принимать обдуманные решения
– Понимать, как создаются CJM, JBTD и прочие, когда это может потребоваться. Изучать с нуля будет не быстро)
– Знание гайдлайнов: IOS, Android, Windows и прочих. Мало ли, с этим предстоит работать
– Понимание того, когда нужно делать по гайдлайнам, а когда можно разработать новое решение
– Умение работать с брендом продукта, если он есть. Понимать, как это можно внедрять в продукт и пользовательский опыт
– Знать правила типографики, колористики, визуальной иерархии и прочие, которые обязательны для правильного проектирования интерфейса
– Уметь создавать кликабельные прототипы, иногда чуть более сложные, чем просто клик по кнопкам
– Уметь писать интерфейсный текст (возможно не на идеальном уровне, но понимать, как смыслами можно доносить суть того, что представлено на странице, зачастую текстом). Чтобы любому клиенту было понятно, о чём речь. Не работайте с рыбой, желательно никогда.
– Уметь мыслить и глобально и супер глубокими сценариями. Вам нужно понимать, как продукт может масштабироваться, чтобы заложить изначально правильный layout, вам нужно понимать все проблемы пользователей, их путь, их эмоции в момент прохождения флоу, какие задачи они хотят решить на данном этапе итд.
– Знать и уметь применять исследования. Какие виды существуют, когда их применять и какой будет наиболее быстрый и дешёвый для проверки ваших экранов
– В некоторых случаях (примерно всегда) закладывать доступность интерфейса. Горячие клавиши, использовать цвета по WCAG, возможно ваш продукт используют инвалиды, которым также нужно быстро выполнять задачи.
– Умение работать с Фигмой. Компоненты, автолэйауты, создание UI кит, варианты, работа с библиотеками, с плагинами итд
– Уметь давать и получать критику
– Понимать, как расставлять приоритеты в ваших задачах и уметь защищать ваши решения перед бизнесом
– Уметь передавать макеты в разработку, писать документацию, которая облегчит им жизнь при вёрстке
———
Если я что-то пропустил, добавляйте в комменты)
@jun_hi
– Уметь создавать эстетически привлекательный интерфейс (помним, что более красивый интерфейс кажется более удобным)
– Понимать потребности и проблемы пользователей. Уметь общаться с бизнесом и углублённо знать все тонкости вашего продукта, который вы делаете, в том числе и технические.
– Внимание ко всем деталям при проектировании интерфейса. Умение предусматривать промежуточные корнер-кейсы, которые могут возникать в процессе того или иного флоу
– Умение идти на компромиссы с заказчиком принимать обдуманные решения
– Понимать, как создаются CJM, JBTD и прочие, когда это может потребоваться. Изучать с нуля будет не быстро)
– Знание гайдлайнов: IOS, Android, Windows и прочих. Мало ли, с этим предстоит работать
– Понимание того, когда нужно делать по гайдлайнам, а когда можно разработать новое решение
– Умение работать с брендом продукта, если он есть. Понимать, как это можно внедрять в продукт и пользовательский опыт
– Знать правила типографики, колористики, визуальной иерархии и прочие, которые обязательны для правильного проектирования интерфейса
– Уметь создавать кликабельные прототипы, иногда чуть более сложные, чем просто клик по кнопкам
– Уметь писать интерфейсный текст (возможно не на идеальном уровне, но понимать, как смыслами можно доносить суть того, что представлено на странице, зачастую текстом). Чтобы любому клиенту было понятно, о чём речь. Не работайте с рыбой, желательно никогда.
– Уметь мыслить и глобально и супер глубокими сценариями. Вам нужно понимать, как продукт может масштабироваться, чтобы заложить изначально правильный layout, вам нужно понимать все проблемы пользователей, их путь, их эмоции в момент прохождения флоу, какие задачи они хотят решить на данном этапе итд.
– Знать и уметь применять исследования. Какие виды существуют, когда их применять и какой будет наиболее быстрый и дешёвый для проверки ваших экранов
– В некоторых случаях (примерно всегда) закладывать доступность интерфейса. Горячие клавиши, использовать цвета по WCAG, возможно ваш продукт используют инвалиды, которым также нужно быстро выполнять задачи.
– Умение работать с Фигмой. Компоненты, автолэйауты, создание UI кит, варианты, работа с библиотеками, с плагинами итд
– Уметь давать и получать критику
– Понимать, как расставлять приоритеты в ваших задачах и уметь защищать ваши решения перед бизнесом
– Уметь передавать макеты в разработку, писать документацию, которая облегчит им жизнь при вёрстке
———
Если я что-то пропустил, добавляйте в комменты)
@jun_hi
🔥22❤6👍6🥰1
Ребята из Hardclient выпустили очередной большой разбор. На этот раз про характеристики и описание на странице товара.
– Базовые моменты по характеристикам
– Описание товара
– Сравнение и помощь в выборе
– Скрытие и отображение характеристик
Статья большая с большим количеством примеров. Читать лучше с ПК)
👉 Читать статью
@jun_hi
– Базовые моменты по характеристикам
– Описание товара
– Сравнение и помощь в выборе
– Скрытие и отображение характеристик
Статья большая с большим количеством примеров. Читать лучше с ПК)
👉 Читать статью
@jun_hi
🔥15👍1
Гайдлайн_по_самостоятельному_проведению_CX_исследования.pdf
1.6 MB
Нашёл в одном из каналов полезный гайд по CX-исследованиям.
Внутри:
– Как проводить
– Как подготовиться
– Как анализировать
– Про некоторые виды исследований
И ещё много полезной информации) Скачивайте, изучайте. Полезно.
@jun_hi
Внутри:
– Как проводить
– Как подготовиться
– Как анализировать
– Про некоторые виды исследований
И ещё много полезной информации) Скачивайте, изучайте. Полезно.
@jun_hi
🔥20
Ребята, нас уже почти 2000 человек, просто офигеть) Не думал, что будет столько людей за достаточно короткий промежуток существования моего канала.
Давайте немножечко познакомимся. Многих я уже знаю лично, кого-то заочно, кто-то был у меня на разборах) Но мне кажется, тут ещё сотни интересных дизайнеров и просто прекрасных людей)
Пишите в комментарии, чем занимаетесь, где работаете, сколько лет опыта) Очень интересно.
Давайте общаться и знакомиться ❤️, возможно, кого-то заметят рекрутеры, если таковые тут есть)
Да и просто хочу сказать всем спасибо! Всех люблю, спасибо вам!)
———
Пост про меня
@jun_hi
Давайте немножечко познакомимся. Многих я уже знаю лично, кого-то заочно, кто-то был у меня на разборах) Но мне кажется, тут ещё сотни интересных дизайнеров и просто прекрасных людей)
Пишите в комментарии, чем занимаетесь, где работаете, сколько лет опыта) Очень интересно.
Давайте общаться и знакомиться ❤️, возможно, кого-то заметят рекрутеры, если таковые тут есть)
Да и просто хочу сказать всем спасибо! Всех люблю, спасибо вам!)
———
Пост про меня
@jun_hi
❤25🎉8🥰1
Недавно в Британке был интенсив по продуктовому дизайну. И ребята сделали парочку полезных и интересных кейсов с исследованиями, прототипами, всё как полагается.
Крутыши из MAX опубликовали некоторые кейсы. Рекомендую с ними ознакомиться. Всё сделано для реальных клиентов. Внутри есть QR коды на полезные файлики в каждом кейсе.
———
ВТБ — задачка про соцвыплаты
Кейс с решением
СБЕР — задачка про премиальные пакеты услуг
Кейс с решением
Пятерочка — задачка про семейные счета
Кейс с решением
Теле2 – увеличить конверсию в разделе Услуги
Кейс с решением
@jun_hi
Крутыши из MAX опубликовали некоторые кейсы. Рекомендую с ними ознакомиться. Всё сделано для реальных клиентов. Внутри есть QR коды на полезные файлики в каждом кейсе.
———
ВТБ — задачка про соцвыплаты
Кейс с решением
СБЕР — задачка про премиальные пакеты услуг
Кейс с решением
Пятерочка — задачка про семейные счета
Кейс с решением
Теле2 – увеличить конверсию в разделе Услуги
Кейс с решением
@jun_hi
🔥31👍4❤3
В 2020 году у Wrike была конфа, где выступал Дима Щеглов (на тот момент Lead Designer в Revoult).
Я наткнулся на эту запись и посмотрел. И это было очень полезно и рассказано простым языком.
О чем видео:
– Как их дизайн-команда работает над проектами
– Какие используются дизайн-принципы
– Какие критерии оценки качества проектов
– Как коллективно строить дизайн-систему и добиться того, что любая часть продукта выглядела консистентно
Показал внутреннюю кухню, как устроены макеты в Figma и ещё много полезных мыслей.
В общем, кто не посмотрит, тот джун)))
Лайфхак: можно спокойно смотреть все видосы на скорости 1.75. Инфа воспринимается ни чуть не хуже, но тратится сильно меньше времени.
👉 Смотреть доклад
@jun_hi
Я наткнулся на эту запись и посмотрел. И это было очень полезно и рассказано простым языком.
О чем видео:
– Как их дизайн-команда работает над проектами
– Какие используются дизайн-принципы
– Какие критерии оценки качества проектов
– Как коллективно строить дизайн-систему и добиться того, что любая часть продукта выглядела консистентно
Показал внутреннюю кухню, как устроены макеты в Figma и ещё много полезных мыслей.
В общем, кто не посмотрит, тот джун)))
Лайфхак: можно спокойно смотреть все видосы на скорости 1.75. Инфа воспринимается ни чуть не хуже, но тратится сильно меньше времени.
👉 Смотреть доклад
@jun_hi
❤24👍6🔥6
Вчера прочитал интересную статью о том, как в Яндекс.Драйв обновляли профиль водителя за 8 итераций, в результате которого 90% водителей стали ездить аккуратнее.
Написано легко и подробно. Как подходили к каждой итерации, как менялись вводные по ходу, обосновываются те или иные решения.
В общем, рекомендую) Получилось действительно круто, в сравнении с тем, что было в начале.
👉 Читать статью
@jun_hi
Написано легко и подробно. Как подходили к каждой итерации, как менялись вводные по ходу, обосновываются те или иные решения.
В общем, рекомендую) Получилось действительно круто, в сравнении с тем, что было в начале.
👉 Читать статью
@jun_hi
👍24🔥17
Дизайн-процесс.
Очень часто на собеседованиях слышу вопрос "Расскажите о вашем дизайн-процессе".
Давайте обсудим в комментариях, что для вас "идеальный" процесс в вашем продукте/студии. Как вы получаете задачи, как их доводите до прода, как исследуете ваш дизайн (если такой процесс есть).
Интересно почитать разный опыт. Ведь может быть и бардак в процессах, но при этом всегда делается в сроки и команде так ок) А может быть всё слишком бюрократично, что накладывает тоже свои минусы.
Пишите)
@jun_hi
Очень часто на собеседованиях слышу вопрос "Расскажите о вашем дизайн-процессе".
Давайте обсудим в комментариях, что для вас "идеальный" процесс в вашем продукте/студии. Как вы получаете задачи, как их доводите до прода, как исследуете ваш дизайн (если такой процесс есть).
Интересно почитать разный опыт. Ведь может быть и бардак в процессах, но при этом всегда делается в сроки и команде так ок) А может быть всё слишком бюрократично, что накладывает тоже свои минусы.
Пишите)
@jun_hi
👍9🤔3
Как раз к посту выше выкладываю дополнение в виде очень полезного видео от моего дорогого товарища и крутого дизайнера Богдана, Lead Product Designer из EPAM.
Он рассказал, как определить уровень дизайнера за 5 простых вопросов на собеседовании, что не нужно делать на собесе, если вы рассчитываете на оффер и ещё много полезной информации про найм дизайнеров.
Будет полезно дизайнерам любого уровня) Можно смотреть на чуть ускоренном режиме, в целом ок.
👉 Смотреть видео
@jun_hi
Он рассказал, как определить уровень дизайнера за 5 простых вопросов на собеседовании, что не нужно делать на собесе, если вы рассчитываете на оффер и ещё много полезной информации про найм дизайнеров.
Будет полезно дизайнерам любого уровня) Можно смотреть на чуть ускоренном режиме, в целом ок.
👉 Смотреть видео
@jun_hi
🔥18👏2🤔2👍1
Начнём понедельник со статьи для E-commerce от ребят из Hardclient.
В этот раз они написали про рейтинг и отзывы о товаре на его странице.
Внутри:
– highlight оценок и отзывов
– rating summary
– оценки характеристик
– блок с отзывами
– полный список отзывов
– сортировка и фильтр
– карточки отзывов
– реакция на отзывы
– ответы
и как обычно масса полезной информации с точки зрения UX и удобства для пользователя
👉 Читать статью
@jun_hi
В этот раз они написали про рейтинг и отзывы о товаре на его странице.
Внутри:
– highlight оценок и отзывов
– rating summary
– оценки характеристик
– блок с отзывами
– полный список отзывов
– сортировка и фильтр
– карточки отзывов
– реакция на отзывы
– ответы
и как обычно масса полезной информации с точки зрения UX и удобства для пользователя
👉 Читать статью
@jun_hi
🔥14👍1
Виталий Фридман написал статью по дизайну поисковой выдачи в интернет-магазинах.
А также, затронул вопрос о бесконечной прокрутке и говорит о её минусах. Ну и предлагает, как её улучшить с помощью динамической пагинации, колонтитулов и других приёмов.
Советую к прочтению, статья на английском, но легко читается. Можно перевести в Deepl.
👉 Читать статью
@jun_hi
А также, затронул вопрос о бесконечной прокрутке и говорит о её минусах. Ну и предлагает, как её улучшить с помощью динамической пагинации, колонтитулов и других приёмов.
Советую к прочтению, статья на английском, но легко читается. Можно перевести в Deepl.
👉 Читать статью
@jun_hi
👏8🔥2