Требуется создать UI/UX дизайн небольшого веб-приложения. Пока только дизайн, верстка не нужна.
Краткое описание системы:
Есть удаленные объекты мониторинга. С них данные поступают на сервер. Собираемые данные такие: температура, давление, энергия, объем, и др. Кроме этого объект мониторинга характеризуется состоянием. Список возможных состояний: неопределенное состояние, устаревшие данные, все нормально, есть нештатная ситуация.
Собираемые данные и состояния объектов мониторинга надо отображать.
Как я себе представляю UI: Есть основная страница, где отображены все объекты мониторинга. Сколько их может быть? – По разному. Иногда до 10-20. Максимум - около 200. На первой странице должны быть показаны все. Каждый объект мониторинга на этой странице назовем элементом.
В каждом элементе отображена некоторая информация.
Если элементов очень много, то понятно, что много информации в одном элементе не разместить, в этом случае важен цвет элемента (означает его состояние), некоторая иконка объекта, и минимум другой информации. При наведении мышкой на элемент должен быть tooltip с расширенной информацией.
Если элементов мало (как сейчас), то информации на самом элементе может быть больше. Цвет элемента зависит от состояния.
Сейчас так: неопределенное состояние – серый цвет, устаревшие данные – оранжевый цвет, все нормально – зеленый цвет, есть нештатные ситуации – красный цвет.
При нажатии на элемент попадаем на страницу с детальной информацией об объекте мониторинга. Там все оперативные данные, плюс можно запрашивать архивные данные (отображаются в виде таблицы), запрашивать отчеты (результат – ссылка для скачивания отчета). Еще будет график (сейчас нет, но планирую, что он будет "за одно" с архивными данными).
На странице с детальной информацией должен быть переход на основную страницу (приложение может работать в полноэкранном режиме, и другого пути перейти обратно - нет)
Должно быть все просто и лаконично.
Скриншоты рабочего прототипа в аттаче.
Пожалуй, все. Я описал мое видение. Возможно, можно сделать по-другому. Буду рад услышать/увидеть другие предложения.
Если описал непонятно - отвечу на любые вопросы, могу дать ссылку на прототип.
Итак, предполагаемый список артефактов:
Основная страница со списком всех объектов, когда их 150 штук (с тултипом).
Основная страница со списком всех объектов, когда их 10 штук или меньше.
Страница с детальной информацией (только оперативные данные)
Страница с детальной информацией (архивные данные + график)
Страница с детальной информацией (запрос/результат отчета)
VPS на хостинге мультихоста Раз в 3-4 дня стандартно виснет Устал с ними ругаться - купил впс2 тариф подороже аналогичная ситуация При попытке поругаться выяснить с сотрудниками мультихоста пишут вот что . ===================================================== Вашему ресурсу однозначно не хватает ...
Нам нужен дизайнер с опытом по созданию "вкусных" интерфейсов приложений для iPad. На основании ТЗ на дизайн и подробных прототипов стоит задача разработать дизайн книжной полки интерактивных книг. Приложение представляет собой магазин-витрину на которой расположены ...
собственно сабж, для примеров: AVG или Avira можно глянуть. Иконки не обязательно использовать оригинальные, т.к. бюджет не велик.
Нужен простой и приятный дизайн плеера. Стиль примерно такой как обведенные элементы управления на присоединенной картинке. Но это не жестко, можете предложить свой вариант. Главное что б он был расчитан на масимально широкую аудиторию. Функционально ...
Здравствуйте! Нужен скрипт прокрутка фото на jQuery 1. плавная прокрутка небольших фото туда сюда 2. при наведении стоп и увеличение указанной фото 3. увеличение + появление блока с инфо+ссылка на страницу с фото Пример здесь http://www.silvero.ru в шапке, но ...
Требуется разработка UI для красивой презентации данных статистических данных. Первое что требуется сделать это представление под названием "Display Statistic" На картинке Вы видите как это должно выглядеть. Всю необходимую информацию "UI программа" будет получать по Web-Service. То есть данные ...
Нужно из имеющегося жипега невысокого качества насрисовать векторное изображение
Необходимо разработать flash баннер для размещения на первом экране терминала. По нажатию – переход к отдельному экрану с подробной информацией. А также промо-интерфейс с информацией об акции (красивая картина и фон, текст) и заказом билетов. ...
Необходимо разработать дизайн веб-интерфейса интернет-магазина косметики с логотипом. Есть CMS нужно сделать на основании ее функционала дизайн - универсальный для просмотра как на стационарных ПК так и на мобильных планшетах, нетбуках. Основная цель - сделать красивый, ...
Провести аудит и исправить ошибки.
