Кубок мира
# Имя Очки
1 Кантен Фийон Майе 984
2 Стурла Легрейд 736
3 Себастьян Самуэльссон 717
4 Ветле-Сьястад Кристиансен 707
5 Эмильен Жаклен 706
6 Тарьей Бё 601
7 Симон Дестьё 590
8 Бенедикт Долль 557
9 Сиверт Гутторм Баккен 553
10 Эрик Лессер 535
Весь рейтинг
Последнее фото
Все фотогалереи
Главная
Обсуждения   02:19
Турнир
Все о биатлоне
Чат
Блоги
Интервью
Пресса
Голосования
Трансляции на ТВ
Сайты о биатлоне
Контакты
Календарь
Кубок мира
Кубок IBU
Юниорский кубок IBU
Результаты
Кубок наций
Кубок наций IBU
Статистика стрельбы
Скорость спортсменов
Биатлонная статистика
Наша сборная
Автографкарты
Биатлонная атрибутика
Фотогалереи сборной
Личные фотографии
Чемпионаты Украины
Спорт-школы Украины
Профайлы
Обои
Фотогалереи
Видео
registration
Регистрация
Вход
Мой профайл
next race

Летний чемпионат мира, Рупольдинг
2022-08-25 12:00 (CET)
Супер спринт квалификация, Юниоры

Ближайшая трансляция

Летний чемпионат мира, Рупольдинг
2022-08-25 12:00 (CET)
Супер спринт квалификация, Юниоры

Время киевское

Все трансляции


2019-10-05
По другую сторону трассы, часть 3

2019-10-03
По другую сторону трассы, часть 2

2019-10-02
По другую сторону трассы, часть 1

2019-03-11
Когда нет ничего невозможного

2019-02-28
Минск и Раубичи – это топ, но организация не выдерживает критики

2019-02-27
Записки болельщика. Раубичи. Открытый чемпионат Европы.


2021-01-13 21:16 |

Новое лицо любимого сайта


Друзья!

Уже почти 15 лет (день рождения мы отпразднуем через три недели) наш сайт имеет стабильный внешний вид. Он полюбился болельщикам, к нему привыкли. Однако жизнь не стоит на месте, и сегодня мы хотим предложить вам новый интерфейс сайта, на который можно перейти по ссылке...

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

Вместе с тем, вы можете посмотреть на новый внешний вид – и вернуться к старому, обе версии будут функционировать параллельно.



А после изучения новой версии сайта, предлагаем принять участие в голосовании - нравится ли вам его внешний вид?

С любовью к биатлону!..
Версия для печати


Комментарии (Всего: 213)

[ 1, 2, 3, 4, 5, 6, 7, 8 ]

2021-11-20 21:15
 # 211  Eugen (Харків) Цитировать выделенное  Посмотреть профайл
2 Сергулис
Теперь все исправлено.
2022-01-07 01:41
 # 212  Kusko Цитировать выделенное  Посмотреть профайл
Вижу исправили на новом сайте критический баг с отображением зачёта. Значит оно кому-то нужно.

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

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

А потом хочу создать несколько "живых" страниц-образцов, как можно было бы редизайнуть, провести эволюцию старого сайта на новых технологиях вебдизайна, а не создавать монстра как сейчас. Чтобы в чёрный день перехода на новый сайт показать людям, как всё можно было сделать, но не было сделано. Ну или в идеале администрация прислушается к подобной идее, хотя я реалист, и понимаю, что этот сценарий почти невозможен. Но сделаю всё, чтобы в будущем не заходить на этот сайт с раздражением от вырвиглазного внешнего вида и юзабельности, когда, допустим, раньше находил информацию за 10 секунд, а на новом сайте эти же действия будут занимать минуту.
2022-01-22 01:00
 # 213  Kusko Цитировать выделенное  Посмотреть профайл
За две недели и около 200 часов работы удалось закончить примерно на 90% своё видение исправления дизайна нового сайта. Остальные 10% изменений несущественны.

Были изменены буквально все страницы на сайте, одни больше, другие меньше.

Чтобы вы могли посмотреть на изменения в живую, загрузил их на другой сайт, который работает постабильнее, но не идеально, периодически может писать стиль не найден, нужно перезагрузить несколько раз страницу и должно заработать.
https://userstyles.world/style/2882/biathlon-com-ua

Как установить стиль:
1. Загрузите расширения для браузера типа Stylish или Stylus (рекомендуется);
2. Зайдите по ссылке выше, нажмите на кнопку кнопку “Install” и далее в расширении подтвердите установку;
3. По иконке приложения перейдите в его настройки и у строки стилей new.biathlon.com.ua включите галочку, если она у вас не включена;
4. Готово.

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

Как всегда по пунктам:

1. Главная страница сайта теперь выглядит так:
Горизонтальное меню расположено в потолке страницы, никаких зазоров. Все два зачёта по 10 биатлонистов помещаются на один экран, его не нужно опускать ниже, чтобы увидеть всех. Также видно название первой новости без скроллинга страницы.
https://i.imgur.com/AFj8Yxa.jpg

2. Зачёт Кубка Мира и другие зачеты теперь занимают по ширине не полностью всё пространство страницы, а примерно столько же как и на старом сайте. Теперь нету абсурдных ситуаций как эта, когда информация с одного столбика таблицы находится на самом левом краю страницы, а второй столбик на самом правом.
https://i.imgur.com/D0fnaya.jpeg

Чтобы их прочитать приходилось физически вертеть головой влево-вправо, плюс выключалось периферическое зрение. Также кнопки зачётов стали менее круглыми, и вообще все кнопки на сайте стали менее круглыми. А ещё при наведении на строку мышкой, она выделяется слегка другим цветом, это должно помочь в усваивании информации с таблиц.
https://i.imgur.com/eqsa8nx.jpeg

2.1. А в анализе гонки столбик стрельбы выравнен по центру, так информацию выглядит намного лучше.
https://i.imgur.com/9RsI28q.jpeg

3. Исправил страницу с комментариями. Теперь они более компактные за счет меньшего количества пустого пространства; уменьшения размера аватарки, выравниванием ника по центру аватарки, а не как попало, а также название города человека теперь пишется не под ником, а справа от него, как и на старом сайте, также город взят у скобки (прикручено костылями, по-другому никак, поэтому даже если у человека город не указан всё равно отображаются скобки). Эти же скобки теперь обрамляют количество комментариев в новости, опять же как на старом сайте.
Также каждый коммент завернут в рамку и внутри используются чуть сероватый фон, чтобы придать ленте комментариев структурированности и не так сильно бить по глазам белым цветом.
https://i.imgur.com/9TvPzfo.jpg

3.1. Вот к чему приводят излишние закругления всего и вся. Отображение блока процитированного текста исправлено.
https://imgur.com/a/y3q5Gvr

4. Картинки в профайле теперь имеют тонкую рамку, как и в фотогалереи. Как по мне, так фотки лучше воспринимаются, но это спорно. Также иконка возле имени биатлониста заменена с стандартной головы на иконку бегущего биатлониста, но она платная, для использования её нужно купить. Бесплатную хорошую не нашел.
https://i.imgur.com/OuzNWdt.jpeg
https://i.imgur.com/ST2m03x.jpg

5. Подвал сайта стал повеселее цветом, как и выпадающая менюшка.
https://i.imgur.com/Ce6iMDo.jpeg
https://i.imgur.com/L70inCA.jpeg

6. Таблица набранных очков в Кубок Наций стала более компактная, появились вертикальные грани ячеек и при наведении мышкой на строку она выделяется другим цветом. Хотелось сделать, чтобы она также выделялась и вверх по строке, но, наверное, не хватило знаний, это довольно сложно сделать.
https://i.imgur.com/rVc6oZU.jpeg

6.1. Также более компактное отображение набранных очков по спортсменам за счет уменьшения пустых пространств.
https://i.imgur.com/AwIX97I.jpeg

7. Добавил фоновое изображение для сравнения скорости спортсменов. Ещё бы рыжий цвет поменять для одного из графиков, но это невозможно моими инструментами.
https://i.imgur.com/lZvitHa.jpg

8. В новостях по составам вернул из старого сайта голубую полоску для названия этапов.
https://i.imgur.com/BXQxsdo.jpg

9. Попытался исправить таблицы биатлонной статистики, но смог исправить только эту. Они ужасны в плане кода, таблица в таблице, которая в таблице и в таблице... Похоже, скопирована без изменений со старого сайта. Переделайте пожалуйста. Конкретно в этой таблице добавил разделители между строками и добавил "зебру" для годов.
https://i.imgur.com/miINrnG.jpg

10. В трансляциях закрался баг - лишний столбик. Время начала трансляции повторяется. Я его удалил. Также название дисциплин рассыпалось, я исправил отображение. А также исправил отображение легенды с логотипами и названиями каналов.
https://i.imgur.com/EfXC7cz.jpg
https://i.imgur.com/N8Sqiaz.jpg

11. Сделал страницу чата почти неотличимой от страницы чата на старом сайте. Также увеличил размер шрифтов при наборе сообщения, на новом сайте шрифт в окне набора почему-то более мелкий за шрифты в самом чате.
https://i.imgur.com/ZrgCwnd.jpg

А вот сравнение с чатом на старом сайте.
https://i.imgur.com/SGwh9dV.jpg

12. Исправил отображение страницы голосования
https://i.imgur.com/Lw6aHwW.jpeg

12.1. Исправил отображение новости, если текст заканчивается раньше за картинку.
https://i.imgur.com/rsxfTq3.jpeg

