Затык в задачах.

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

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

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

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

Не ждите чуда – действуйте первые 🙂

@jun_hi
#пост

Сегодня цикл из трёх статей по проектированию таблиц от Миши Грекова. Мастхев для тех, кто работает с ними постоянно.

Внутри огромное количество информации:

– Просмотр данных (как выделять данные в таблице, пагинировать, запоминать вид)
– Добавление данных в список
– Поиск данных в таблице
– Управлять данными
– Экспорт данных

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

👉 Часть 1
👉 Часть 2
👉 Часть 3

@jun_hi

Начнём экватор недели с очередной анимации от Глеба Кузнецова.

@jun_hi

Нашёл интервью с руководителем UX лабы в IvI. Оно небольшое (на 18 мин), но интересное.

– Как подбирают респодентов на тест фичей
– Как часто исследуют
– Как решают задачи сами или с привлечением партнёров
– Как понимают, что продукт надо улучшать

https://www.youtube.com/watch?v=KkgJFY_c0Nw

@jun_hi

Оказаться неправым.

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

Со временем и опытом я от такого отказался и полностью научился признавать свои косяки. Пишу всегда напрямую или говорю на звонке, что я «обосрался и был не прав, извините». И стало сильно легче жить. Как я научился этому? Никак. Просто один раз озвучил это в работе и как рукой сняло. Ошибаться больше не страшно, главное не делать это систематически. Ошибки должны исправляться и не повторяться, конечно. Если ошибаться постоянно и ничего не исправлять, то это плохо вдвойне.

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

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

———

Вы как, умеете признавать ошибки или в процессе?) Не боитесь писать «самым важным людям» в компании даже по мелочи, не чувствуя вины, что вы отвлекаете человека или ему помешали?

Давайте пообщаемся на эту тему.

@jun_hi
#пост

Полезное #21

———

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

🔸 Delete Hidden Layers — удаляет все скрытые слои в проекте

🔸 Thumbnail Kit — создаёт обложки проектов с названием файла, статусом и описанием, а также аватарками тех, кто работает над проектом

🔸 Insight Hunter — плагин сервиса для быстрого глобального поиска по брендам. Может найти логотипы, цвета, шрифты, слоганы, рекламные материалы и даже посты в социальных сетях почти любого бренда

🔸 Ad Lib – Design System analytics — повзоляет найти экземпляры компонентов и стилей вашей библиотеки в любом файле дизайна.

———

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

🔹 Смелый современный сайт инвестиционной компании Propel с острыми угловатыми блоками, простейшей анимацией, крупной типографикой и толстыми обводками.

🔹 Dovetail. Платформа для автоматизации исследований продукта и продвинутого хранения результатов.

🔹 Contrast Grid. Простой онлайн-сервис для проверки доступности цветовых комбинаций по стандарту WCAG 2.0.

🔹 Lunacy. Обновлённая версия бесплатного графического редактора от Icons8. У программы множество преимуществ перед Figma и Sketch, она поддерживает актуальные функции (компоненты, стили, командную работу и др.), а также имеет привычный интерфейс, не требующий длительной адаптации. Доступно для Windows, MacOS и Linux.

———

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

▪️ Iconer. Огромнейшая онлайн-библиотека из 32000+ настраиваемых векторных иконок. На сайте доступен поиск с группировкой по стилю, типу заливки, тегам и лицензиям.

▪️ Clickons. Набор из 500 базовых иконок в двух стилях — линейном и с заливкой. На сайте доступен поиск по паку, можно скачать отдельные иконки. Сделано ребятами из Craftwork.

▪️ Images — более 100 тщательно отобранных ресурсов для работы с иллюстрациями.

———

Статьи:

📚 Искусство бить тревогу «Кинжал» наглядно объяснил, почему нужно задавать как можно больше вопросов перед началом проекта и сообщать о проблемах заранее.

📚 Зачем нужен дизайн-менеджер и как им стать Большая статья Егора Красноперова, дизайн-менеджера ManyChat, в которой он рассказал о своей работе. Егор подробно описывает путь дизайн-команды внутри компании, рассказывает, откуда в ней появилась роль дизайн-менеджера, какие задачи он помогает решать, а также делится личным опытом.

📚 Ценный материал о том, что такое инсайты, как их использовать в продукте или рекламе, где и как их искать и почему так важно отличать инсайт от факта.

@jun_hi
#полезное

Начнём тестить) Наконец-то купил) Можете за меня порадоваться, но не от всей души.

Статья о том, почему для «отмены» на сайтах и в приложениях лучше использовать ссылку, а не кнопку.

Внутри:

– Разборы в навигации
– В фильтрах и сортировке
– Главное меню

И в целом разобраны разные кейсы такой ситуации. На досуге можно прочитать)

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

@jun_hi

Я прям кайфанул с такого сайта https://dala.craftedbygc.com/, не знаю, почему, но эти треугольники прям в сердечко))

Всё плавно и перестраиваются в разные формы)

Как вам?)

———

P.S или плавно из-за моего нового Mac? (хахах)

@jun_hi

Полезная статья про доступность.

Как Яндекс Go адаптируют под незрячих пользователей. Немного техническая, но думаю, будет полезно.

Внутри:

– Подготовка к проделыванию такой работы
– Как менять UX
– Как обновлять данные на экране
– Базовый чек-лист для старта

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

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

@jun_hi

Интересно на почитать, как делали редизайн продукта австралийской компании Credit Sense.

Внутри:

– Постановка задачи
– Анализ
– Концепции
– Переработка UX и исследования
– Проработка требований

И другие интересные детали) Статья на русском и легко читается.

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

@jun_hi

Как вам решение при наведении на кнопку на первом экране?) Никогда не видел таких всплывашек ранее на кнопках.

Как видят люди с разными проблемами зрения. Наглядно.

https://www.youtube.com/watch?v=8nuMGLQ1Um4

+ к этому руководство по созданию сайтов для людей с ограниченными возможностями.

От Студии Лебедева.

@jun_hi

Процессы.

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

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

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

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

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

Всем эффективных процессов и слушающих менеджеров))

———

Проявляли инициативу по улучшению внутри команды?) Какие процессы изменили?)

@jun_hi
#пост

Полезное #22

———

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

🔸 Fast Photo Paste — находит и вставляет в проект фотографии из бесплатных фотостоков

🔸 Layer Styles — сохраняет стили и применяет их ко всем выбранным объектам

🔸 Mapsicle — вставляет онлайн-карты прямо в макет. Можно настраивать масштаб карты, а также находить точку через поиск или координаты

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

———

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

🔹 Notionway. Коллекция из 150+ платных и бесплатных шаблонов для Notion под разные цели. На сайте доступна сортировка по назначению и цене.

🔹 Vev. Платформа для дизайна адаптивных сайтов без навыков программирования. Поддерживает командную работу, кастомные React-компоненты, содержит инструменты для SEO-оптимизации, готовые шаблоны и многое другое.

🔹 Set product. Библиотека с платными и бесплатными UI-китами и иконками для Figma. На сайте доступна простая сортировка по категориям.

🔹 Стильный промо-сайт спортивных кроссовок On Running The Roger с гибкой модульной системой, трёхмерными превью и необычной смешанной лентой из визуального контента, текста и товаров.

———

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

▪️ Reasonable Colors. Готовая цветовая система для создания цветовых сочетаний, которые отвечают нормам доступности WCAG. Внутри 24 цвета, в каждом из которых по 6 оттенков от светлого тона к тёмному. Цвета можно копировать в виде значений HEX, HSL, LCH и RGB.

▪️ 20 бесплатных космических иконок в SVG и PNG

▪️ Базовый UI-Kit, который поможет сделать набросок своего приложения

———

Статьи:

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

📚 Институт Баймарда опубликовал три лучшие рекомендации по UX-проектированию сайтов, которые предлагают подписку на регулярно используемые нецифровые товары, например, канцелярские товары или продукты.

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

@jun_hi
#полезное

Как же горит с того, что если я хочу отписаться от рассылки на почте от некоторых компаний, мне надо:

1) залогиниться в личный кабинет (данные от которого я без понятия и надо пройти флоу восстановления пароля)

2) найти там раздел уведомлений (иногда он неочевиден), а там ещё нажать 52 галочки, чтобы точно отписаться от всего, ведь одной галочки "убрать всё" нет.

Люблю и уважаю те компании, которые отписывают сразу и без лишних вопросов, когда я нажимаю из письма "Отписаться". Вначале пишут, что ящик удалён из рассылки и, если хочешь, то вот тебе поле для коммента и список причин почему отписался.

@jun_hi

Статья про всеми любимое NDA.

– как устроено соглашение о неразглашении
– какую юридическую силу имеет в рамках ГК РФ
– какая ответственность предусмотрена за нарушение

и другие правовые нюансы

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

@jun_hi

Разбор процесса встречи нового пользователя в мобильном приложении Gmail.

100+ слайдов с пояснениями, что именно не так.

Листается быстро, но на английском.

👉 Смотреть разбор

@jun_hi

Кто-то мечтал или мечтает работать в Apple продуктовым дизайнером и делать этот мир лучше.

Нашёл несколько сайтов-портфолио людей, кто уже там работает, чтобы посмотреть их кейсы и чем они вообще занимались)

Изучайте:
https://johnyvino.com
https://www.rachellebtesh.me
https://www.domdavies.com
https://www.ireneshih.com
https://azumbrunnen.me

@jun_hi

Как вам копирайт ошибки в Яндекс.Директ? Все ли стало понятно после неё и что делать?) Обращаться в поддержку или? Вроде не написано, что пишите в поддержку) Как-то косвенно.

С какими более страшными ошибками сталкивались?) Может есть что-то страшнее этого. А то я пока не встретил.

Тут ребята из Hard Client выпустили большое исследование по работе с поисковой строкой в E-commerce. Советую изучить и почитать. У них всегда крупные и очень содержательные разборы.

👉 Читать исследование

———

Кто не знаком с ними, у них есть ещё очень детальные CJM по таким продуктам как:

– Ашан
– Делимобиль
– S7
– PERFORM

Тоже рекомендую к изучению) Очень много полезной информации.