Заглавная портала ЖКХ

[ermouth]

Чуть меньше недели назад я тут написал грустный пост про правительственный дезигн. И пообещал в конце нарисовать, как должен на мой взгляд выглядеть портал ЖКХ (его современное состояние можно лицезреть по адресу gkh.dvinaland.ru).

Задача осложняется тем, что вряд-ли кто-то будет вносить серьёзные изменения в серверный код и надо использовать то, что уже есть. То-есть перелицовывать html и недостающий функционал добавлять по преимуществу уже в браузере.

Ну и конечно, смотрел я в первую очередь с точки зрения сценариев пользователя, а не инженера.

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

Так может выглядеть заглавная для неавторизованного пользователя:

То-есть было понятно, что основная дизайнерская задача – это максимально уменьшить количество кликов при выборе дома.

Вторая задача – стимулировать пользователей регистрироваться и писать самим в разделе дома полезную информацию – потому что очевидно, что УК этого делать никогда не будут, им просто пох всё.

Остальные задачи чисто оформительские и компоновочные. Это типа меню почистить и другие сопли, лишнее выкинуть, ленты причесать, над поиском подумать и над тем, как в такой шаблон остальные страницы вписывать.

Ну и редактура нужна – та имперско-канцелярская велеречивость, что сейчас, ужасна местами до оторопи (например вот премерчег, смотрим на заголовок и breadcrumbs бгг)

Но основное – это стимулирование регистрации и удобный выбор дома. И вот что мне придумалось…

Я дропдауны недолюбливаю, особенно их нанизывание. Дропдауны надо мотать – а места в вебе обычно хватает, чтобы просто написать все варианты. То-есть, заменить последовательность “клик-скролл-клик” на просто клик и сэкономить на выборе два клика и три промотки.

Если набирать адрес лень, цепочка кликов могла бы выглядеть так:

Сначала выбираем город, или, если мы не в городе, кликаем на “выбрать район” – и список городов заменяется на список районов. Он длиннее на две строчки – но нам это пофигу. Это же веб, а не WinForms.

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

Сначала выбираем букву, а потом уже из списка улиц или населённых пунктов.

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

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

Заодно вот сбоку результаты автоопределения адреса, их кста нужно при наборе улицы тоже фильтровать сразу – на картинке этого нет.

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

Тут вариант для авторизованного пользователя нарисован, это для него заглавная страница вообще. Сразу про его дом – без всяких там выборов адресов и разглядывания бесполезной информации о том, сколько в базе нормативных документов.

Потому что на портал пойдут в первую очередь за информацией о своём доме и за возможностью решить проблемы. Не за новостями, не за статьями и не за нормативными актами. А за вполне бытовыми всякими штуками.

Для неавторизованного пользователя после выбора адреса всё примерно такое-же, только некоторых кнопок нет и, возможно, баннер о регистрации висит. Его закрытие тоже надо запоминать в кукизах для всех.

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

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

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

В этих макетах не всё додумано, конечно, и есть что упростить и поправить. Тем не менее, мой дизайн несравненно эргономичнее того, что сейчас.

Вообще, помимо заглавной страницы серьёзной перелицовки требуют страницы базы знаний, дóма, УК, списка организаций, обращений… В общем, почти всё ) Но платформу придётся трогать совершенно минимально – придумать только к каждому дому ещё список аварийных и других полезных контактов, а также принцип его организации / автомодерации. Ну и тэги добавить к базе знаний, но это уже имеющийся в Битриксе функционал.

И да, логотип с названием я поменял на более человечный. То-есть, теперь для авторизованного пользователя клик на надпись “Мой дом” приведёт на заглавную, где как раз и есть всё про его дом )

Отправил высочайшим на посмотреть.

А вы что думаете, френды?

Дисклэймер: копирайт у мну, и прочая, и прочая.

Comments

[morfizm.livejournal.com]

Я не понимаю, каким боком "они уже есть" - это аргумент против того, чтобы делать новую? Есть же, скажем, ЖЖ, фейсбук, твиттер, скайп, linked-in и google latitude, и всё это прекрасно сосуществует, почти не соревнуясь друг с другом, т.к. покрывает совсем разные нужды. Нельзя сделать одно хорошее приложение "соц сети" и сказать, что "проблема с соц. сетями в принципе решена".

Я больше смотрю на это так: *если так окажется*, что нужная функциональность уже продублирована в том же "вконтакте", то для реализации новой сети можно договориться с тем же вконтактом, чтобы использовать их движок как backend, +/- возможно как-то упростить регистрацию и движение народа туда-сюда. Но это деталь реализации, а не суть. Кроме того, я думаю, в случае географически-зависимой соц.сети там довольно сильно будет отличаться набор необходимых и полезных фич, и не факт, что подобная интеграция будет вообще иметь смысл.

[ermouth.livejournal.com]

Дима, это имхо немного странная затея, по срокам и бюджету в первую очередь, делать соцсеть там, где нужен портал ЖКХ.

Стратегически это тоже не лучшая затея, потому что я скорее буду ожидать что нужные геофичи появятся вконтакте, чем тут на битриксе. Платформу менять не будут, там огромная база уже занесена -- так что замена платформы просто не оправдана экономически.

Вообще, я наблюдаю у тебя отголоски типичного рыночного поведения твоего предыдущего работодателя -- "нафиг нам стандарты и наработки рынка, мы пойдём своим путём". Это не всегда оправданный подход ладе для мсфт, не говоря уж обо мне с моими ресурсами.

В общем, ты не сомневайся, я очень внимательно обдумал этот вариант ) Напишу может быть.

(frozen)

[aleksei neverov (from livejournal.com)]

Дмитрий, замена платформы не нужна, потому что 1С-Битрикс — отличная платформа. Не говорите о том, чего по сути не изучали. 1С-Битрикс поддерживает разные базы GeoIP, в том числе и внешние.

(frozen)

[ermouth.livejournal.com]

для начала, не говорите о том, чего не изучали вы.

мне НЕ нужен геоайпи, а нужно:
-- использовать координаты, предоставляемые javascript geolocation api в браузере
-- нормальное хранение координат сущностей в битриксе и быстрый поиск по ним в пределах определенного радиуса, причём не только по точкам

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

(frozen)

[aleksei neverov (from livejournal.com)]

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

(frozen)

[ermouth.livejournal.com]

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

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

[aleksei neverov (from livejournal.com)]

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