Новый Айфон и главаная Эппл. Как вам?
Эппл адаптирует главную сайта под новый продукт.
Так он концентрирует всё внимание на новинке. Даже плиточкой внизу никто ничего продать не пытается. Уверен, через пару месяцев всё вернётся к привычной выкладке товаров, но пока прикольно)
https://www.apple.com/ru/
Эппл адаптирует главную сайта под новый продукт.
Так он концентрирует всё внимание на новинке. Даже плиточкой внизу никто ничего продать не пытается. Уверен, через пару месяцев всё вернётся к привычной выкладке товаров, но пока прикольно)
https://www.apple.com/ru/
Apple
Официальная служба поддержки Apple
Служба поддержки Apple всегда готова прийти на помощь. Узнайте больше о популярных темах и найдите ресурсы, посвященные любым продуктам Apple.
Мой коллега по профессии, Евгений отдаёт ключ от Protopie на 4 месяца первому, кто повторит переход с его примера.
Protopie — сильный инструмент для создания прототипов и Евгений старается, чтобы больше дизайнеров узнало о нём.
Protopie — сильный инструмент для создания прототипов и Евгений старается, чтобы больше дизайнеров узнало о нём.
Forwarded from ProtoPie 🍰
#challenge #fun
Окей) Тогда попробуем расширить аудиторию для привлечения новичков.
Хееей, репостните в свои крутые каналы? =)
Я решил, в качестве эксперимента, подарить ключ на 4 месяца лицензии ProtoPie тому, кто сможет сделать транзишен между экранами как на гифке) Особых требований нет, сделайте хорошо и похоже) Присылайте результат мне в личку. Первому дам ключ)
Собственно любой дизайнер может начать знакомство с этой замечательной программой, скачав триалку на 7 дней и сделать такой переход получить ключ на 4 месяца, потом, по моему опыту, с одного проекта лицензия на год легко окупается)
Ну а если вы уже пользуетесь паем, можете ради фана поучаствовать и прислать мне свою реализацию) и заходите в наш чатик, там есть много интересного
P.S. Это не какая-то реклама от протопая, они даж, скорее всего, не в курсе... Но если эксперимент будет удачный - можно будет попробовать организовать подобные конкурсы-челленджи на постоянной основе, хз).
Окей) Тогда попробуем расширить аудиторию для привлечения новичков.
Хееей, репостните в свои крутые каналы? =)
Я решил, в качестве эксперимента, подарить ключ на 4 месяца лицензии ProtoPie тому, кто сможет сделать транзишен между экранами как на гифке) Особых требований нет, сделайте хорошо и похоже) Присылайте результат мне в личку. Первому дам ключ)
Собственно любой дизайнер может начать знакомство с этой замечательной программой, скачав триалку на 7 дней и сделать такой переход получить ключ на 4 месяца, потом, по моему опыту, с одного проекта лицензия на год легко окупается)
Ну а если вы уже пользуетесь паем, можете ради фана поучаствовать и прислать мне свою реализацию) и заходите в наш чатик, там есть много интересного
P.S. Это не какая-то реклама от протопая, они даж, скорее всего, не в курсе... Но если эксперимент будет удачный - можно будет попробовать организовать подобные конкурсы-челленджи на постоянной основе, хз).
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопки просмотра проектов никак не могут отпустить курсор и тянутся к нему.
https://cuberto.com/services/
#ux_мелочи
https://cuberto.com/services/
#ux_мелочи
Люблю такие приколы на злободневные темы. Странно, что нет ссылки на автора. Для создателя таких штук это отличный повод заявить о себе
http://kukuhatravel.ru/
http://kukuhatravel.ru/
Тинькофф подключил возможность записывать звонки. Жду, когда добавят расшифровку)
Перечитывать звонки! Ну разве не прелесть. Так пакет Яровой из злого нквдшного замка волшебной палочкой маркетинга превращается в прикольную фишку. Отличный пример выхода в плюс из ограничений
This media is not supported in your browser
VIEW IN TELEGRAM
В списках на Айос стрелка направо значит переход. Это безопасный жест навигации, к нему быстро привыкаешь.
Некоторые дизайнеры нарушают этит принцип и на стрелку вправо ставят навигацию снизу вверх, диалог, выбор. Не надо так. Сразу ощущение, будто открываешь дверь в соседнюю комнату, а там пропасть.
Если у вас кнопки в списке ведут на другую навигацию, отделяйте их, рисуйте кнопками, просто ячейками без стрелок, добавляйте им иконок. Не делайте неожиданную навигацию.
Приложение Take&Go.
#ux_мелочи
Некоторые дизайнеры нарушают этит принцип и на стрелку вправо ставят навигацию снизу вверх, диалог, выбор. Не надо так. Сразу ощущение, будто открываешь дверь в соседнюю комнату, а там пропасть.
Если у вас кнопки в списке ведут на другую навигацию, отделяйте их, рисуйте кнопками, просто ячейками без стрелок, добавляйте им иконок. Не делайте неожиданную навигацию.
Приложение Take&Go.
#ux_мелочи
This media is not supported in your browser
VIEW IN TELEGRAM
Сам айфон нарушает это правило в приложении Файлы, но делает не так критично: по-умолчанию списки раскрыты, нет разделителей. Но всё равно не надо так.
#ux_мелочи
#ux_мелочи
Принцип «Покажи клавиатуру сразу»
Если у вас есть экран, где главное действие — ввести текст — покажите клавиатуру сразу, как человек зашел на экран. Не заставляйте его тянуться к полю ввода. Помогите ему сразу сделать то, ради чего он зашел. Форма комментария — покажите клавиатуру. Ввод кода по смс — покажите клавиатуру. Поиск города в списке — покажите клавиатуру. Регистрация — клавиатуру.
Исключение — экран логина с возможностью зайти через соцсети. Тут как раз ввод текста — не главное. Люди заходят через соцсети и важно, чтобы их фокус внимания не смещали на неудобный им способ входа. Выбор должен быть равнозначный. Если у вас нет альтернативных способов входа — клавиатуру.
Если у вас есть экран, где главное действие — ввести текст — покажите клавиатуру сразу, как человек зашел на экран. Не заставляйте его тянуться к полю ввода. Помогите ему сразу сделать то, ради чего он зашел. Форма комментария — покажите клавиатуру. Ввод кода по смс — покажите клавиатуру. Поиск города в списке — покажите клавиатуру. Регистрация — клавиатуру.
Исключение — экран логина с возможностью зайти через соцсети. Тут как раз ввод текста — не главное. Люди заходят через соцсети и важно, чтобы их фокус внимания не смещали на неудобный им способ входа. Выбор должен быть равнозначный. Если у вас нет альтернативных способов входа — клавиатуру.
Сегодня буду ворчать на приложение для продажи ж/д билетов от Туту.ру. В основном по мелочам, которые не блокирую работу с продуктом, но влияют на ощущения от него. Вышло целых 3 неплохих принципа. Приготовьтесь, будет много. Если вы знаете кого-нибудь оттуда — покажите им, может пригодится.
Принцип «Не давай совершать ошибку»
Если в вашем продукте клиент может совершить ошибку, подумайте как его ограничить, чтобы ошибки не возникло вовсе. Например, в приложении Туту.ру можно выбрать одну и ту же станцию прибытия и отправления. Если бы они исключали совпадение из списка станций прибытия, то такую ошибку было бы невозможно совершить.
Если в вашем продукте клиент может совершить ошибку, подумайте как его ограничить, чтобы ошибки не возникло вовсе. Например, в приложении Туту.ру можно выбрать одну и ту же станцию прибытия и отправления. Если бы они исключали совпадение из списка станций прибытия, то такую ошибку было бы невозможно совершить.
Принцип «Направляй, а не ругайся»
Если клиент совершил ошибку, не стоит на него ругаться. Ошибки совершаются по невнимательности, но когда за них получешь — чувствуешь себя дураком. Никто не любит чувствовать себя дураком.
Если клиент не заполнил поле и жмёт на кнопку «далее» — направьте его: поставьте фокус на это поле, откройте клавиатуру. Можно написать аккуратное «Укажите» под полем ввода. Главное — не скатываться в нахально-безразличное «Обязательно для заполнения». Звучит, будто тётка на почте нахамила.
Ещё хуже, если вы указываете клиенту на ошибку модальным окном. Модальные онка прерывают сценарий и акцентируют на себя внимание. Если подпись об ошибке под полем ввода можно сравнить с деликатным шепотом, то модальное окно — это громкое заявление.
Если клиент совершил ошибку, не стоит на него ругаться. Ошибки совершаются по невнимательности, но когда за них получешь — чувствуешь себя дураком. Никто не любит чувствовать себя дураком.
Если клиент не заполнил поле и жмёт на кнопку «далее» — направьте его: поставьте фокус на это поле, откройте клавиатуру. Можно написать аккуратное «Укажите» под полем ввода. Главное — не скатываться в нахально-безразличное «Обязательно для заполнения». Звучит, будто тётка на почте нахамила.
Ещё хуже, если вы указываете клиенту на ошибку модальным окном. Модальные онка прерывают сценарий и акцентируют на себя внимание. Если подпись об ошибке под полем ввода можно сравнить с деликатным шепотом, то модальное окно — это громкое заявление.
This media is not supported in your browser
VIEW IN TELEGRAM
Принцип «Данные бесценны»
Самое страшное что может сделать сервис — не сохранить результат трудов клиента. Если клиент напечатал сообщение, но страница случайно обновилась и сообщение исчезло — это провал. По этой же причине, сервис должен хранить всё, что клиент в него вбивал: историю поисков, незавершенные сообщения, недооформленные билеты.
В реальности следовать этому принципу невероятно сложно: интернета нет, а клиент закрыл приложение, сервер пока не готов хранить все данные и т.д. Думать в эту сторону нужно всегда.
Туту.ру и молодец и не молодец сразу. Молодец, потому что можно начать добавлять пассажира, а закончить когда-то потом. Не молодец, потому что обязательно надо ввести и имя и фамилию. Почему так — не понятно.
Ещё они молодцы, потому что достаточно аккуратно сообщают, что фамилия обязательна, но не молодцы, потому что мне нужно тянуться к верхней строчке через всю длину своего телефона чтобы начать печатать. Можно ведь сразу было открыть клавиатуру.
Самое страшное что может сделать сервис — не сохранить результат трудов клиента. Если клиент напечатал сообщение, но страница случайно обновилась и сообщение исчезло — это провал. По этой же причине, сервис должен хранить всё, что клиент в него вбивал: историю поисков, незавершенные сообщения, недооформленные билеты.
В реальности следовать этому принципу невероятно сложно: интернета нет, а клиент закрыл приложение, сервер пока не готов хранить все данные и т.д. Думать в эту сторону нужно всегда.
Туту.ру и молодец и не молодец сразу. Молодец, потому что можно начать добавлять пассажира, а закончить когда-то потом. Не молодец, потому что обязательно надо ввести и имя и фамилию. Почему так — не понятно.
Ещё они молодцы, потому что достаточно аккуратно сообщают, что фамилия обязательна, но не молодцы, потому что мне нужно тянуться к верхней строчке через всю длину своего телефона чтобы начать печатать. Можно ведь сразу было открыть клавиатуру.
Этими недугами страдает только приложение для покупки ж/д билетов. Я использовал его, чтобы наглядно показать принципы, о которых хотел рассказать. Уверен, что ребята поправят его и сделают нормально.
Например, в остальных приложениях компании нет прошедших рейсов, а пассажира добавляется автоматически после покупки билета. Зацените как круто ребята сделали работу с пустыми и совпадающими полями на главной. Ни ошибок, ни ворчаний. Наоборот, хочется поиграться. Совсем другое ощущение. Красавцы)
Например, в остальных приложениях компании нет прошедших рейсов, а пассажира добавляется автоматически после покупки билета. Зацените как круто ребята сделали работу с пустыми и совпадающими полями на главной. Ни ошибок, ни ворчаний. Наоборот, хочется поиграться. Совсем другое ощущение. Красавцы)
Бюро Горбунова выравнивает карточки и текст по верхней границе строки. Так заглавная в начале предложения лучше видна и цепляет глаз.
Я делаю наоборот — приспускаю текст чуть ниже скругления, чтобы формы выглядели гармоничнее. Так получается дизайн без засечек.
Такие тонкие моменты и есть почерк дизайнера. По ним можно определить приверженец каких идей был автор.
Я делаю наоборот — приспускаю текст чуть ниже скругления, чтобы формы выглядели гармоничнее. Так получается дизайн без засечек.
Такие тонкие моменты и есть почерк дизайнера. По ним можно определить приверженец каких идей был автор.