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

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Интерфейс

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

Пикабу Нововведение Предложения по Пикабу Баг на Пикабу Техподдержка Пикабу Багрепорты Баг Все
533 поста сначала свежее
53
2343f342rf34f
3 дня назад

Ответ на пост «Яндекс Музыка: новый дизайн»⁠⁠1

Пацаны чтобы хоть как то НОРМАЛЬНО этим пользоваться - я написал код (работает онли в браузере). Скачивайте расширение StyleBot, открываете, снизу плажка "код" и туда вставляете этот код и можно будет хотябы нормально перематывать трек

Вот тутор записал https://www.youtube.com/watch?v=dNzRBC9BVl0

Код:

/* Input */

.PlayerBar_root__cXUnU .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

height:270px;

transform: translatey(-40px);

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_triggerModal__EVv5d{

visibility:hidden;

}

.TimecodeGroup_timecode__IJXpy {

display: none

}

/* Undefined */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_sonata__mGFb_ .undefined{

z-index:2;

}

/* Input */

.WithTopBanner_root__P__x3 .WithTopBanner_content__6Vh7a .DefaultLayout_root__7J0wo .PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_playerBar__mp0p9 .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

transform: translatey(-64px) !important;

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC{

transform:translatex(0px) translatey(0px);

}

/* Undefined */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC .undefined{

z-index:2;

}

/* Division */

.PlayerBar_root__cXUnU .Meta_metaContainer__7i2dp{

z-index:2;

}

/* Division */

.PlayerBar_root__cXUnU .FullscreenPlayerDesktopButton_root__qGgoC{

z-index:2;

}

/* Input */

.WithTopBanner_root__P__x3 .WithTopBanner_content__6Vh7a .DefaultLayout_root__7J0wo .PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_playerBar__mp0p9 .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

transform: translatey(-101px) !important;

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC{

z-index:2;

}

/* J9wt kytjowg73q mon5wp */

.PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC span .J9wTKytjOWG73QMoN5WP{

z-index:2;

}

div.PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC {

max-height: 1px;
}

div.p2cf5ec0.mffcb4f4b.a17737334 {

display: none;

}

section.SideAdvertBanner_root__hT1jJ.Content_sideBanner__Na07D {

display: none;

}

Показать полностью
Яндекс Музыка Интерфейс Дизайн Длиннопост Ответ на пост Текст YouTube (ссылка)
25
272
BraveLongDay
BraveLongDay
4 дня назад

Яндекс Музыка: новый дизайн⁠⁠1

ЯМ кто вам сказал что исчезающие функциональные и информирующие элементы в интерфейсе - это хорошо?
Видите позицию бегунка песни?

А вот полоска заполняется.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

А вот сиди и высматривай где щас бегунок. Не видишь что ли?

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Она появляется если навести мышь на эту узкую область.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Какой тут уровень громкости?

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Максимальный.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Загоните вашу дизайнерку обратно в подвал.

За кнопку дизлайка - плюс.

Я за то, чтобы все спорные настройки должны быть вынесены в настройки приложения.

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

Еще момент. Вот эти элементы лучше делать видимыми при наведении мышки на окно.
Это единственная ситуация когда нужно скрывать часть интерфейса.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост
Показать полностью 6
[моё] Яндекс Музыка Интерфейс Дизайн Длиннопост
112
6
Emem
5 дней назад

Что вы знаете о плохих интерфейсах?⁠⁠

Сервис eruz.zakupki.gov

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

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

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

И теперь я должен "прочитать" 252 сообщения.
И я смотрю на это, и пытаюсь подобрать слова.
Но я не могу. Моего русского матерного не хватает.

Что вы знаете о плохих интерфейсах? Интерфейс, Ux, IT, Негатив
Показать полностью 1
[моё] Интерфейс Ux IT Негатив
2
Партнёрский материал Реклама
specials
specials

Считаете себя киноманом 80 LVL?⁠⁠

Залетайте проверить память и сообразительность → Будет интересно

Киногерои Тест Текст
7
user6688531
user6688531
10 дней назад

Ловушка в приложении Ozon Банк — как легко потерять льготный период и попасть на проценты"⁠⁠

Платёж в приложении Ozon Банка, инициированный пользователем из вкладки льготного периода, уходит в другую часть задолженности, несмотря на очевидную контекстную логику. Результат — начисление процентов, утрата льгот, разочарование, недоверие.

Недавно попал в ситуацию, которая может случиться с любым пользователем Ozon Банка. У меня был льготный платёж: до 1 июля нужно было внести 1 140 ₽, чтобы не пошли проценты. Я зашёл во вкладку “Льготный период”, увидел: 0 из 1140 ₽ внесено и ниже — кнопка "Внести платёж". Всё логично, нажимаю — плачу.

Ловушка в приложении Ozon Банк — как легко потерять льготный период и попасть на проценты" OZON, Рассрочка, Льготный период, Финансы, Обман, Ux, Интерфейс, Банк, Мошенничество, Скрытые условия, Заблуждение, Длиннопост

Что происходит дальше? Платёж уходит в другую рассрочку, льготный платёж остаётся не закрыт, и после 1 июля начнут капать проценты.

Поддержка объяснила:💬 "У вас 26 число — дата обязательного платежа по другой рассрочке. Сначала деньги идут туда, а только потом — на льготный."💬 "Вернуть или перенаправить платёж невозможно".

То есть:

  • Даже если ты вошёл во вкладку ЛЬГОТНОГО платежа

  • Даже если видишь надпись "0 из 1140 ₽"

  • Даже если нажимаешь кнопку “Внести платёж” именно в этом окне

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

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

