Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Классический пинбол, как в древнем игровом автомате или в компактной игрушке: есть пружины, шарики и препятствия. В нашем варианте можно не только зарабатывать очки: чтобы пройти уровень, придется выполнить дополнительную миссию.

Пинбол Пикабу

Аркады, На ловкость, Казуальные

Играть

Топ прошлой недели

  • CharlotteLink CharlotteLink 1 пост
  • Syslikagronom Syslikagronom 7 постов
  • BydniKydrashki BydniKydrashki 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Ux

С этим тегом используют

Ui Дизайн Интерфейс IT Веб-дизайн Ux-дизайн Сайт Все
243 поста сначала свежее
24
tproger.official
tproger.official
1 год назад
Типичный программист

Developer Experience это недосып и кофе литрами⁠⁠

Developer Experience это недосып и кофе литрами
IT юмор Программирование IT Картинка с текстом Кот Ux
0
dmitry.galkin
dmitry.galkin
1 год назад

Безболезненное изменение кнопки оплаты⁠⁠

Как мы приняли и внедрили кнопку Slide-to-Pay

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Недавно мы внесли изменения в систему оплаты, позволив пользователям оплачивать покупки непосредственно из корзины с предварительным выбором основных способов оплаты. И хотя эти изменения могут показаться малозаметными, не стоит обманывать себя, думая, что это всего лишь небольшие доработки. Мы усовершенствовали эту ценную деталь, чтобы обеспечить удобство для наших пользователей и стимулировать рост бизнеса.Но зачем мы вкладывали в это деньги и ресурсы, если казалось, что процесс оплаты уже решен? Переход от страницы корзины к странице оплаты требовал от пользователей принятия нескольких решений. Хотя в большинстве случаев они выбирали предпочтительный способ оплаты, им излишне было показывать другие варианты. Это привело к снижению скорости продвижения пользователя, поскольку принятие большего количества решений часто приводит к увеличению числа отказов от покупки в конце воронки.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Лишняя информация о принятии решений, когда 95% пользователей оплачивали с помощью наиболее предпочтительного способа оплаты

Эти убедительные причины побудили нас углубиться в создание системы быстрого оформления заказа. Поэтому мы приступили к поиску идеального решения. Для обеспечения быстрого оформления заказа в корзине необходимо было отобразить соответствующую информацию о платеже, предоставить возможность изменить способ оплаты, отобразить окончательную сумму и, конечно же, включить кнопку оплаты.

Оценка кнопки оплаты

Теперь давайте поговорим о кнопке оплаты.Мы часто думаем о кнопках, как о любом другом компоненте пользовательского интерфейса, определенном в системе проектирования. Но это был не обычный компонент пользовательского интерфейса; это был очень важный способ для превращения пользователей в клиентов. Еще раз подчеркнем, что с этой кнопкой ежедневно будут взаимодействовать 2-3 млн. пользователей. Мы тщательно продумали взаимодействие с кнопкой, рассмотрев два варианта: простое нажатие или скольжение.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

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

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

В системе Tap to pay был снижен риск случайных нажатий

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

Считывание данных

Положительная динамика
Мы наблюдали значительное увеличение конверсии, что свидетельствовало о том, что все больше пользователей успешно оформляли свои заказы с помощью нового потока. Это подтвердило, что потребность в быстром оформлении заказа существует.

Негативная тенденция
Однако некоторые пользователи после нажатия кнопки оплаты отваливались, не сумев завершить проверку подлинности платежа.

Пользователи не замечали новую кнопку оплаты и случайно нажимали ее, а потом понимали это.

Хотя новый UX в целом был успешным, мы не стали довольствоваться половинчатыми решениями. Мы провели мозговой штурм, чтобы понять причину негативной тенденции. Первая попытка была направлена на то, чтобы сделать кнопку нажатия более заметной с помощью всплывающих подсказок, мерцающей анимации и изменения текста. Но, несмотря на все наши усилия, негативная тенденция сохранялась. Тогда мы решили создать кнопку-слайдер, подключив к этому процессу все заинтересованные стороны.

Построение системы Slide-to-pay

Теперь, когда мы получили согласование с заинтересованными сторонами, мы тщательно проработали кнопку слайдера. Мы продумали все аспекты того, как наши пользователи будут взаимодействовать со слайдером. Одним из основных опасений заинтересованных сторон было то, что это может привести к снижению конверсии, поскольку пользователи могут не понять, как именно они будут взаимодействовать со слайдером.

Чтобы решить эту проблему, мы приняли различные меры

Обучение с подсказкой
Одним из простых способов информирования пользователей о новых возможностях является использование всплывающих подсказок, что мы и сделали. Вторым, более "умным" способом являются подсказки. Подсказки - это способ тонкого обучения пользователей тому, как они должны взаимодействовать. Мы рассматривали подсказки не как первый опыт, а как часть основного UX.