12.2. Исправил страницу с результатами сезона. Контент бокового меню вылазил за грани блока. Также добавил разделительные полосы в таблице на белом фоне, поскольку никаким другим образом (например, "зеброй") строки не выделялись, это плохо для восприятия.
https://i.imgur.com/x0SVXuJ.jpeg

13. Ну и всякое прочее. Календарь.
https://i.imgur.com/RKNirK8.jpg

13.1. Страница всех новостей.
https://i.imgur.com/QhC9xEn.jpg

13.2. Галочка теперь галочка, а не обрезок, также фон квадратика на которой она изображена сереет при наведении мышкой. Интерактивность всегда хорошо.
https://i.imgur.com/dTCo6N6.jpg

13.3. Спорт-школы. Текст также расположен по центру, но выравнен в одну ровную линию. Так информация воспринимается лучше.
https://i.imgur.com/ZrEJxeA.jpg

13.4. В профиле список наций за которые болеешь теперь отображаются в окошке и более компактно.
https://i.imgur.com/pEuCqSd.jpg

13.5. На странице эстафет теперь нации выделены жирным шрифтом, как на старом сайте.
https://i.imgur.com/Kqk579U.jpg
(обновлено: оказалось, что так невозможно сделать не задевая остальные зачеты, спринты, преследования и так дальше из-за несовершенства изначального кода сайта)

И ещё многое другое было изменено, устанавливайте стиль и смотрите в живую.

Все эти картинки со сравнениями не по отдельности, а на одной странице.
https://imgur.com/a/e0vvCvQ

Стили заточены под FullHD экраны (но скорее всего будут нормально отображаться и на других разрешениях экрана), на мобилках они точно "рассыпаются", но они и не предназначены для мобилок, туда их не установишь, не хотелось ещё на это тратить кучу времени, для этого у нас есть профи своего дела админ :)

Кстати, был удивлён, что полностью весь код и картинки нового сайта можно было найти в интернете на другом сайте и скачать, он там выставлен как пример.

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

[ 1, 2, 3, 4, 5, 6, 7, 8 ]

Останні обговорювані новини
    Відновлення біатлонної бази в Чернігові (3)
    Новые материалы. Украина (03.05-13.05) (1)
    Новые материалы. Мир (03.05-13.05) (5)
    Выборы руководства федерации перенесены (21)
    Александр Кравченко - старший тренер женской сборной Украины (5)
    Новые материалы (21.04-02.05) (8)
    Определен состав команды А для подготовки к сезону (23)
    Урош Велепец - помощник старшего тренера мужской сборной Германии (20)
 
Добавить комментарий
Вы опознаны как:
1. Если вы уже регистрировались на сайте, введите ваш E-mail и пароль.
2. Если вы оставляете комментарий первый раз, вам необходимо придумать никнейм, и ввести ваш E-mail и пароль.


Имя или Никнейм: (не вводите его если вы уже регистрировались ранее)

E-mail:

Пароль:

Забыли пароль?

Комментарий

Кубок мира
# Имя Очки
1 Марте Олсбю Ройселанд 957
2 Эльвира Карин Эберг 823
3 Лиза Тереза Хаузер 684
4 Ханна Эберг 661
5 Анаис Шевалье-Буше 642
6 Дениз Херрманн 589
7 Динара Алимбекова 589
8 Жюстин Бреза-Буше 581
9 Доротея Вирер 577
10 Маркета Давидова 560
Весь рейтинг
assessments
Оценки в последней гонке

Дмитрий Пидручный 5.73
Артем Прима 5.67

vote
На какой позиции будет лучший из украинцев (мужчины или женщины) в общем зачете КМ по итогам сезона 2021/22?
 
16-20 места
vote
169
21 место или ниже
vote
165
11-15 места
vote
124
1-10 места
vote
63
 
проголосовать



popular profile

Украина  Елена Билосюк
Украина  Юлия Джима
Украина  Дарья Блашко
Украина  Денис Насыко
Украина  Дмитрий Пидручный
Украина  Богдан Цымбал
Украина  Антон Дудченко
Норвегия  Йоханнес Тингнес Бё
Украина  Ирина Петренко
Украина  Валя Семеренко
Беларусь  Динара Алимбекова
Украина  Анастасия Меркушина
Беларусь  Анна Сола
Австрия  Лиза Тереза Хаузер
Украина  Анна Кривонос

interview

2022-04-14
Евгений Колупаев: Подготовка команды к сезону начнется 20-25 мая

2022-04-13
Василий Карленко: Для многих заявление Брынзака стало неожиданностью

2022-02-21
Василий Карленко: Главное - не допускать стратегических ошибок

2022-02-20
Владимир Брынзак: Это только кажется – что кто бы ни занимался биатлоном, медали и высокие места будут сыпаться сами собой

2022-02-19
Владимир Брынзак: После смешанной эстафеты Фортуна от нас отвернулась

2022-02-18
Комментарии. Пекин, мужской масс-старт