Статья о дашбордах и как с ними работать.

Внутри:
– Зачем и кому нужны дашборды
– Какие задачи решают дашборды
– Как мыслят пользователи
– Какие данные необходимо отражать
– Глубинные интервью для проработки
– Полевые исследования
– Изучение процесса принятия решений
– Сколько экранов делать
– Идеальная структура дашборда
– Как размещать данные
– Как использовать графику
– Полезные библиотеки и плагины
– Работа со сложными данными
– Тёмная тема
– Советы

Огромная статья про дашборды и много полезной информации. Рекомендую к прочтению.

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

———

@jun_hi
@jun_hi_vacancies

👾 Inspiration #1

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

– https://www.atomus.io
– https://beacons.ai
– https://metronome.com
– https://nano.site
– https://www.hellolanding.com

———

– https://mailchimp.com
– https://www.diegoliv.works
– https://www.apple.com/iphone-14-pro
– https://p.ai
– https://www.unloan.com.au

———

– https://www.helloelva.com
– https://www.bunsenstudio.com
– https://cortexdao.io
– https://nucleate.xyz
– https://www.luni.app

———

– https://www.getplayback.com
– https://onekey.so
– https://electronicmaterialsoffice.com
– https://retool.com
– https://artboard.studio

———

– https://propel.me
– https://along.video
– https://www.wowpage.io
– https://solana.com/summercamp
– https://github.com/features/codespaces

———

– https://www.mubasic.com
– https://www.hybridstateofmind.com
– https://instaprice.app
– https://modulesystem.design
– https://www.ziko.studio
– https://bloomind.io

———

@jun_hi
@jun_hi_vacancies

Сегодня статья про такой интерфейсный элемент как номер телефона на сайте.

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

– Как и где размещать элемент
– Формат номера телефона
– Как оформить
– График работы
– Инициация звонка

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

———

@jun_hi
@jun_hi_vacancies

Фигма запускает бета тест новых компонентов.

💥💥💥 Nested instances

Теперь свойства компонентов которые имеют вложенные свойста выносятся в самый верх настроек.

Тем самым вам больше не нужно проваливаться внутрь компонента и настривать отдельно внутри свойста вложенного компонента.

Подробнее почитать можно тут и в твиттере в треде посмотреть, как все это работает https://twitter.com/molly_hellmuth/status/1572256172580929537?s=46&t=gbsszACnbGs6f1bBg2mHMg

Протестировать можно в бета версии фигмы (скачивается с их сайта).

———

@jun_hi
@jun_hi_vacancies

Всем привет. Как у вас настроение? Что-то работать не хочется 🐞

Давайте поболтаем в комментах.

Как назначать встречи.

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

1. Когда ставите встречу, обязательно пишите план встречи. Чтобы те, кого вы зовёте были в курсе, что будет обсуждаться. Можно ещё написать ожидаемый результат, чтобы понимать итоги встречи.

2. Приложите все файлы и документацию, которая поможет участникам встречи и на которую стоит обратить внимание.

3. Подумайте, а нужна ли вообще встреча или можно решить вопрос в переписке. Если вопросов очень много и они мелкого характера, конечно быстрее будет созвониться. Но не всегда. Зачастую вопрос решается в переписке за 10 минут.

4. После встречи (и в процессе) фиксируйте всю инфу и договорённости. Скиньте итоги всем, кто на ней был с датой встречи: о чем договорились, какие дальнейшие действия, с кем связаться по тем или иным вопросам. Так ничего не потеряется и не забудется.

Простые правила, которые сэкономят уйму времени. Если такого процесса в компании нет и встречи ставятся как попало – нужно его менять.

Как ставят встречи на вашей работе?) Пишите в комменты.

———

@jun_hi
@jun_hi_vacancies

🔥🔥🔥 Вакансии для дизайнеров

Напомню, что я запустил канал с вакансиями для продуктовых и ux/ui дизайнеров и сейчас там уже почти 3000 подписчиков. Это офигеть как круто!