Подсказка № 1: при каждой загрузке страницы слайдер отскакивал вправо, сопровождаемый эффектом мерцания, указывая на действие, которое необходимо совершить.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Подсказка № 2: если пользователь нажимает на слайдер, это означает, что он хочет завершить действие и заплатить. Поэтому, чтобы зафиксировать это намерение и направить пользователя, ползунок отскакивает вправо, указывая на то, что необходимо сделать для завершения действия.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Настройка точки завершенияОбычно взаимодействие со слайдером считается завершенным, когда слайдер достигает конечной точки. В компании Swiggy, например, мы внедрили подобный слайдер несколько лет назад и обнаружили, что пользователи не доводят слайдер до 100% и покидают его на середине пути. Поэтому, учитывая опыт прошлого, мы определили область завершения на уровне 70%.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Мы также добавили несколько признаков, указывающих на изменение состояния: двойной шеврон внутри круга превращается в галочку и срабатывает тонкая тактильная обратная связь

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Удобная область касания
Мы позаботились о том, чтобы область касания слайдера была больше, чем его видимая площадь, что позволяет пользователям комфортно взаимодействовать с ним.

Безболезненное изменение кнопки оплаты Интерфейс, Uxui, Ux, Гифка, Длиннопост

Область касания ползунка

Приняв эти меры, мы были готовы поэкспериментировать с кнопкой-слайдером для быстрого оформления заказа. И вуаля! 🎉 После анализа данных стало ясно, что кнопка-слайдер добавляет "здоровое взаимодействие", чтобы избежать случайных нажатий, не влияя при этом на общее общение пользователей. Теперь для всех наших пользователей Swiggy работает функция быстрого оформления заказа с использованием слайдера для оплаты.

__________________________________________________

Больше полезных статей в моём телеграмм канале
https://t.me/designtusovka

Оригинальная статья (Открывается только с ВПН):
medium.com

Показать полностью 8
[моё] Интерфейс Uxui Ux Гифка Длиннопост
1
mahaone
1 год назад

Мелочь, а приятно⁠⁠

Мелочь, а приятно Логика Пикабу, Ux, Uxui, Ux-дизайн, Хвала, Интерфейс

Ну лаконичненько?! Я кайфанул

Логика Пикабу Ux Uxui Ux-дизайн Хвала Интерфейс
2
21
Kesha.S
Kesha.S
1 год назад
ИТ-проекты пикабушников

Как я потратил 100к рублей, чтобы удобно вести списки⁠⁠

Короче, меня задолбало, что списки всё время теряются.

Раз за разом повторяется одна и та же ситуация. Знакомый советует фильм, я открываю заметки, где-то записываю. И эта запись навсегда растворяется в мировом пространства.

Это происходит со всеми списками. С идеями, знакомствами, заметками из книг, местами, где я был. Вся эта бесконечная череда списков постоянно теряется. Ты постоянно начинаешь их заново. Может бы это я такой странный, а другие ответственно всё раскладывают по полочкам.

Но есть же Notion и его аналоги! Я создам необходимые вкладки и буду ответственно вести! Ахахаха, нет. Оказалось, что открыть отдельное приложение, продраться сквозь интерфейс и найти нужный список — это слишком высокий порог входа, когда надо записать на лету.

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

Как выглядят мои заметки

Но есть же «Избранное» в телеге, личный чат, куда можно всё закидывать! Ага, через шаг это превращается в мусорную корзину из фоточек, ссылок на статьи и какие-то рандомные заметки. Я верю, что для кого-то всё это работает. Просто всё это плохо работает для меня.

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

Легко добавлять, легко находить, всё само раскладывается по полочкам. Так родилась идея сделать бот для телеги «Коллектор». Телега всегда открыта, это удобно. Фишку с тегами там вроде можно реализовать.

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

Конечно же, вначале я нарисовал логотип. Не вините, человек слаб

Первым делом попробовал собрать всё через конструктор ботов. Фиг там. Этот функционал через них сделать нельзя. Пришлось искать программиста. И спустя месяц мучений появилась первая версия. Работала именно так, как я описал. Пишешь в боте сообщение:

#игры Новая Зельда - надо глянуть

Бот автоматом создаёт коллекцию «Игры» и добавляет туда первый пункт. Спустя неделю видишь, что вышла Диабло 4 и пишешь:

#игры Диабло 4 - нужно взять отпуск

И бот добавляет к списку «Игры» новый пункт.

Очень удобно. Искать нужный список или открывать отдельное приложение не нужно. Телега всегда открыта, а бот заботливое собирает информацию по категориям. Когда появилось время поиграть, то просто пишешь в бот «#игры». И он заботливо всё показывает:

#игры

  • Новая Зельда - надо глянуть

  • Диабло 4, как давно я тебя ждал

  • Kena: Bridge of Spirits

  • GRIS - в инфакте советовали

  • Селестия

Я прожил с ботом месяц и понял, что это лучшее, что случилось в моей жизни. Заметки из книг, список знакомых, страны и города, где я был, идеи, списки вещей для поездок. Всё переехало в Коллектор. А мои знакомые стали использовать его, как простой менеджер задач. Не спрашивайте как, я без понятия.

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

Чтобы увидеть список достаточно было написать хештег

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

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

