Дизайн-печь 🔥 Ваня Емелюшкин – Telegram
Дизайн-печь 🔥 Ваня Емелюшкин
1.78K subscribers
585 photos
66 videos
556 links
Ваня Емелюшкин — Sr. Product Designer в ecom.tech. Дизайнил Самокат, Мегамаркет, InDrive, Ингосстрах, Альфастрахование, S7, Welltory

Про красивое https://news.1rj.ru/str/uigallery
Статьи https://dsgners.ru/user/ivan-emeliushkin

Связь @Nordicus
Download Telegram
Новый Айфон и главаная Эппл. Как вам?
Эппл адаптирует главную сайта под новый продукт.
Так он концентрирует всё внимание на новинке. Даже плиточкой внизу никто ничего продать не пытается. Уверен, через пару месяцев всё вернётся к привычной выкладке товаров, но пока прикольно)

https://www.apple.com/ru/
Хитрый Эппл не даёт сравнивать более мощные айфоны с новым =/
Мой коллега по профессии, Евгений отдаёт ключ от Protopie на 4 месяца первому, кто повторит переход с его примера.

Protopie — сильный инструмент для создания прототипов и Евгений старается, чтобы больше дизайнеров узнало о нём.
Forwarded from ProtoPie 🍰
​​#challenge #fun

Окей) Тогда попробуем расширить аудиторию для привлечения новичков.
Хееей, репостните в свои крутые каналы? =)

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

Собственно любой дизайнер может начать знакомство с этой замечательной программой, скачав триалку на 7 дней и сделать такой переход получить ключ на 4 месяца, потом, по моему опыту, с одного проекта лицензия на год легко окупается)

Ну а если вы уже пользуетесь паем, можете ради фана поучаствовать и прислать мне свою реализацию) и заходите в наш чатик, там есть много интересного

P.S. Это не какая-то реклама от протопая, они даж, скорее всего, не в курсе... Но если эксперимент будет удачный - можно будет попробовать организовать подобные конкурсы-челленджи на постоянной основе, хз).
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопки просмотра проектов никак не могут отпустить курсор и тянутся к нему.
https://cuberto.com/services/

#ux_мелочи
Люблю такие приколы на злободневные темы. Странно, что нет ссылки на автора. Для создателя таких штук это отличный повод заявить о себе

http://kukuhatravel.ru/
Тинькофф подключил возможность записывать звонки. Жду, когда добавят расшифровку)
Перечитывать звонки! Ну разве не прелесть. Так пакет Яровой из злого нквдшного замка волшебной палочкой маркетинга превращается в прикольную фишку. Отличный пример выхода в плюс из ограничений
This media is not supported in your browser
VIEW IN TELEGRAM
В списках на Айос стрелка направо значит переход. Это безопасный жест навигации, к нему быстро привыкаешь.

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

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

Приложение Take&Go.
#ux_мелочи
This media is not supported in your browser
VIEW IN TELEGRAM
Сам айфон нарушает это правило в приложении Файлы, но делает не так критично: по-умолчанию списки раскрыты, нет разделителей. Но всё равно не надо так.
#ux_мелочи
Принцип «Покажи клавиатуру сразу»

Если у вас есть экран, где главное действие — ввести текст — покажите клавиатуру сразу, как человек зашел на экран. Не заставляйте его тянуться к полю ввода. Помогите ему сразу сделать то, ради чего он зашел. Форма комментария — покажите клавиатуру. Ввод кода по смс — покажите клавиатуру. Поиск города в списке — покажите клавиатуру. Регистрация — клавиатуру.

Исключение — экран логина с возможностью зайти через соцсети. Тут как раз ввод текста — не главное. Люди заходят через соцсети и важно, чтобы их фокус внимания не смещали на неудобный им способ входа. Выбор должен быть равнозначный. Если у вас нет альтернативных способов входа — клавиатуру.
Сегодня буду ворчать на приложение для продажи ж/д билетов от Туту.ру. В основном по мелочам, которые не блокирую работу с продуктом, но влияют на ощущения от него. Вышло целых 3 неплохих принципа. Приготовьтесь, будет много. Если вы знаете кого-нибудь оттуда — покажите им, может пригодится.
Принцип «Не давай совершать ошибку»
Если в вашем продукте клиент может совершить ошибку, подумайте как его ограничить, чтобы ошибки не возникло вовсе. Например, в приложении Туту.ру можно выбрать одну и ту же станцию прибытия и отправления. Если бы они исключали совпадение из списка станций прибытия, то такую ошибку было бы невозможно совершить.
Принцип «Направляй, а не ругайся»
Если клиент совершил ошибку, не стоит на него ругаться. Ошибки совершаются по невнимательности, но когда за них получешь — чувствуешь себя дураком. Никто не любит чувствовать себя дураком.

Если клиент не заполнил поле и жмёт на кнопку «далее» — направьте его: поставьте фокус на это поле, откройте клавиатуру. Можно написать аккуратное «Укажите» под полем ввода. Главное — не скатываться в нахально-безразличное «Обязательно для заполнения». Звучит, будто тётка на почте нахамила.

Ещё хуже, если вы указываете клиенту на ошибку модальным окном. Модальные онка прерывают сценарий и акцентируют на себя внимание. Если подпись об ошибке под полем ввода можно сравнить с деликатным шепотом, то модальное окно — это громкое заявление.
This media is not supported in your browser
VIEW IN TELEGRAM
Принцип «Данные бесценны»
Самое страшное что может сделать сервис — не сохранить результат трудов клиента. Если клиент напечатал сообщение, но страница случайно обновилась и сообщение исчезло — это провал. По этой же причине, сервис должен хранить всё, что клиент в него вбивал: историю поисков, незавершенные сообщения, недооформленные билеты.

В реальности следовать этому принципу невероятно сложно: интернета нет, а клиент закрыл приложение, сервер пока не готов хранить все данные и т.д. Думать в эту сторону нужно всегда.

Туту.ру и молодец и не молодец сразу. Молодец, потому что можно начать добавлять пассажира, а закончить когда-то потом. Не молодец, потому что обязательно надо ввести и имя и фамилию. Почему так — не понятно.

Ещё они молодцы, потому что достаточно аккуратно сообщают, что фамилия обязательна, но не молодцы, потому что мне нужно тянуться к верхней строчке через всю длину своего телефона чтобы начать печатать. Можно ведь сразу было открыть клавиатуру.
А вот и самое главное ворчание на Туту.ру. Зачем мне поезд который ушел? Почему он показан так, будто я могу купить на него билет? Вот тут я совсем в ступоре.
Этими недугами страдает только приложение для покупки ж/д билетов. Я использовал его, чтобы наглядно показать принципы, о которых хотел рассказать. Уверен, что ребята поправят его и сделают нормально.

Например, в остальных приложениях компании нет прошедших рейсов, а пассажира добавляется автоматически после покупки билета. Зацените как круто ребята сделали работу с пустыми и совпадающими полями на главной. Ни ошибок, ни ворчаний. Наоборот, хочется поиграться. Совсем другое ощущение. Красавцы)
Бюро Горбунова выравнивает карточки и текст по верхней границе строки. Так заглавная в начале предложения лучше видна и цепляет глаз.

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

Такие тонкие моменты и есть почерк дизайнера. По ним можно определить приверженец каких идей был автор.