Ошибки и юзабилити веб сайта онлайн-радио
Регистрация Войти

Ошибки и юзабилити веб сайта онлайн-радио

mechanic mechanic 9 Декабря

Здравствуйте, пользователи Libarea!

Я увлекаюсь веб-программированием, и одним из моих хобби стало создание сайта radio@kod.ru (без @). Этот проект был задуман для удобного прослушивания радиостанций — как для себя, так и для всех желающих.

Изначально сайт работал только в локальной сети, но со временем мне понадобился доступ к радио и вне дома(работы), поэтому решил разместить его в интернете. После публикации поделился ссылкой со знакомыми, и они заметили некоторые проблемы с UI. Большинство из них мне удалось исправить.

Хотелось бы обратиться к вам, уважаемое сообщество, с просьбой протестировать сайт. Если у вас будет свободное время, попробуйте воспользоваться приложением: проверьте кнопки, различные режимы работы, скорость загрузки и воспроизведения. Буду благодарен за любую обратную связь!

Проект не коммерческий, поэтому я выбрал минималистичный подход: весь контент представлен в одном окне, без постраничной пагинации и перелинковки. Сайт написан на PHP, нативном JavaScript и CSS, без использования фреймворков. Некоторые решения были скопированы со сторонних ресурсов (без реверс инжиниринга), т.к. проект был локальным и предполагал использование на домашних устройствах.

Спасибо тем, кто не пройдет мимо.

П.С. если такие публикации запрещены, то напишите мне, удалю статью.
Радио мобильный.jpg

Веб-разработка Юзабилити
7
80
+ Читать

10 Ответов

  1. Evg Evg 9 Декабря (ред.)

    Вроде всё работает, нравится, из меня тестировщик ещё тот 😄

    4
    Ответить
    1. mechanic mechanic 9 Декабря (ред.)

      Для меня, как раз и необходимо такое тестирование. Обычные пользователи, которые просто слушают радио под настроение т.к. колиество гаджетов у меня ограничено, а различные веб-сервисы действуют шаблонно. К примеру, все выдавали нормальное UI, но по фатку, на моем телефоне realme gt neo 6, где разрешение экрана 1264×2780, в планшетном режиме всё поехало. Иногда тестами в браузерах и снапшотами, в веб-сервисах, невозможно найти проблемы. Да и скорость загрузки у всех разная, агрегации, частоты, операционные системы тоже различаются, от кастомных crDroid, до Apple. В общем мнение простых пользователей для меня приоритетно, так как сервис от людей для людей. Синтетические тесты не интересны, т.к. большой нагрузки не ожидаю. Поэтому, большое спасибо.

      2
      Ответить
  1. hlim hlim 9 Декабря

    Сайт понравился. На первый взгляд front в порядке.

    2
    Ответить
    1. mechanic mechanic 10 Декабря

      Спасибо. Были замечания по плавности работы UI. Поправил. Сейчас должен работать быстрее и анимация плавнее

      2
      Ответить
  1. AnnaS AnnaS 9 Декабря (ред.)

    Всё отлично работает.
    Классный сайт, буду пользоваться.

    2
    Ответить
  1. Toshiro Toshiro 9 Декабря (ред.)

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

    2
    Ответить
    1. mechanic mechanic 9 Декабря (ред.)

      Спасибо. Это баг, поправлю.
      В хроме мобильном и десктоптном такого эффекта нет.
      Попробовал повторить:
      Выставил громкость на 60, включил эффект и переключил станцию следующую, предыдущую. Так с тремя эффектами проделал. Попробовал в firefox 115 версии. Всё нормально переключается. Единственное скролл надо привести в порядок, он по дефолту. Можете подробнее описать последовательность действий? Спасибо
      П.С. возможно, что у вас безопасный режим включен или ограничение на доступ к хранилищу браузера выставлен. Я специально избегал разного рода форм входа (авторизаций, регистраций, токенизаций), что бы не усложнять простые вещи и все данные храняться в локальном хранилище, включая избранные станции, настройки громкости, текущая станция, эффекты.

      2
      Ответить
      1. Toshiro Toshiro 10 Декабря (ред.)

        Последовательность такова: зашел на сайт, слишком громко, убавил звук до 5%, переключил станции туда-сюда, всё нормально, громкость не сбрасывается. Далее захожу в настройки, тыкаю Эффекты -> Эквалайзер и всё, громкость сбрасывается и выкручивается на 100%.
        Браузер Firefox Developer 134.0b8. Базовое использование браузера, без безопасного режима и ограничений

        2
        Ответить
        1. mechanic mechanic Вчера 22:28

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

          Ответить
  1. mechanic mechanic Вчера 22:30

    Спасибо пользователям. Исправил замечания, добавил PWA приложение, оптимизировал загрузку DOM элементов. Установил на ПК PWA в качестве плеера. Если есть у кого возможность, посмотрите еще, есть ли какие замечания. Критика любая очень приветсвуется

    Ответить