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

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

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

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

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

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

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

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

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

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

12 Ответов

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

    4
    Ответить

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

      2
      Ответить

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

    2
    Ответить

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

      2
      Ответить

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

    2
    Ответить

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

    2
    Ответить

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

      2
      Ответить

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

        2
        Ответить

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

          1
          Ответить

          1. Да, теперь всё чётко, не сбрасывает))

            1
            Ответить

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

    1
    Ответить

  1. Доделал сайт и переехал на новый домен.
    Теперь размещаюсь на https://radiola.pro — как старые радиолы))
    Вопрос к пользователям:
    Как думаете нужны на подобных сайтах чаты? Если добавить к каждой радиостанции, то данный функционал пойдет на пользу или мало кто пользуется ими на подобных ресурсах?

    2
    Ответить