Практика

1.3 Выбрать цветовую палитру

Цвет — основа визуального образа.

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

Рассмотрим имеющуюся цветовую схему ресурса «Кладовка». Проанализируем текущий CSS-файл и выделим из него используемую палитру.

Цветовая палитра

Базовые цвета: зеленый, оранжевый, черный.

Явными недостатками полученной палитры являются:

  • преимущество ярких красок,
  • контрастирующие перепады насыщенности в градациях
  • и избыточность набора (для примера сравните #555555 с #565656 или первые пять цветов оранжевого между собой) .

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

При этом постараемся придерживаться тематики «вездерастущих тыкв», чтобы вписаться в общий дизайн сервисов компании «РЦТК».

Для достижения цветовой гармонии воспользуемся природными сочетаниями. Выберем в интернете подходящую фотографию по запросу «Тыква».

Тыквы на бахче

Проведем пикселизацию.

Мозайка смежных цветов

Выделим градации четырех базовых цветов: зеленого, оранжевого, коричневого и серо-буро-малинового.

Палитра градаций

Протестируем полученную палитру.

Тест палитры

Хорошая.

Стандартный
Практика

1.2 Добавить нужное

Ни один сервис не идеален.

Некоторые недостатки особенно сильно проявляются со временем.

После года использования ресурса «Кладовка», могу с уверенностью сделать вывод, что на этом сайте не хватает следующих вещей:

  1. Поиск (фильтрация) раздач по стране, году выпуска, режиссеру и нескольким жанрам одновременно.
  2. Избранные раздачи и обновления в избранных раздачах.
    Быстрый доступ к отмеченным раздачам и оповещение о новых выпусках в любимых сериалах.
  3. Возможность просматривать только новые раздачи.
    Новые — это те раздачи, которые появились после предыдущего посещения сервиса.

Спроектировать и реализовать эти функции — сущая ерунда.

Даже для программистов компании «РЦТК».

Что мешает это сделать?

Лень.

Стандартный
Практика

1.1 Убрать все лишнее

У новокузнецкого провайдера «РЦТК» есть внутренний P2P-ресурс «Кладовка». У ресурса есть видео-раздел и ужасный интерфейс.

Сейчас мы это поправим.

Весь интерфейс видео-раздела — это две страницы:

  • список раздач
  • и страница с детальной информацией о раздаче.

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

Список раздач

Красными блоками отмечены лишние элементы. Синей линией отмечена нижняя граница первого экрана на моем ноутбуке в браузере Chrome.

Причины отказа от указанных элементов, сверху вниз:

  • логотип и поиск дублируются;
  • мне не надо регистрироваться или авторизовываться, если провайдер знает мой IP, логин и пароль подключения к интернету;
  • я не должен смотреть рекламу на сайте провайдера, если плачу ему за интернет;
  • рейтинг, основанный на количестве загрузок, абсолютно нерепрезентативный;
  • секция «Розыск файлов» большинству казуальных пользователей не нужна;
  • большая часть описания раздачи избыточна и не несет смысловой нагрузки;
  • в левой колонке макета много неиспользуемого пространства;
  • счетчик не интересен посетителям, а «важное замечание о программе Flylink» дублирует ссылку из шапки.

Подробнее стоит пояснить избыточность и бессмысленность описания раздачи.

При просмотре списка пользователю всё равно, кто поделился файлом. Данная информация будет полезна только в тот момент, когда он захочет скачать раздачу, а файл по какой-либопричине не найдется в DC-клиенте.

Режиссер и список актеров избыточны потому, что, как правило, лица известных актеров размещают на постерах крупным планом, а фамилии известных режиссеров пишут большими буквами. Имена же неизвестных актеров всё равно никому ни о чем не говорят.

«Качество фильма по мнению редактора» — полная чушь, поскольку в названии раздачи уже присутствует описание типа раздачи (CamRip, DVDRip, HDRip и так далее), что говорит о качестве записи красноречивее куцой оценки редактора.

Показ количества комментариев следует убрать, потому что исчезнут сами комментарии(см. далее).

Аналогичная ситуация у страницы с детальной информацией о раздаче.

Детали раздачи

На этой странице нормальному человеку абсолютно до лампочки

  • кто одобрил раздачу,
  • какое место и в каком рейтинге занимает раздающий,
  • кто и что написал в качестве комментария к раздаче.

Блок с жалобами и благодарностями удаляем вследствие его абсурдности и функциональной неоправданности.

Чем «Ссылка не работает» отличается от «Пожаловаться»? Не понятно.

Что произойдет, если я нажму «Сказать спасибо»? Ничего.

Зачем всё это нужно?

Не нужно.

Стандартный