uxtrends
3.1K subscribers
118 photos
15 videos
1 file
380 links
Новости и инсайты из сферы UX/UI дизайна. Дизайн теория и практика, психология и просто полезные советы для фрилансеров.

Обратная связь @uxtrends_bot

Админ: @boris_ux
Download Telegram
Подкасты, карьерный рост и хлебные крошки

Сегодня воскресенье, а значит, время недельного дайджеста. Все, что было на канале за эту седмицу:

/ Как подготовить портфолио для продуктовой компании

/ Подкасты для дизайнеров

/ У вас есть возможность задавать вопросы по контенту напрямую мне

/ Базовые правила хорошего дизайна #4 — правило внутреннего и внешнего

/ Как новичку ускорить карьерный рост #2

/ Как использовать иллюзию контроля в UX-дизайне #1 — хлебные крошки

Думаю, не стоит напоминать, что завтра выйдет опрос. Закрываем эту неделю и приступаем к следующей. До скорой!
6👍5
А что, если убрать все кресты

Не поклонник видео Артемия Лебедева, но вот один все же зашел.

Он будет оч жизненным для тех, кто устал от сумасшедших требований клиентов. Лебедев взял достаточно понятное т.з.: убрать в дизайне всего форму креста. Большинство дизайнеров с внутренним "фи" возмущались бы, но Артемий без лишних вопросов приступил к реализации.

Что у него получилось, в видосе по ссылке:
https://youtu.be/EHS10UUCpck
👍13🔥4🕊2
Продуктивность: закон Парето

Одна из самых популярных методик продуктивности.

Суть закона Парето: "20 % усилий дают 80 % результата. И в то же время 80 % усилий дают лишь 20 % результата".

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

Я в своем списке дел отдельным блоком выделяю 3 задачи, которые необходимо выполнить в первую очередь. И почти все они не клиентские. Либо мои проекты, либо мое самообучение. То, что в будущем даст мне наибольший эффект.

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

На этом фсё. Интересно узнать и про другие методики продуктивности? Дайте знать в реакциях. Можете даже свою идею предложить в @uxtrends_bot.
38👍17🔥8
Подборка лучших ютуб-каналов для дизайнеров

Пост про видео Лебедева натолкнул меня на эту идею. Нашел для вас подборку из 40 ютуб-каналов про дизайн. Большинство из этого списка не оч большие, — только у одного больше 100К пдп, — но все принадлежат либо дизайн агентствам или компаниям, либо действующим специалистам. Особенно меня порадовало наличие в подборке каналов моих любимых источников (Uprock и Бюро Горбунова).

Даже один канал из списка немало поможет новичкам. Посмотрите:

https://vc.ru/design/468823-40-russkoyazychnyh-youtube-kanalov-o-dizayne
👍221🔥1
Базовые правила дизайна #5 — правило тинктур

Это правило о том, как выбирать фон в дизайне. Сформировалось оно ещё со Средних веков в геральдике — дисциплине о гербах. Звучит так:

«Нельзя накладывать финифть на финифть и металл на металл»

Речь о названиях цветов. Посмотрите в картинке снизу, которую взял из материала Скиллбокс.

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

Пожалуй, на это фсё. Это было последняя часть в серии. Свои вопросы и предложения присылайте в @uxtrends_bot. Но не забывайте — правила на то даны, чтобы их иногда нарушать;)
👍32🔥101
Иллюзия контроля в дизайне #2 — статичные подсказки

Помните ведь прошлую часть про хлебные крошки? Если они показывают пройденный путь пользователя, то статичные подсказки указывают дальнейший.

Пример из картинки. Это интерфейс Booking.com.

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

То же самое касается и других элементов интерфейса. Например, кнопки должны объяснять, какое действие произойдет дальше. Вместо "продолжить" ставьте "перейти к оплате". И т.д.

Берите эту фишку на вооружение в будущем
👍38🔥4👏1
Визуализация данных в интерфейсе. Ч 1 — что это вообще такое

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

Цифры, процентные соотношения, статусы, параметры, текст и др. — все это относится к множественным данным. Их нужно как-то перенести в интерфейс и показать пользователю в красивом виде. То есть, визуализировать.

Дизайнеры для визуализации таких данных используют дашборды.

Вывод

Визуализация нужна, чтобы наглядно отобразить точную информацию и убрать всё лишнее.

Вроде разобрались с тем, что это такое. Если остались вопросы, пишите @uxtrends_bot. Так открываем, вероятно, одну из самых длинных серий в истории канала. В следующей части расскажу, с чего стоит начать визуализацию данных. Дайте знать в реакциях, если интересно.
🔥34👍10
Убрать кресты, закон Парето, правило тинктур и статичные подсказки

Время недельного дайджеста. Все, что было на канале за эту седмицу:

> А что, если убрать все кресты

> Продуктивность: закон Парето

> Подборка лучших ютуб-каналов для дизайнеров

> Базовые правила дизайна #5 — правило тинктур

> Иллюзия контроля в дизайне #2 — статичные подсказки

> Визуализация данных в интерфейсе. Ч 1 — что это вообще такое