Чтобы вывести все коллекции использовалась команда «#все»

Но этого того стоило. Бот оброс собственными UI-виджетами, построение ленты стало эргономичным. Появилась кнопка «Menu» и кнопки управления коллекциями. В списке всех коллекций теперь можно тапнуть и увидеть содержание. Сами списки тоже стали удобнее за счёт использования динамического пейджинга. Как только вы меняете содержание коллекции, то автоматически обновляется сообщение телеги, где она показывалась.

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

Кайф

Таких, казалось бы, маленьких удобных фич теперь много, они детально проработаны с позиции ui/ux, и делают процесс использования бота удобным.

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

На всё это я потратил 100 тысяч рублей. Звучит, конечно, как безумие для такой простой задачи. Не говорю, что так надо делать. Я обычно ищу дешёвые решения, но тут не сложилось.

Как я потратил 100к рублей, чтобы удобно вести списки Бот, Telegram, Заметки, Список, Notion, Коллекция, Разработка, Ux, Ui, Интерфейс, Чат-бот, Длиннопост

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

Что в планах:

  • Социальные функции, чтобы можно было вести общие коллекции;

  • Возможность заливать готовый список;

  • Возможность переносить пункты между списками и объединять их.

Я пригласил потестить Коллектор друзей и знакомых. И сто пользователей создали две тысячи заметок за пару месяцев. Немножко радуюсь, что пригодилось не только мне. В общем, крутая штука. Сейчас мы вроде всё отполировали, чтобы дать публичную ссылку: https://t.me/collcoll_bot

Бот бесплатный. Никакой рекламы нет и не будет. Если есть идеи что ещё можно прикрутить, то пишете в каментах.

Показать полностью 6
[моё] Бот Telegram Заметки Список Notion Коллекция Разработка Ux Ui Интерфейс Чат-бот Длиннопост
27
0
CapriKorP
1 год назад

Мой первый пост на пикабу, он же личное мнение о UX⁠⁠

Привет мир Пикабу!!!

Я бы не стал писать на Пикабу, если бы не зашел на сайт великого, могучего и зеленого банка.

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

SberPay доступен каждому, красив, удобен, но....

.... пролистывание этой промо страницы вызывает старение пользователя.

Причины:

  1. Овер "мильон" анимаций. Да, все красиво, но ужасно медленно.

  2. Впустую растянутая страница. Бесконечность "бесконечно короче" промопейджа.

  3. Некоторая графика заслуживает звание "Кринж года".

    Пример №1

Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост

Да не особо. МИР Pay неплохо работает.

Да и в Google Pay хранится штрих-код любимого пивного магазинчика.

Пример №2.

Следующий пациент зайдите в палату...

Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост

Тут только ассоциация с продукцией под маркой ОГО! и одноименным гипермаркетом техники ОГО! Скрытая реклама, подумаете Вы.

Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост
Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост

Пример №3

Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост

Восторг невозможно описать.

Заменил бы на вариант ниже.

Мой первый пост на пикабу, он же личное мнение о UX Интерфейс, Промо, Сайт, Банк, Юмор, Мнение, Ux, Длиннопост

В защиту скажу, что UX подумали о тех кто не любит "тормозить" и дали возможность пролистать сразу до Q&A и сделали кнопку подключить)

ИМО("Х" удалена специально, т.к. мнение не скромное), Сбер сделал красивую страницу, потратил человеческие ресурсы на создание анимаций, вместо того что бы бросить разработчиков на действительно полезный функционал.

Прошу не судить строго за мое мнение)

Всем пока!

Показать полностью 6
Интерфейс Промо Сайт Банк Юмор Мнение Ux Длиннопост
0
150
noname.comix
noname.comix
1 год назад

Моя работа — помогать делать ваши покупки на одном маркетплейсе чуть-чуть менее всратыми⁠⁠

Моя работа — помогать делать ваши покупки на одном маркетплейсе чуть-чуть менее всратыми Работа, Волна постов, Ux

пожалуйста, не говорите моей маме, што я так живу

Показать полностью 1
[моё] Работа Волна постов Ux
9
13
tproger.official
tproger.official
1 год назад
Типичный программист

Сразу видно, чем вдохновлялись разработчики⁠⁠

[моё] IT IT юмор Программист Программирование Ux Ui Видео
5
Вакансии Пикабу
rabota.pikabu
rabota.pikabu

Свежие вакансии в IT-компанию «Точка» на удаленку⁠⁠

Ищут:

— Тестировщика ПО со знанием ручных и автотестов: готовы предложить до 280 000 рублей

— UX-исследователя, который умеет собирать и анализировать данные, а потом понятно презентовать результаты: официальная зарплата до 170 000 рублей

— Опытного UX-редактора, который уже писал тексты для интерфейсов, рассылок и уведомлений и готов соблюдать ToV: на старте предлагают от 80 000 рублей

Еще больше предложений мониторьте

  • на сайте Пикабу Вакансии

  • в нашем телеграм-канале

  • тематическом сообществе

Вакансии Поиск работы Удаленная работа IT Ux Текст
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии