На yellowimages.com хедер + поиск с фильтрами закрывает почти половину экрана при скролле.
Ладно у меня iMac 4К и экран большой, но если это ноут, то боль. Хотя, так тоже больно)
Что думаете?)
@jun_hi
Ладно у меня iMac 4К и экран большой, но если это ноут, то боль. Хотя, так тоже больно)
Что думаете?)
@jun_hi
Тут Сбер запустил сервис по доставке еды в Беларуси "Еду!". Думаю, кайф, должно быть что-то необычное.
Исполнительный директор говорит «Мы сделали это, сделали гораздо круче других игроков на рынке, сделали за несколько месяцев, сделали вопреки всем ограничениям», — сообщил Горшунов.
Видимо, за пару месяцев удалось скопировать лавку почти подчистую)
У них в инпуте правда, доставка поехала ещё. На QA не нашли денег((
Похоже? Ставлю 9 отличий из 10.
@jun_hi
Исполнительный директор говорит «Мы сделали это, сделали гораздо круче других игроков на рынке, сделали за несколько месяцев, сделали вопреки всем ограничениям», — сообщил Горшунов.
Видимо, за пару месяцев удалось скопировать лавку почти подчистую)
У них в инпуте правда, доставка поехала ещё. На QA не нашли денег((
Похоже? Ставлю 9 отличий из 10.
@jun_hi
Разбор.
В ноябре начал разбирать макеты, резюме, портфолио дизайнеров любого уровня, но преимущественно новичков. Пообщался более чем с 20ю классными ребятами и дал полезную обратную связь (по их отзывам).
🔥 Запись на ноябрь расписали за 2 дня.
Все разборы бесплатные. Делаю это, потому что хочу помогать и делать добро. Бескорыстно.
Если у вас есть макеты любого проекта, резюме, портфолио работ, вы хотите обсудить UX проекта, показать какой-то флоу — записывайтесь по ссылке: https://fb.sv/U8ukad
Буду очень признателен репостам в каналы / чаты и рекомендаций знакомым дизайнерам, которым это может быть полезно ❤️
@jun_hi
В ноябре начал разбирать макеты, резюме, портфолио дизайнеров любого уровня, но преимущественно новичков. Пообщался более чем с 20ю классными ребятами и дал полезную обратную связь (по их отзывам).
🔥 Запись на ноябрь расписали за 2 дня.
Все разборы бесплатные. Делаю это, потому что хочу помогать и делать добро. Бескорыстно.
Если у вас есть макеты любого проекта, резюме, портфолио работ, вы хотите обсудить UX проекта, показать какой-то флоу — записывайтесь по ссылке: https://fb.sv/U8ukad
Буду очень признателен репостам в каналы / чаты и рекомендаций знакомым дизайнерам, которым это может быть полезно ❤️
@jun_hi
Calendly
Anton Zakharov
Lead Product Designer в X5 Retail Group. Ранее Product Designer в Точке. Пишу немного про дизайн и жизнь в Telegram: @jun_hi
Дизайнер, привет pinned «Разбор. В ноябре начал разбирать макеты, резюме, портфолио дизайнеров любого уровня, но преимущественно новичков. Пообщался более чем с 20ю классными ребятами и дал полезную обратную связь (по их отзывам). 🔥 Запись на ноябрь расписали за 2 дня. Все разборы…»
Возможно, баян))
Иногда испытываю проблему: как можно быстро и удобно вырезать объект на картинке с минимальной погрешностью без фотошопа и в вебе, да ещё и с мобилки, иногда.
2 недели назад наткнулся на сервис, который делает это очень быстро и очень прост в использовании. Никаких лишних деталей, рекламы и других отвлекающих факторов.
https://cleanup.pictures/ — пользуйтесь)
Не реклама.
#полезное
@jun_hi
Иногда испытываю проблему: как можно быстро и удобно вырезать объект на картинке с минимальной погрешностью без фотошопа и в вебе, да ещё и с мобилки, иногда.
2 недели назад наткнулся на сервис, который делает это очень быстро и очень прост в использовании. Никаких лишних деталей, рекламы и других отвлекающих факторов.
https://cleanup.pictures/ — пользуйтесь)
Не реклама.
#полезное
@jun_hi
Контрастность.
При проектировании интерфейса важно проверять коэффициент контрастности. Смотря макеты, которые присылают для разбора, вижу в каждом втором одну и ту же проблему. Еле читаемый текст на кнопках, блеклые иконки, инпуты.
Проблема зрения присутствует у 1 из 12 мужчин и 1 из 200 женщин в мире. Если человеку трудно разглядеть, что написано на кнопке, понять, что это за элемент, то пользоваться продуктом желания не будет. Доступный цветовой контраст удобен для всех, а не только для людей с проблемами зрения.
WCAG (Web Content Accessibility Guidelines) говорит о том, что коэффициент контрастности должен быть не менее 4.5:1 для текста стандартного размера. Существуют требования и для крупного текста, иконок, инпутов и других элементов интерфейса.
Инструменты, чтобы проверить контраст цветов, например:
- Stark plugin (Figma, Sketch, Adobe XD, Chrome)
- Colorable
- Google Lighthouse
Удачи и не забывайте о людях с ограничениями.
#UXUI
При проектировании интерфейса важно проверять коэффициент контрастности. Смотря макеты, которые присылают для разбора, вижу в каждом втором одну и ту же проблему. Еле читаемый текст на кнопках, блеклые иконки, инпуты.
Проблема зрения присутствует у 1 из 12 мужчин и 1 из 200 женщин в мире. Если человеку трудно разглядеть, что написано на кнопке, понять, что это за элемент, то пользоваться продуктом желания не будет. Доступный цветовой контраст удобен для всех, а не только для людей с проблемами зрения.
WCAG (Web Content Accessibility Guidelines) говорит о том, что коэффициент контрастности должен быть не менее 4.5:1 для текста стандартного размера. Существуют требования и для крупного текста, иконок, инпутов и других элементов интерфейса.
Инструменты, чтобы проверить контраст цветов, например:
- Stark plugin (Figma, Sketch, Adobe XD, Chrome)
- Colorable
- Google Lighthouse
Удачи и не забывайте о людях с ограничениями.
#UXUI
Полезное #4
------------------
Плагины для Figma:
🔸 Supersearch — продвинутый поиск по всем элементам проекта
🔸 Vivid Gradient — более яркие и насыщенные градиенты, чем встроенные
🔸 Wire Box — преобразование фреймов в их lo-fi версии, нарисованные одним цветом, чтобы было проще думать об архитектуре и взаимодействиях, не отвлекаясь на визуальную составляющую
------------------
Интересные сервисы и сайты:
🔹 Anytype. Стильный лендинг нового сервиса для хранения и обработки персональной информации.
🔹 Справочник. Справочник по дизайну для Apple Watch на русском
🔹 Calltoidea. Большое количество референсов по фильтрам.
🔥🔥 Полезное для новичков. Статьи, новости, паттерны и вдохновиться тоже) Множество статей, полезные новичку и просто на почитать.
------------------
Бесплатные файлы:
▪️ Edge. Набор бесплатных иконок от Craftwork. 150 линейных иконок с острыми углами, каждая в трёх вариантах жирности. Форматы Figma и SVG.
▪️ Scenic. Набор из 60 иллюстраций для использования в качестве фонов сайтов или приложений. PNG бесплатно, исходники вместе с анимированными версиями стоят 78 $.
▪️ Smart Charts Kit. Набор из 15 симпатичных диаграмм для дашбордов, формат Figma.
------------------
#полезное
@jun_hi
------------------
Плагины для Figma:
🔸 Supersearch — продвинутый поиск по всем элементам проекта
🔸 Vivid Gradient — более яркие и насыщенные градиенты, чем встроенные
🔸 Wire Box — преобразование фреймов в их lo-fi версии, нарисованные одним цветом, чтобы было проще думать об архитектуре и взаимодействиях, не отвлекаясь на визуальную составляющую
------------------
Интересные сервисы и сайты:
🔹 Anytype. Стильный лендинг нового сервиса для хранения и обработки персональной информации.
🔹 Справочник. Справочник по дизайну для Apple Watch на русском
🔹 Calltoidea. Большое количество референсов по фильтрам.
🔥🔥 Полезное для новичков. Статьи, новости, паттерны и вдохновиться тоже) Множество статей, полезные новичку и просто на почитать.
------------------
Бесплатные файлы:
▪️ Edge. Набор бесплатных иконок от Craftwork. 150 линейных иконок с острыми углами, каждая в трёх вариантах жирности. Форматы Figma и SVG.
▪️ Scenic. Набор из 60 иллюстраций для использования в качестве фонов сайтов или приложений. PNG бесплатно, исходники вместе с анимированными версиями стоят 78 $.
▪️ Smart Charts Kit. Набор из 15 симпатичных диаграмм для дашбордов, формат Figma.
------------------
#полезное
@jun_hi
Я частенько смотрю англо-язычные видео на NNG и других каналах по UX, либо какие-то записи конференций на английском. И с моим уровнем это проблематично, чтобы сходу понимать суть и не делать кучу пауз.
Решение простое: заюзать Яндекс.Браузер, который в реал-тайме переводит видосы на ютубе (где чаще всего смотрю) сходу, с приятной озвучкой. Ещё и на пол делит (мужской / женский).
Кстати, на мобилке (IOS) тоже работает в приложении Яндекса.
Использую Яндекс.Браузер только для этого, а в остальном шлак.
Это не реклама. Юзайте)
#полезное
@jun_hi
Решение простое: заюзать Яндекс.Браузер, который в реал-тайме переводит видосы на ютубе (где чаще всего смотрю) сходу, с приятной озвучкой. Ещё и на пол делит (мужской / женский).
Кстати, на мобилке (IOS) тоже работает в приложении Яндекса.
Использую Яндекс.Браузер только для этого, а в остальном шлак.
Это не реклама. Юзайте)
#полезное
@jun_hi
👍1
Я сегодня на конфе по проектированию сложных систем. Выступают ребята из Яндекса, Сбера, Тинькофф, ВКонтакте.
Буду писать какие-то заметки сюда)
Сейчас выступает Алексей Белицкий из Яндекса (Алиса) и рассказывает про компьютерное зрение в сервисах Яндекса и как они делали умную камеру в Яндексе.
— Изучали конкурентов.
— Смотрели референсы
— Штурмили постоянно разные идеи
— Мыслили подходом "за" и "против" командой
— Собирали мудборды с разных площадок, просматривая множество приложений
Если не смотреть аналоги — есть вероятность изобрести велосипед.
Процесс:
— Делали как можно больше разных вариантов.
— Опирались на данные исследований
— Использовали технику "двойного бриллианта", это когда накидываешь концепты > выбираешь одно направление > делаешь ещё варианты выбранной концепции > по итогу получаешь то, что нужно.
Концепты полезно делать, когда нет никаких идей и не понятно с чего начать.
После получения первого варианта камеры, пошли проводить UX исследования в лаборатории. Хватило 10 респондентов, чтобы найти проблемы при использовании прототипа.
Буду писать какие-то заметки сюда)
Сейчас выступает Алексей Белицкий из Яндекса (Алиса) и рассказывает про компьютерное зрение в сервисах Яндекса и как они делали умную камеру в Яндексе.
— Изучали конкурентов.
— Смотрели референсы
— Штурмили постоянно разные идеи
— Мыслили подходом "за" и "против" командой
— Собирали мудборды с разных площадок, просматривая множество приложений
Если не смотреть аналоги — есть вероятность изобрести велосипед.
Процесс:
— Делали как можно больше разных вариантов.
— Опирались на данные исследований
— Использовали технику "двойного бриллианта", это когда накидываешь концепты > выбираешь одно направление > делаешь ещё варианты выбранной концепции > по итогу получаешь то, что нужно.
Концепты полезно делать, когда нет никаких идей и не понятно с чего начать.
После получения первого варианта камеры, пошли проводить UX исследования в лаборатории. Хватило 10 респондентов, чтобы найти проблемы при использовании прототипа.
Важно выходить за рамки того, что делаешь. Не делать в пределах того, что уже было.
На 1й фотке что было вначале, потом начали улучшать и думать дальше.
На исследованиях пользователи сказали, что камера работает быстро и можно даже не делать фото.
Также, есть небольшая стата, что пользователи чаще всего фотографируют.
#яндекс #конфа
На 1й фотке что было вначале, потом начали улучшать и думать дальше.
На исследованиях пользователи сказали, что камера работает быстро и можно даже не делать фото.
Также, есть небольшая стата, что пользователи чаще всего фотографируют.
#яндекс #конфа
По стате Яндекс понял, что можно улучшать транспорт и еду. То есть, наводишь на авто, получаешь страницу с авто.ру.
Получился бабл. Начали добавлять эмоций, так как поняли, что было суховато.
Пошли тестить, чтобы проверить, не будет ли пользователей раздражать эта шутливасть. И половина пользователей восприняла такие шутки, как "приятные". Остальная часть сказала "нам пофиг, я не оч понимаю зачем это тут, но мне ок".
#конфа #яндекс
Получился бабл. Начали добавлять эмоций, так как поняли, что было суховато.
Пошли тестить, чтобы проверить, не будет ли пользователей раздражать эта шутливасть. И половина пользователей восприняла такие шутки, как "приятные". Остальная часть сказала "нам пофиг, я не оч понимаю зачем это тут, но мне ок".
#конфа #яндекс