Вакансии собираются с 30+ источников и публикуются один раз в день в 10:00 по Москве в количестве 8 штук. Кроме воскресенья.

Буду рад подписке, максимальному репосту, лайку и просто поддержке)

👉 Подписаться на канал
👉 Подписаться на канал
👉 Подписаться на канал

———

@jun_hi_vacancies
@jun_hi

👾 Inspiration #2

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– https://teamway.io
– https://zapier.com
– https://www.acorns.com
– https://www.wineinvestment.com
– https://www.capchase.com

———

– https://gigs.com/
– https://payhawk.com
– https://www.oxalife.com
– https://www.wealthsimple.com
– https://www.winden.co

———

– https://www.rollienation.com
– https://www.vana.com
– https://cal.com
– https://www.landing.love
– https://www.suku.world

———

– https://cord.com
– https://rcobiella.net
– https://bakkenbaeck.com
– https://sprout.place
– https://www.w1tty.com

———

– https://camillemormal.com
– https://drawhistory.com
– https://www.icam-inox.com
– https://walletconnect.com
– https://intl.nothing.tech

———

– https://july.fund
– https://meetwoodrow.com
– https://getdash.app
– https://jivati.com
– https://abstract.wannathis.one

———

@jun_hi
@jun_hi_vacancies

Как правильно проводить А/В тесты?

Серия коротких видео, которая ответит на вопросы:

– Универсальная формула гипотезы
– Примеры простых гипотез
– Примеры сложных гипотез
– Основные три процентных показателя для прямого маркетинга, которые можно улучшать
– Как выбрать период расчета показателя
– Подводные камни при тестировании
– Как определить точку завершения эксперимента
– Проблема «подглядывания»
– Параметры, которые влияют на размер выборки. Как посчитать выборку в калькуляторе достоверности АB-тестирования
– О проверке результатов по завершению теста
– Как пользоваться вкладкой «Итоги тестирования» в калькуляторе
– Как интерпретировать результаты эксперимента

👉 Смотреть видео

———

@jun_hi
@jun_hi_vacancies

Интересная статья от ребят из Dodo Engineering о том, как они дизайнили кнопку со свайпом

Внутри:
– Какое решение взяли за основу
– Все состояния кнопки-слайдера
– Анимации
– Незавершённые действия
– Завершённые действия
– Вибрации и отклик
– Разные контексты для кнопки (добавление в корзину, экран ввода карты и другие)
- Доступность данного решения
– VoiceOver для такой кнопки
– Результаты и выводы

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

———

@jun_hi
@jun_hi_vacancies

Бенчмаркинг или изучение конкурентов. Сегодняшняя статья об этом.

Внутри:
– Что это такое и почему этот способ ещё актуален
– Почему это необходимо для ux-дизайна
– В какой момент проводить
– Какие преимущества
– Как проводить
– Инструменты и методы для проведения бенчмаркинга
– Какие есть проблемы и ограничения
– Выводы

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

———

@jun_hi
@jun_hi_vacancies

Дизайн графиков

У меня вопрос к дизайнеру, кто рисовал графики для первого канала. Как 77% оказалось больше 83, а 66 больше 53 на пару пикселей.

Что с межстрочным расстоянием.

Почему первый канал не может нанять нормального дизайнера, кто будет делать такие графики красивыми и привлекательными?) Хотя, их аудитории это и не нужно, наверное)

Что думаете на счёт такого графика? 😄

———

@jun_hi
@jun_hi_vacancies

🔥🔥 Разбор сервиса DocuSign от ребят из Built for Mars

Внутри 93 слайда с разбором флоу регистрации и входа, а также первое использование сервиса. Какие есть нюансы и ошибки у сервиса с более чем 100+ млн клиентов.

👉 Посмотреть подробный разбор (слайды листаются, но они на англ, но там все легко).

Также внутри 4 полезных вывода, которые можно использовать в своих продуктах.

———

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

