Алекс Экслер (exler) wrote,
Алекс Экслер
exler

Category:

Новый сайт Exler.ru

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

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

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

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

Впрочем, это уже все частности, это будем обсуждать отдельно.

Теперь главное - какие задачи ставились перед новым дизайном и новым движком, зачем это все вообще затевалось?

1. Самая главная проблема - дизайн нынешнего сайта вообще не заточен под мобильные утройства, а это нынче 60-70% трафика. Из-за этого за последние несколько лет я потерял большое количество как старых, так и потенциальных новых читателей, которым просто некомфортно читать сайт со смартфона. И эта была одна из главных задач нового дизайна и верстки - чтобы сайт нормально смотрелся на десктопах, но при этом максимально комфортно адаптировался для экранов смартфонов, включая маленькие размеры и разрешения.

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

2. Вторая проблема - проклятие колоночной верстки в 600 пикселов, которая очень сильно устарела. И шрифты приходится использовать мелкие, и предпросмотр фотографий в 600 пикселов - фиговенький, ну и прочие проблемы.

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

3. Мне очень не нравится традиционный вид главной страницы и статейных разделов, которые выглядят не как обложки, а как содержание.

Поэтому мы сделали главную страницу более информативной, ну и то же самое сделали со страницами разделов (кроме блога).

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

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

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

Я знаю, что будут претензии к графическим анонсам (они были на этапе обсуждения эскизов), но мы сделаем так, что при залогинивании в своем профиле можно будет выбрать старый вариант отображения - списком, как сейчас. Это еще пока не сделано, но будет.

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

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

У меня большая просьба поизучать новый сайт следующим образом.

1. Проверить, как смартфонах отображаются страницы разделов, а главное - конкретные статьи и лента блога.

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

3. Попробуйте комментирование в блоге - там создана специальная запись. (Впрочем, комментировать уже можно во всех статьях и записях блога.) Логин-пароль для комментировиня - такой же, как здесь. Возможность логиниться по OpenID и соцсетям обязательно будет: там возникли некоторые сложности, подключим это позднее. Форма комментирования пока достаточно аскетичная, но туда будут подключены специальные тэги, которые можно будет использовать (собственно, сейчас через формы с этими тэгами все и делается). Лишние украшательства мы пока не прикручивали. Да, пиктограммы для вставки картинок, линков и видео - ужасны и туда не подходят - пока прикрутили чисто для теста из купленного набора. Дизайнер скоро нарисует под наш дизайн - обновим.

Для комментов сделана двухуровневая структура, как в Facebook (чтобы когда шли несколько ответов на конкретный коммент, это было видно), также доступно обычное цитирование.

Замечания можно писать сюда, можно писать туда, но сюда лучше, потому что там запись - для тестирования.

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

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

Ну и теперь адрес тестовой площадки:

new2.exler.ru

Upd: Картинки в комментах сделаем небольшими превьюшками, которые будут разворачиваться при нажатии.

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

Upd3: Важный момент! Если превьюшки показываются совсем кривые и искаженные - нажмите Ctrl+R. Это из кеша достаются старые картинки и неправильно отображаются. И еще раз подчеркиваю, что анонсовые картинки постепенно будут заменены на специальные, которые я сделаю. Сейчас они делаются автоматически обрезкой. Скоро этого не будет.



https://www.exler.ru/blog/item/22058/
Tags: Экслер
Subscribe
Comments for this post were disabled by the author