По традиции, завтра будет опрос на темы следующей недели. Если эта в канале для вас была полезна, дайте знать в реакциях. До скорой!
👍11
Иллюзия свечения или как белое кажется больше черного

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

Также автор рассказывает, как использовать это знание в дизайне. Почитайте перед сном, точно не потеряете время зря:

https://ux.pub/editorial/illiuziia-sviechieniia-ili-pochiemu-bielyie-obiekty-kazhutsia-bolshie-chiernykh-hgc
👍232🔥1
Продуктивность: метод помидора

Небольшое предисловие. Почему-то, когда добавлял вчера эту тему в опрос, был уверен, что правильно будет "метод Помидоро". Читал где-то, что это фамилия ученого. Но инет несколько минут назад жестко дал знать, что я глубоко ошибаюсь. Так шо сорри за ошибку в опросе. Ну все, теперь погнали.

Эта методика была придумана для контроля времени. Чтобы с меньшими затратами делать больше.

Суть проста. Сначала расставляете задачи на день по приоритетности. Ставите таймер 25 минут и работаете в это время с максимальной концентрацией. После звонка таймера отдыхаете 5 минут и все по новой. Такой получасовой отрезок времени, 25+5, один "помидор". После каждого 4-го "помидора" наступает большой перерыв длительностью 15-20 минут.

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

Там ещё интересная история с названием метода, на самом деле. Почитайте в инете на досуге.

А я на этом фсё. Если было полезно и вам по душе такие посты, дайте знать в реакциях. До завтра!)
👍56🔥18
Как с помощью смены дизайна повысить продажи на 500-600 %

Это реальный случай. Статья, ссылку на которую оставлю внизу, показывает, насколько для бренда важен дизайн.

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

От производителя для B2B-сегмента до лидеров розничной торговли в своей категории в Ozon и WB. И все это происходило во время пандемии, в 2020-м году. Почитайте:

https://vc.ru/design/475239-novaya-upakovka-i-rost-prodazh-na-500-600
👍15🔥62
Топ-3 книг для UX-дизайнеров

Это уже вторая подборка книг на канале. Первая была вот тут.

Небольшой спойлер перед началом: все 3 книги читал в оригинале, поэтому название и имя автора на английском. Не знаю, есть ли перевод на русском, но поверьте, эта троица стоит того, чтобы выучить английский или заморочиться и читать с переводчиком 😏.

Погнали:


1. Marty Cagan: "Inspired: How to Create Tech Products Customers Love"

Читается легко. Написана челом, который помогает создавать прорывные продукты в Кремниевой Долине.

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

2. Colin Ware: "Information Visualization: Perception for Design"

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

3. Jeff Johnson: "Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines"

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

Пожалуй, на этом фсё

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

#почитать
👍46🔥229
Как использовать иллюзию контроля в UX-дизайне #3 — всплывающие подсказки

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

Возьмем интернет-магазин ЦУМа. Когда добавляете товар в корзину, тут же вскакивает сообщение "Товар добавлен в корзину". Посмотрите на картинку снизу.

Теперь пользователь спокоен. Ведь он проконтролировал, чтобы его выбор добавили в корзину. Не забывайте про такой эффект, когда будете делать дизайн интерфейса.
👍1610
Визуализация данных в интерфейсе. Ч 2 — с чего начать

Фундаментом визуализации данных является инфографика, данные оттуда нам нужны в первую очередь. Если нужно организовать и наглядно показать объемную информацию, то она незаменима. Инфографика относится к коммуникационному дизайну и помогает показать всё наглядно.

Если говорить проще, её можно встретить повсюду в современном мире: презентации, диаграммы и таблицы в экзеле — всё это помогает нам легко понять что-то сложное.

Вывод

Инфографика создаёт для джунглей текста понятную карту, с помощью которой вы легко найдёте то, что вам нужно.

Вроде разобрались с тем, что это такое. Если остались вопросы, пишите в @uxtrends_bot.
👍91🔥1
Тренды дизайна первой половины 2022 года

В Editor X разобрали главные тренды этого года.

От победы метавселенной и 3D-надписей до цветовой палитры дофамина. Почитайте:

https://www.editorx.com/shaping-design/digital-design-trends-2022
🔥11👍3
Продуктивность: метод 90/30

Главная идея метода: "Сосредоточиться на главном в течении 90 минут, а потом отдыхать полчаса. И так продолжать снова и снова, пока получается".

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

У каждого человека в начале рабочего дня есть пиковые моменты, в которые мы показываем лучшие результаты. И если в это время сосредоточиться над делом на 90 минут, а после отдыхать 30 и снова по кругу, то можно поймать идеальный рабочий ритм. Отсюда и название.

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

Думаю, на этом фсё. Было полезно? Дайте знать в реакциях. До встречи в следующем посте!)
👍65🔥92👎1
Нейросети против художников

Сейчас нейросети могут рисовать портреты, логотипы и комбинировать разные виды рисунков. И это лишь малая часть фишек ИИ.

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

https://youtu.be/ACKnrECORG4
👍10😢4💩2😱1