– Delta Airlines
– Wall Street Journal
– HBO MAX
– Gmail
– Uber Eats
– Cash App

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

Рекомендую поизучать.

———

@jun_hi
@jun_hi_vacancies

Сейчас стартует конференция по дизайну от Тинькофф.

Там будут ребята из МАХ, Алиэкспресс, Тинькофф, Учи.ру,

Думаю, будет интересно.

Залетайте смотреть - https://youtu.be/cAfDegxQSJ8

Немного полезного с конфы)

Коридорные тесты
https://ivanzviahin.by/blog/all/koridornye-testy/

Дизайн-процесс
https://ivanzviahin.by/blog/all/process/

Чеклист для проверки интерфейса
https://ivanzviahin.by/blog/all/self-checking-the-interface/

Анализ конкурентов
https://ivanzviahin.by/blog/all/analiz-konkurentov/

Аудитория
https://ivanzviahin.by/blog/all/audience/

Ваня оч крутой!)

———

@jun_hi
@jun_hi_vacancies

Заказ продуктов в Перекрёстке

Как только я начинаю заказывать доставку продуктов, так сразу натыкаюсь на фичи, которых мне не хватает.

Кейс: я набрал 30 товаров в корзину, набирал в течение минут 30 не спеша. У меня на аккаунте 0 бонусов.

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

Ответ: никак.

Почему никто не придумает такой функционал? Мне кажется, он реализуется не очень сложно с точки зрения технички и дизайна. Или я что-то упускаю?

———

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

@jun_hi
@jun_hi_vacancies

👾 Inspiration #3

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– https://www.homerun.co
– https://www.wealthsimple.com/en-ca/spend
– https://www.dopt.com
– https://www.modernlife.com
– https://dribbble.com/pro

———

– https://grabee.com
– https://app.termgrid.com
– https://italic.com
– https://www.helloattend.com
– https://gocardless.com

———

– https://www.travistravis.co
– https://www.closedonmonday.studio
– https://standards.site
– https://www.iconwerk.com
– https://threads.com

———

– https://housesof.world
– https://www.arcade.software
– https://stytch.com
– https://developer.apple.com/design/
– https://www.createwithplay.com

———

– https://www.klarna.com/us/
– https://www.kard.eu
– https://www.fragment.la
– https://flecto.io
– https://www.ozero.design

———

– https://www.future.1password.com
– https://pasteapp.io
– https://getdash.app
– https://www.editorx.com/shaping-design/digital-design-trends-2022
– https://www.useparallel.com

———

@jun_hi
@jun_hi_vacancies

Макеты должны быть в чистоте и порядке. Парочка плагинов для этого (спасибо awdee за подборочку)

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

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

Design System Organizer — упрощает работу со стилями и компонентами дизайн-системы: группирует компоненты, разгруппировывает их, перемещает и переименовывает сгруппированные компоненты

Logo Layout — помогает привести логотипы к одному оптическому весу и аккуратно выровнять их по сетке

Better Round to Pixel — округляет значения параметров элементов до целых чисел (координаты, скругления, цвета и так далее)

Clean Document — переименовывает и сортирует слои, разгруппировывает однослойные группы, удаляет скрытые слои и многое другое

Style Organizer — мощная работа со стилями. Можно смотреть все стили в одном месте, редактировать их и объединять, быстро переходить к элементам с этими стилями

Пользуюсь почти всеми плагинами, жизнь стала легче)

Какими пользуетесь для порядка в макетах?

———

@jun_hi
@jun_hi_vacancies

Сервис, внутри которого 100+ полезных ресурсов для дизайнера

Какие именно:
– Анимация
– Аудио
– Книги
– Доступность
– Цвета
– Генератор контента
– Референсы
– UI киты
– Градиенты
– Иконки
– Иллюстрации
– Сервисы для поиска работы
– Мокапы

И ещё много всего интересного) Пользуйтесь)

👉 Ссылочка на сервис

———

@jun_hi
@jun_hi_vacancies