Люблю такие приколы на злободневные темы. Странно, что нет ссылки на автора. Для создателя таких штук это отличный повод заявить о себе
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
Принцип «Данные бесценны»
Самое страшное что может сделать сервис — не сохранить результат трудов клиента. Если клиент напечатал сообщение, но страница случайно обновилась и сообщение исчезло — это провал. По этой же причине, сервис должен хранить всё, что клиент в него вбивал: историю поисков, незавершенные сообщения, недооформленные билеты.
В реальности следовать этому принципу невероятно сложно: интернета нет, а клиент закрыл приложение, сервер пока не готов хранить все данные и т.д. Думать в эту сторону нужно всегда.
Туту.ру и молодец и не молодец сразу. Молодец, потому что можно начать добавлять пассажира, а закончить когда-то потом. Не молодец, потому что обязательно надо ввести и имя и фамилию. Почему так — не понятно.
Ещё они молодцы, потому что достаточно аккуратно сообщают, что фамилия обязательна, но не молодцы, потому что мне нужно тянуться к верхней строчке через всю длину своего телефона чтобы начать печатать. Можно ведь сразу было открыть клавиатуру.
Самое страшное что может сделать сервис — не сохранить результат трудов клиента. Если клиент напечатал сообщение, но страница случайно обновилась и сообщение исчезло — это провал. По этой же причине, сервис должен хранить всё, что клиент в него вбивал: историю поисков, незавершенные сообщения, недооформленные билеты.
В реальности следовать этому принципу невероятно сложно: интернета нет, а клиент закрыл приложение, сервер пока не готов хранить все данные и т.д. Думать в эту сторону нужно всегда.
Туту.ру и молодец и не молодец сразу. Молодец, потому что можно начать добавлять пассажира, а закончить когда-то потом. Не молодец, потому что обязательно надо ввести и имя и фамилию. Почему так — не понятно.
Ещё они молодцы, потому что достаточно аккуратно сообщают, что фамилия обязательна, но не молодцы, потому что мне нужно тянуться к верхней строчке через всю длину своего телефона чтобы начать печатать. Можно ведь сразу было открыть клавиатуру.
Этими недугами страдает только приложение для покупки ж/д билетов. Я использовал его, чтобы наглядно показать принципы, о которых хотел рассказать. Уверен, что ребята поправят его и сделают нормально.
Например, в остальных приложениях компании нет прошедших рейсов, а пассажира добавляется автоматически после покупки билета. Зацените как круто ребята сделали работу с пустыми и совпадающими полями на главной. Ни ошибок, ни ворчаний. Наоборот, хочется поиграться. Совсем другое ощущение. Красавцы)
Например, в остальных приложениях компании нет прошедших рейсов, а пассажира добавляется автоматически после покупки билета. Зацените как круто ребята сделали работу с пустыми и совпадающими полями на главной. Ни ошибок, ни ворчаний. Наоборот, хочется поиграться. Совсем другое ощущение. Красавцы)
Бюро Горбунова выравнивает карточки и текст по верхней границе строки. Так заглавная в начале предложения лучше видна и цепляет глаз.
Я делаю наоборот — приспускаю текст чуть ниже скругления, чтобы формы выглядели гармоничнее. Так получается дизайн без засечек.
Такие тонкие моменты и есть почерк дизайнера. По ним можно определить приверженец каких идей был автор.
Я делаю наоборот — приспускаю текст чуть ниже скругления, чтобы формы выглядели гармоничнее. Так получается дизайн без засечек.
Такие тонкие моменты и есть почерк дизайнера. По ним можно определить приверженец каких идей был автор.
Дизайн-печь 🔥 Ваня Емелюшкин
А вам какой вариант больше по душе?
Вот блин, не ту картинку прикрепил, но вы молодцы, итак разобрались) Те, кто отчаяно пытался заметить разницу между первым и вторым вариантом — на общей картинке её не было, простите. Вот нормальная, с разницей.
Осенью выйдет iOS 14. Сейчас самое время начать готовить приложения к обновлению, чтобы часть функций не превратилось в тыкву. Что изменится:
Выбор даты и времени
Во всех местах, где у вас стоит нативный барабан, появится календарик. Календарь больше барабана по размеру и поломает вам вёрстку, если заранее не подготовиться,
Теперь дату мы выбираем на календаре, а время печатаем с клавиатуры. Так куда быстрее и удобнее, чем крутить барабан, тут Эппл молодцы. Кроме того, есть компактный вид, по нажатию на который будет открываться модалка с календарём.
Выбор даты и времени
Во всех местах, где у вас стоит нативный барабан, появится календарик. Календарь больше барабана по размеру и поломает вам вёрстку, если заранее не подготовиться,
Теперь дату мы выбираем на календаре, а время печатаем с клавиатуры. Так куда быстрее и удобнее, чем крутить барабан, тут Эппл молодцы. Кроме того, есть компактный вид, по нажатию на который будет открываться модалка с календарём.