А здесь — вроде бы крупный банк, удобный интерфейс, всё красиво. А внутри — такая "очерёдность", которая не даёт клиенту контролировать, что он гасит.

Где UX-провал?

Контекстное ожидание пользователя нарушено

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

  • Мы же видим статус ("0 из 1140 ₽"); читаем описание ("всё, что внесёте до 1 июля, уменьшит платёж"); Нажимаем кнопку в этой же зоне и она уводит деньги в другое русло.

Логика очевидна: действия направлены на закрытие именно этой задолженности.Но на деле интерфейс, который визуально обещает одно, а функционально делает другое. Оставляет клиента с непогашенным льготным платежом и начисленными процентами.

🧩 Вывод:

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

Надеюсь, эта информация кому-то сэкономит деньги и нервы.Если вы тоже попадали в такую ситуацию — напишите об этом в комментариях. Я уверен, таких немало.

Показать полностью 1
OZON Рассрочка Льготный период Финансы Обман Ux Интерфейс Банк Мошенничество Скрытые условия Заблуждение Длиннопост
16
22
putsamuraya
putsamuraya
13 дней назад

Деградация ВК, пропала своя лента новостей⁠⁠

Раньше в ВК можно было создать свою дополнительную ленту новостей, добавляешь группы которые ты хочешь видеть в новой ленте и создаешь новую ленту, я так паблики своего города объединил в этой ленте, очень удобно было было сразу все местные новости узнать.

Деградация ВК, пропала своя лента новостей ВКонтакте, Деградация, Фекалии, Интерфейс, Удобство, Мат

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

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

[моё] ВКонтакте Деградация Фекалии Интерфейс Удобство Мат
7
5
egor.leto
egor.leto
20 дней назад
Искусственный интеллект
Серия Нейро Пушка

МАКЕТЫ ИЗ FIGMA В РЕАЛЬНЫЕ САЙТЫ⁠⁠

Replit теперь превращает макеты из Figma в полноценные приложения. Всё делает ИИ: копирует интерфейс, пишет код, добавляет фичи, настраивает безопасность.

Достаточно вставить ссылку — и из наброска получаем готовое решение.

Вайб-кодеры, налетаем и пробуем — тут

Источник: 🎯 НЕЙРО-ПУШКА ● НОВОСТИ И ОБЗОРЫ НЕЙРОСЕТЕЙ

Показать полностью
[моё] Искусственный интеллект Нейронные сети Программа Figma Макет Приложение Код Интерфейс Тренд Digital Дизайнер Сайт Видео Короткие видео
2
7
mikels
mikels
21 день назад

Перевернутый интерфейс несет неожиданный смысл⁠⁠

Перевернутый интерфейс несет неожиданный смысл Юмор, Интерфейс, Странный юмор, Гипножаба
Показать полностью 1
[моё] Юмор Интерфейс Странный юмор Гипножаба
3
1
NULLRAY
21 день назад

В гугле все ссылки стали фиолетовыми (ФИКС)⁠⁠

ФИКС ПОД ВСТУПЛЕНИЕМ
Пару дней назад заметил, что все ссылки в гугле стали фиолетовыми - даже те, которые я не нажимал. Что интересно - без аккаунта всё нормально, но как только вхожу - ВСЁ. Видать шизы из отдела маркетинга опять пытаются удержать пользователя как можно дольше на сайте (ага, потерялся - перейдёт по большему количеству ссылок). Кстати, они всё же не одинаково фиолетовые, а чутка отличаются. Но сделано явно так, что бы выбесить.

В гугле все ссылки стали фиолетовыми (ФИКС) Google, Интерфейс, Скрипт, CSS, Stylish, Фикс, Исправление ошибок, Поисковик, Длиннопост

На английском, потому что делал скрин для реддита



В интернете решения не нашёл, т.к проблема новая и видать тестируется гуглом, так что оно ниже.
Вариант 1:
1. Ставим Tampermonkey
2. Устанавливаем скрипт "Fix pink links in google search"
https://github.com/lynrayy/TampermonkeyScripts/

Вариант 2 и 3:
Ставим расширение Stylish или Stylus (Это два разных, если что)

Stylus:
Ищем что-нибудь в гугле
Нажимаем на иконку расширения
Нажимаем на "Создать стиль для:"
В верху страшной странички URL меняем на строку ниже
https?:\/\/www\.google\.[a-z]{2,3}\/.*
Слева от этой строки выставляем режим "URL, соответствующим регулярному выражению"
В поле для кода вставляем код:

a:visited{ color: #681DA8} a { color: #1A0DAB }

(Или берём отсюда https://gist.github.com/lynrayy/2a3d0a1b4d2c933fe1989b9122c5...)
Слева нажимаем сохранить. Получится как-то так:

В гугле все ссылки стали фиолетовыми (ФИКС) Google, Интерфейс, Скрипт, CSS, Stylish, Фикс, Исправление ошибок, Поисковик, Длиннопост

Настройки Stylus

В stylish всё тоже самое, только в интерфейсе придётся разобраться самим.

В гугле все ссылки стали фиолетовыми (ФИКС) Google, Интерфейс, Скрипт, CSS, Stylish, Фикс, Исправление ошибок, Поисковик, Длиннопост

Настройки Stylish

Код для Stylish (https://gist.github.com/lynrayy/6baffadc5de8548e729c23f57dbc...)

Если кто-то может выложить этот стиль на userstyles, то вы будете молодцом и поможете людям. Я сам с этой помойкой лагающей разобраться не смог.

Показать полностью 3
[моё] Google Интерфейс Скрипт CSS Stylish Фикс Исправление ошибок Поисковик Длиннопост
4
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии