Дизайнер из Майкрософт поделился скрином, где они делают киты для IOS / Android / Web.

Интересно посмотреть, что получится в итоге, говорит, что скоро выйдут в релиз)

Еще интересные команды слева у него)) Explore (2024), посмотреть бы, что там внутри готовят Microsoft 😂

———

@jun_hi
@jun_hi_vacancies

Маша из Karuna написала статью о том, как недорого проверять гипотезы по тексту в интерфейсе

Внутри:
– Какой продукт они делали
– Коридорные тестирования (плюсы / минусы)
– Как используют исследования на примере их приложения
– Тест на новичка
– 5-ти секундный тест
– Сбор обратной связи после исследования
– Выводы

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

———

@jun_hi
@jun_hi_vacancies

Пост не о дизайне (хотя частично тут про небольшое удобство).

Пользуюсь айфоном уже несколько лет, но не знал о такой фиче. У меня иос 16 бета, возможно у кого-то не будет.

В приложении телефон на любом номере в контактах или нет, открываете информацию, зажимаете на трубке и появятся мессенджеры. Можно набрать в вотсап / телеграм / ВК итд, если номер есть в мессенджере. А после звонка можно и писать)

В вотсап можно нажать вызов и тут же сбросить, а затем в звонках в вотсапе открыть инфу о номере и написать сообщение.

А я блин сервисами пользовался специальными, которые позволяют туда писать по номеру, не добавляя в контакты.

Ссори, если кто-то уже знал об этом. Я вот только что 😂

———

@jun_hi
@jun_hi_vacancies

Как тестировать интерфейс по модели Кано, статья от Heads and Hands.

Внутри:
– Базовые элементы
– Желаемые элементы
– Восхищающие элементы
– Какие обновления оценят пользователи (как определить)
– Опрос пользователей
– Группировка элементов
– План обновления интерфейса

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

———

@jun_hi
@jun_hi_vacancies

Иногда, когда прохожу рядом с каким-то крутым домом, хочу посмотреть, сколько тут стоят квартиры. Давно не заходил в циан, решил зайти по номеру телефона.

1. Ввожу номер. Нажимаю продолжить.
2. Циан говорит, что сейчас позвоним, введите последние 4 цифры от номера, с которого наберем.
3. Жду. Звонка нет.
4. Нажимаю «мне не позвонили». Звонка нет.
5. Нажимаю еще раз. Звонка нет.
6. Кнопки отправить смс нет.
7. Потом после 3 нажатия выкинуло на главный экран с авторизацией и пришла смс с кодом (что?).
8. Куда ввести смс, если я на авторизации?

В общем, цену так и не посмотрел. Грустно.

Часто сталкиваетесь с тупиковыми ситуациями? Когда столкнулись последний раз?) Пишите, интересно почитать, где еще есть такие тупняки.

———

@jun_hi
@jun_hi_vacancies

🇬🇧 Практическая статья о том, как правильно реализовать поле для ввода телефона на сайтах и приложениях.

Внутри:
– Коды стран и международные различия
– Длина и вариации
– Какой формат использовать
– Основы проектирования
– Автоматическое заполнение
– Рекомендации

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

———

@jun_hi
@jun_hi_vacancies

Что такое дизайн-долг. Сегодняшняя статья об этом)

Внутри:
– Что это такое
– UX-дизайн долг
– Операционный
– Визуальный
– Технический
– Почему он возникает
– Слои дизайн-долга
– Процесс принятия решений

И ещё парочка пунктов) Мне кажется дизайн-долг бесконечная штука, которая будет всегда))

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

У вас в компании есть дизайн-долг?)

———

@jun_hi
@jun_hi_vacancies

🔥Сегодня мега-мощная статья от моего товарища Стаса из HardClient про авторизацию через мобильный телефон.

Всё как обычно, тонна примеров, 130+ гайдлайнов как делать правильно и не правильно.

Внутри:
– Интерфейс ввода номера
– Ввод номера телефона
– Ограничение ввода номера
– Обработка ошибок
– Кнопка получения кода
– Согласие с политиками
– Каналы доставки смс кода
– SMS с кодом
– Ввод кода
– Ограничение ввода кода
– Проверка кода
– Телефон при вводе кода
– Повторный запрос кода

Читать всем, это мастхев) Лучше с ПК)

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

———

@jun_hi
@jun_hi_vacancies

Статья от ребят из red_mad_robot о том, как они сокращали количество исправлений дизайна на этапе разработки

Внутри:
– Из-за каких ошибок приходится переделывать UI/UX
– Что лежит под капотом любого приложения
– Взаимодействие и общение между «системами»
– Обработка запросов сервера (что с дизайном в этом случае)
– Ошибки сервера
– Работа с данными

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

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

———

@jun_hi
@jun_hi_vacancies

Удержание пользователя и польза

Делаю заказы в Яндекс.Лавке и всегда после оформления заказа и его ожидания играю в игру, которая есть внизу в информации о заказе. Механика супер простая, нужно пройти препятствия, параллельно собирая баллы.

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

Возможно, в будущем её будут дорабатывать. Я бы сделал ещё какой-нибудь рейтинг «ждунов», кто нафармил больше всех за неделю, и им ещё дополнительно давать баллы, например.

Ещё как вариант собирать не баллы, а например скидки в процессе на какие-то товары. Аля оп и 30% скидочка на сыр или 20% на арбуз летом)

Кто заказывал в лавке, играли в эту игру?
Кто не заказывает в лавке, где-то встречали ещё такие механики удержания и пользы?)

———

@jun_hi
@jun_hi_vacancies

Сегодня будет несколько видео с прошедшей конференции о цифровой доступности.

Разные люди с разными нарушениями расскажут про свой пользовательский опыт и как они возаимодействуют с продуктами.

1. Евгений Арнапольский — незрячий пользователь программ экранного доступа

2. Денис Редькин — пользователь с нарушением моторики

3. Павел Любецкий — пользователь с астеническим синдромом

4. Геннадий Тихненко — пользователь с нарушением слуха

5. Алексей Цаплин — слабовидящий пользователь

Рекомендую к просмотру всем, кто делает продукты и не только. Будет полезно понимать и видеть, как работают пользователи с разными нарушениями.

———

@jun_hi
@jun_hi_vacancies

Отличная статья о том, что такое дизайн ревью и как к этому прийти в команде от Ксении Беляевой – старшего продуктового дизайнера в Ozon.

Внутри:
– Что такое дизайн-ревью и зачем оно нужно
– Какие проблемы решаются
– Кто и как должен внедрять этот процесс
– Опыт Ozon по внедрению
– Схема работы дизайн-ревью и её преимущества
– Что и как делают дизайнер и разработчик в этом процессе
– Работа с Jira
– Найденные минусы, которые нужно исправить
– Итоги

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

🔥 Чек-лист для дизайн ревью
🔥 Figma файл для фиксирования найденных ошибок

———

@jun_hi
@jun_hi_vacancies

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

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

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

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

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

Новые вакансии на 26 августа уже там)

———

@jun_hi_vacancies
@jun_hi

Оkko.

Вчера с женой решили посмотреть сериал. С телека зашли в приложение Okko.

Чтобы посмотреть, нужно авторизоваться. Аккаунта у меня нет, поэтому регистрируемся.

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

Ок, сбрасываю пароль. Наконец-то авторизуюсь. Но это не все, чтобы смотреть, нужно привязать карту и оформить подписку. Думаю, ну нахер, попробую с телефона. Открываю главную, там баннер «30 дней бесплатно». Нажимаю, кидает на страницу оформления подписки, где 30 дней 799 рублей.

Делаю тоже самое на телеке, там 7 дней за рубль. Нажимаю, просит ввести карту. Вводить карту на телевизоре ад, а еще идти за ней, так как цифры я не помню.

В общем, не посмотрели мы сериал. Какие-то адские лабиринты, чтобы посмотреть контент. Я не осилил 😂

———

Кто-то сталкивался с такой болью в онлайн кинотеатрах?) особенно, когда нужно ввести почту, которая у тебя длинная, а входа по qr или телефону нет. Сразу пока.

@jun_hi
@jun_hi_vacancies

5 болей во взаимодействии на этапе проектирования. Отличная статья от red_mad_robot.

Внутри:
– Самые частые кейсы на этапе проектирования, с которыми сталкивается дизайнер и аналитик
– Процесс реализации проектов (10 пунктов)
– Как дизайнеру работать с аналитиком
– Блок-схема основных сценариев и её описание (можно забрать к себе)
– Проработка краевых сценариев
– Что делать, когда не сходятся дизайн и требования. Там же требования к описанию требований (да)
– Требования к макетам (много полезного про них)
– Оверинжиниринг. Что это и с чем можно столкнуться в процессе проектирования.
– Проблемы с коммуникацией дизайнера и аналитика

👉 Читать статью: https://cutt.ly/KX5V3zR

———

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

Расскажите про ваш опыт передачи макетов в разработку. Описываете ли макеты? Пишите требования? Пояснения к макетам?) Интересно было бы послушать разный опыт.

Го в комменты 🙂

———

@jun_hi
@jun_hi_vacancies

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

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

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

———

P.S Чтобы не возникало ситуации, которая выше, я стараюсь держать ссылку на макеты открытой и она есть у всех, кто в этом заинтересован. Макеты показываю итерационнно, ставя промежуточные синки на бизнес и разработку, а не сразу на 100 экранов. Разработка часто даёт полезные советы и говорит про ограничения, которые можно упустить в процессе.

Когда идёшь итерациями, собираешь мини-демо раз в неделю и макеты всегда доступны для всех, сделать что-то не то на финале почти невозможно. Но тут важно объяснить всем, что есть страницы, где вы работаете (in progress) и комментировать что-то там смысла нет. Готовые кусочки флоу я кидаю на отдельную страницу (done), которую можно обсуждать и давать комментарии ещё до синка.

@jun_hi
@jun_vacancies

Статья о том, как проектировать раздел «‎избранное»‎. 115 гайдов с большим количеством примеров.

Внутри:
– Добавление в избранное
– Подтверждение
– Кнопка перехода в избранное
– Placeholder
– Сама страница
– Списки покупок
– Удаление из избранного

Статья объёмная, поэтому рекомендую смотреть с ПК. Но айфон тоже загрузил)

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

———

@jun_hi
@jun_hi_vacancies

Скорость сборки макетов

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

Ещё хуже, бывает нужны иллюстрации или крутой пак иконок. Но, всё стоит либо конских денег, либо ужасного качества.

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

По своей судьбе дизайнера я познакомился с Дэнчиком, который основал супер крутую студию Craftwork. Уверен, вы многие их знаете. Он пришёл ко мне и сказал «Антох, мы тут запустили телеграм канальчик с нашими ассетами за 990 руб/мес, расскажешь на канале?».

С радостью рассказываю и денег не беру.

Отдельная стоимость всех продуктов, которые есть в канале $5000, а ребята отдают все по подписочке за 990 рублей в месяц. Даром? Думаю, да.

Внутри:
— 🏀 Наборы 2D и 3D иллюстраций
— 📱 Мобильные и Web UX/UI киты
— 🕸 Шаблоны сайтов и презентаций
— 🖥 Мокапы, шрифты, графика
— 🆕 Еженедельные релизы и апдейты

Все материалы распространяются по коммерческой лицензии, что и на сайте.

👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц
👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц
👉 Забрать доступ к материалам Craftwork за 990 рублей в месяц

———

@jun_hi
@jun_hi_vacancies

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

Внутри:
– Столбчатые диаграммы
– Колоночные
– Пиктограммы
– Множество диаграмм
– Хитмапы
– Донат чарты
– Pie чарты

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

Статья на английском, но легко читается и переводится.

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

———

@jun_hi
@jun_hi_vacancies

Давайте разберёмся раз и навсегда.

Под какие разрешения экранов делаете десктоп и адаптивы? Понятно, что нужно смотреть на аналитику, откуда там чаще заходят и прочее. Но если ничего нет.

1280-720-360?
2560-1920-1366-768-320?

Какой у вас наборчик?)

———

@jun_hi
@jun_hi_vacancies

Понедельник начнём со статьи от Эдварда Скотта о хлебных крошках в мобильных версиях интернет-магазинов

Внутри:
– Проблема неполных крошек на экране мобильного
– 2 способа избежать длинных хлебных крошек
– Как реализовать длинную цепочку
– Перенос и пропуск хлебных крошек
– Ещё несколько советов по реализации

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

———

@jun_hi
@jun_hi_vacancies