Заглавная портала ЖКХ
Sep. 20th, 2011 12:44 am![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
ermouthЧуть меньше недели назад я тут написал грустный пост про правительственный дезигн. И пообещал в конце нарисовать, как должен на мой взгляд выглядеть портал ЖКХ (его современное состояние можно лицезреть по адресу gkh.dvinaland.ru).
Задача осложняется тем, что вряд-ли кто-то будет вносить серьёзные изменения в серверный код и надо использовать то, что уже есть. То-есть перелицовывать html и недостающий функционал добавлять по преимуществу уже в браузере.
Ну и конечно, смотрел я в первую очередь с точки зрения сценариев пользователя, а не инженера.
Всю неделю думал, порвал два баяна и вот что получилось в черновой итерации (тык на большие картинки – фуллскрин).
Так может выглядеть заглавная для неавторизованного пользователя:
То-есть было понятно, что основная дизайнерская задача – это максимально уменьшить количество кликов при выборе дома.
Вторая задача – стимулировать пользователей регистрироваться и писать самим в разделе дома полезную информацию – потому что очевидно, что УК этого делать никогда не будут, им просто пох всё.
Остальные задачи чисто оформительские и компоновочные. Это типа меню почистить и другие сопли, лишнее выкинуть, ленты причесать, над поиском подумать и над тем, как в такой шаблон остальные страницы вписывать.
Ну и редактура нужна – та имперско-канцелярская велеречивость, что сейчас, ужасна местами до оторопи (например вот премерчег, смотрим на заголовок и breadcrumbs бгг)
Но основное – это стимулирование регистрации и удобный выбор дома. И вот что мне придумалось…
Я дропдауны недолюбливаю, особенно их нанизывание. Дропдауны надо мотать – а места в вебе обычно хватает, чтобы просто написать все варианты. То-есть, заменить последовательность “клик-скролл-клик” на просто клик и сэкономить на выборе два клика и три промотки.
Если набирать адрес лень, цепочка кликов могла бы выглядеть так:
Сначала выбираем город, или, если мы не в городе, кликаем на “выбрать район” – и список городов заменяется на список районов. Он длиннее на две строчки – но нам это пофигу. Это же веб, а не WinForms.
Теперь, когда выбран город или район, нам надо не затеряться в списке улиц (или населённых пунктов в районе). Их реально много, так что идём в два шага, примерно так:
Сначала выбираем букву, а потом уже из списка улиц или населённых пунктов.
Потом по такой же схеме дом. Немножко я недодумал ещё, как в этом по сути визарде делать шаг назад – но это несложная задачка.
Выбор адреса автокомплитом при наборе тоже несложная задачка – если не заставлять пользователя писать вначале город, а предлагать ему выбрать этот город по названию улицы. Это может выглядеть так:
Заодно вот сбоку результаты автоопределения адреса, их кста нужно при наборе улицы тоже фильтровать сразу – на картинке этого нет.
Ну и после выбора адреса – который должен запомниться в кукизах даже для неавторизованного пользователя – мы получаем примерно следующее:
Тут вариант для авторизованного пользователя нарисован, это для него заглавная страница вообще. Сразу про его дом – без всяких там выборов адресов и разглядывания бесполезной информации о том, сколько в базе нормативных документов.
Потому что на портал пойдут в первую очередь за информацией о своём доме и за возможностью решить проблемы. Не за новостями, не за статьями и не за нормативными актами. А за вполне бытовыми всякими штуками.
Для неавторизованного пользователя после выбора адреса всё примерно такое-же, только некоторых кнопок нет и, возможно, баннер о регистрации висит. Его закрытие тоже надо запоминать в кукизах для всех.
В целом, организация пространства портальная, а стилистика виджетов и оформления ссылок ближе к вКонтактегу. Это сделано из соображений максимальной привычности вКонтакта как схемы построения “мусорного” интерфейса.
Поиск я тоже после некоторых размышлений не стал делать в шапке постоянно висящим полем ввода. Подход вКонтактега и тут рулит, то есть по нажатию на “Поиск” у нас появляется в шапке такое:
В целом, конечно, хотелось сделать всё ещё попроще – такое, к твиттеру поближе, к двухпанельному построению – но тогда не подходит платформа, а поменять её насколько я понял никаких шансов.
В этих макетах не всё додумано, конечно, и есть что упростить и поправить. Тем не менее, мой дизайн несравненно эргономичнее того, что сейчас.
Вообще, помимо заглавной страницы серьёзной перелицовки требуют страницы базы знаний, дóма, УК, списка организаций, обращений… В общем, почти всё ) Но платформу придётся трогать совершенно минимально – придумать только к каждому дому ещё список аварийных и других полезных контактов, а также принцип его организации / автомодерации. Ну и тэги добавить к базе знаний, но это уже имеющийся в Битриксе функционал.
И да, логотип с названием я поменял на более человечный. То-есть, теперь для авторизованного пользователя клик на надпись “Мой дом” приведёт на заглавную, где как раз и есть всё про его дом )
Отправил высочайшим на посмотреть.
А вы что думаете, френды?
Дисклэймер: копирайт у мну, и прочая, и прочая.
![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
no subject
Date: 2011-09-19 09:51 pm (UTC)для того, чтобы понять, надо вчитываться, это всё, фэйл
ещё:
2. коммерческий сайт никакой так бы не выглядел, потому что это мозгом по древу, а не продать фичу... сравнивайте с коммерческими сайтами, очень хорошо сразу всё показывает
3. оставил муть типа "новости", которые на сервисных проектах никто не читает, опросы, которые только для заполнения пространства.. если нельзя убрать, значит, надо сделать иначе
я бы по-другоу заходил: без реги юзер видит на главной большое "найдите ваш дом" и какую-то статистику, чтобы было понятно, что 1.698.764 домов в базе в Архангельске, Котласе и т.д.
юзер находит свой дом (поиск, кстати, довольно продуманный у тебя), потом ему предлагается СОХРАНИТЬ свой дом, а для этого рега ну и т.д.
no subject
Date: 2011-09-19 10:01 pm (UTC)no subject
Date: 2011-09-19 10:11 pm (UTC)no subject
Date: 2011-09-19 10:15 pm (UTC)с точностью до километра почти всегда попадает -- этого уже вполне достаточно для точной фильтрации адресов.
no subject
Date: 2011-09-19 10:17 pm (UTC)надо кста не дом определять, а группу возможных адресов (как у меня на картинке), в наших реалиях точность порядка километра -- это правило.
no subject
Date: 2011-09-19 11:31 pm (UTC)Ещё можно кнопку "пригласить соседа", которая будет давать линк (tiny url) идущий в тот же дом, возможно, с вопросом "это не ваш дом? кликните сюда, чтобы изменить адрес [больше не показывать этот вопрос, это мой дом]"
no subject
Date: 2011-09-19 11:33 pm (UTC)Тут же знакомства можно сделать!
Чат, фотографии, девочки :)
Meet-up groups по интересам ("играем в шахматы" - кто хочет подписывается, получает приглашение и собирается у Иванова на 6-м этаже по пятницам)
Маркентинг продуктов, доставка на дом.
Блин, поле непаханное!
no subject
Date: 2011-09-19 11:39 pm (UTC)а вот потенциально как площадка для продвижения услуг точечно -- очень даже.
(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:no subject
Date: 2011-09-20 06:20 am (UTC)Большинство за 10 лет проживания не знают соседей по площадке.
(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:(no subject)
From:no subject
Date: 2011-09-19 11:42 pm (UTC)Можно будет добавлять соседей, которых ты знаешь, введя этаж, квартиру и имя соседа. Ему придёт уведомление friends request, и если он его примет - вы connected.
no subject
Date: 2011-09-19 11:46 pm (UTC)а портал оставлять справочником, пультом платежей, бибиэсиной по домам и шлюзом к жалобам и всяким другим взаимодействиям с организациями.
(no subject)
From:(no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(no subject)
From:no subject
Date: 2011-09-19 10:24 pm (UTC)а так-то конечно круто было бы
no subject
Date: 2011-09-19 10:48 pm (UTC)у меня бизвуд прекрасно работает определяя координаты, я только там до километров округляю. 20% всех заходов со включенной геолокацией происходит уже сейчас.
no subject
Date: 2011-09-20 05:29 pm (UTC)(no subject)
From:(no subject)
From:no subject
Date: 2011-09-19 10:14 pm (UTC)про новости понятно всё. их надо заменять на ленту новостей как вконтакте (агрегатор, всё в кучу) или в стиле твиттера, рапидом, но тоже всё в кучу. я просто не представляю себе, как это технологически на имеющейся платформе без адского гимора сделать. можно, наверное.
я и не буду решать задачу для пенсионеров, разве что как на газпроме будет контрастный скин для слабовидящих. с другой стороны, ты прав, разводящую страницу можно рисовать сильно проще, я в посте про это помянул (в смысле, что упрощать надо).
операция "сохранить дом" абсолютно лишняя -- он должен сохраняться в кукизах сам по себе для каждого. те, кто не хотят регаться -- а таких будет большинство пока на портале нельзя платить за жкх -- пусть и не регаются. пользы от их регистрации никакой -- они не генерят контент. лучше дать им возможность читать контент без регистрации, это по ресурсам дешевле.
про "коммерческие сайты так не выглядят" я тебе даже пруфы писать ленюсь, что выглядят, и более чем успешные ) хотя нет предела совершенству -- если электрик Вася захочет дать порталу денег, чтоб стать великим -- я знаю как это сделать.
про количество домов -- хорошая идея, спасип.
no subject
Date: 2011-09-19 10:33 pm (UTC)как только зарегал юзера, ему уже можно начинать слать спам всякий актуальный про отключение горячей воды, про капремонт, про "не забудь проголосовать за мэра" и т.д., то есть делать возвраты, а это уже костяк постоянной аудитории
в общем, в любом случае, до уровня хорошего сервисного проекта таким сайтам расти и расти, даже в Москве не могут сделать, все сидят реально на распилах.. что уж говорить про регионы
no subject
Date: 2011-09-19 10:45 pm (UTC)но там блин Битрикс -- я сейчас прорабатываю как раз вопрос, как его скрестить с соцсетями. это оказывается для самой блять продаваемой цэмээс адский гимор.
no subject
Date: 2011-09-20 05:30 pm (UTC)но если что, их весной Яндекс купил
(frozen) no subject
Date: 2011-09-21 08:51 am (UTC)Хотя странно, что вы не знали, что у битрикса есть свой внутренний интерфейс для этого.
(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:(frozen) (no subject)
From:no subject
Date: 2011-09-20 03:46 am (UTC)no subject
Date: 2011-09-20 07:27 am (UTC)no subject
Date: 2011-09-20 10:22 pm (UTC)Дмитрию
Date: 2011-09-20 01:47 pm (UTC)Re: Дмитрию
Date: 2011-09-20 01:56 pm (UTC)Re: Дмитрию
Date: 2011-09-21 08:48 am (UTC)