Обзор твитви.ру
Моя страсть к твиттеру — что-то необъяснимое. Ведь ненависть к скучнейшему вопросу (бывшему когда-то очень важным в налаживании коммуникаций) «как дела» где бы то ни было еще (кстати, одна из тех модных тенденций, которая захватывает и меня) с приходом в твиттер никуда не исчезла, а, наоборот, усугубилась.
Не доходя до мысли о превосходстве микроблоггинга над блоггингом обычным, я в своем представлении ставлю тви выше асек, чятиков и прочих средств коммуникации — ведь здесь ты сам создаешь инфоповод для обсуждения, сам нарываешься на чужие драмы, ну и так далее. Хотя это только в голове, ведь ни одного друга в это умопомрачительное действо я так и не затащил. Но ведь личное общение за пивом тоже лучше твиттера, да?
Станет ли Twitter настолько популярным, или нет, в какой-то мере зависит от пиара вокруг него. Я на данный момент знаю три бложека, которые всеми правдами и неправдами создают у случайных и не очень посетителей атмосферу интересных возможностей и полезных друзей (черт, наверное, наоборот). Во-первых, это TrendBlog от morav'а, который пишет вообще о всяких таких маленьких и чудных соц-веб-штучках. Во-вторых Рутвиттер от автора мне неизвестного, публикующий разные фенечки и только для твиттера.
Но герой нашего дня — проект старожилов (более или менее), сообщество Твитви. В нем уже есть (и еще ожидаются) интервью с самыми частыми гостями главной странички сервиса, рассказы об интересных подробностей тви-жизни и обзоры самых клевых рукотворных ботов.
В общем, пока вы подписываетесь, я предложу авторам свой взгляд на то, во что может превратиться проект хотя бы внешне (ведь за содержание я спокоен). Т.е. я не буду забрызгивать в этот раз всех вокруг своей желчью, а сделаю вид, что у меня над головой крутится махонький нимб.
Диз, вообще говоря, «украден» с самого Твиттера — что очень и очень верное решение. Вот только, на мой взгляд, ему не хватает более полного соответствия своему кумиру. Ну и, конечно, есть куча разных мелочей, которые просто до конца не «выдержаны».
Заметьте, в оригинале используется не однородный фон — а некий намек на рельефность и птичек, витающих в облаках. В твитви это могут быть оранжевые облака, мечта любого наркомана. А, может даже пришелся бы к месту и маскот Твиттера...
Заголовки длинноваты — ведь можно постараться делать их в одну строку. Если нет — то шрифт надо чуть уменьшить.
Опуская основные и самые частые недочеты (они там, по ссылке, пусть тусуются), перейдем сразу к сайдбару. Почему бы не добиться полного дежавю при попадании на блог? Например, так:

Конечно, нарисованный за 5 минут блок — не совершенство и его можно сделать вкуснее. Немного поиграть с отдельными элементами, подумать, как и что куда запилить. Верхнюю часть еще надо немного подчеркнуть — ведь именно там должно быть описание блогосообщества, в представлении нуждающегося мало. Блок «аватар-фолловеров» можно либо убрать вообще, либо забить в ноиндексы-нофоллоу. Как вариант, использовать «кнопки» не для рубрик, а для отдельных важных страниц — например, страниц авторов.
Но лучше такие ссылки использовать в верхнем блоке. Кроме банальных «о блоге» и «авторы», можно сделать отдельные странички, которые бы здорово помогли не только начинающим, но и постоянным твиюзверям. Основные десктопные клиенты, умеющие чирикать по-русски, наиполезнейшие боты, симпатичные сервисы. Кстати, и трафик будет, и новые целевые посетители.
Единственное, «кнопки»-вкладки сайдбара должны выделяться, если они активны — по умолчанию, Вордпресс так не умеет. Но для этого можно использовать простой хак, правда, я его пока не придумал (но он точно простой!!!).
Собственно, на этом общие рассуждения об общем дизе заканчиваются.
По страничкам автора сказать особо нечего →
Кроме того, что эту ленту можно сделать еще ближе к тви, не потеряв в функциональности, понятности и удобстве. Вернув на положенное место аватар к описанию автора, можно добавить и его фото, какую-то дополнительную информацию. С другой стороны, «минимализм-140» здесь очень круто выглядит.
И последнее у нас — страницы поста →
Сразу бросается в глаза хорошее предварительное оформление постов, хотя и с небольшими косяками по забывчивости или недогляду.
Зато комментарии как бы говорят нам «Не, мы к твиттеру отношения не имеем, мы просто бложек с нумерованными комментариями». Зачем их нумеровать вообще где-то, мне никогда не понять, но то, что сама лента не сделана в виде твиленты — это досаднейшее упущение.
Не думаю, что стоит ограничивать коммент 140 символами, конечно (улыбка), но даже с учетом больших размеров сообщений лента может выглядеть так:

Конечно, и здесь нужно лучше продумать отступы и всяко прочее. Но мысль понятна.
Сделать же так, чтобы у недавно добавленных комментариев длинная и скучная дата превращалась в «5 минут назад» — очень даже просто (пермалинком выступает, естественно, время). Также этот блог — одно из немногих мест, где логичен был бы скрипт, который бы позволил одним кликом вставлять реплай @ник на любой комментарий (я описывал уже, как).
То, что в форме можно использовать просто свой ник — это клево. Но почему-то аватара даже в этом случае подключается от граватарс — хотя ведь можно брать и ее из твиттера. Собственно, грубая наметка формы примерно такая:

Возможно, с полным переводом везде выше я поторопился, ну, или здесь нужна надпись «Что вы хотите сказать?». Или можно смириться, и оставить только одну непереведенную фразу на всю страницу.
С расположением подписей к полям стоит поиграться. А вот эффекты на форме и кнопке тупо копируются. И countdown превращается в countup — учитываем количество набранных символов простым скриптом для пущего эффекта.
Собственно, вот и все — мое рационализаторское предложение состоит в том, что яблочко не должна падать далеко от той птички, что его сбросило.
Если же говорить о технической стороне, то в ней плохого много.
Верстка более чем изобилует дивами, которых надо бы подсократить — верстка не резиновая, так что можно обойтись без вложений. В дату почему-то входит дефис, а все это обернуто в тег abbr, служащий для аббревиатур, вообще-то. Местами есть слабые попытки использовать микроформаты (то ли из оригинальной темы, то ли из верстки тви), что надо углубить и улучшить.
Есть три джаваскрипта, которые лучше слить в один (в два, если реализовывать с указанными выше функциями) — размеры двух из них чуть ли не меньше размеров HTTP-заголовка. CSS был бы, в принципе, приятным, если бы не состоял из двух абсолютно идентичных кусков — нечаянно склонировали текст? Ну и, для уменьшения количества запросов, графику можно также сократить, использовав технику CSS Sprites.
В title, кроме TwiTwi можно бы и запихнуть слово «блог для тви-сообщества». Для вывода меты decription не использовать All-in-SEO, а формировать нормальное описание. Мета content-type должна обязательно идти до тайтла — чтобы браузер не начинал чудить. В линках на RSS не хватает фида комментариев к записи и человеческих английских названий.
RSS. Вот не понимаю мультиавторских бложеков, которые не отдают имя автора в фид — ведь это не только просто, но и обязательно для бедных читателей, которым забивают ленту простынями (почему не до ката — есть ли хоть какая-то причина, почему любители тви не перейдут прочитать статью на сайт?). Можно использовать какой-нибудь плагин, а можно просто прописать заветные слова в functions.php.
Что еще потребуется? Например, плагин, который позволит всем авторам бложека получать уведомления о комментариях и новых записях.
И так как я дописываю пост уже в понедельник, изрядно уставший от несчисленных километров, что я за сегодня прошел, решения проблем описанных в посте я дам позже — по первому требованию. Здесь они, конечно, тоже появятся, следующим потсом.
Аналогично, если автор замечательного Русского сообщества Твиттера захочет воспользоваться моим свободным временем по внедрению наиболее приглядных идей, высказанных здесь — welcome.
Ведь чего не сделаешь ради благодарности фолловеров.
И да, величие этого проекта не поддается трансцендентальной оценке. Почти так же, как замыленность моего повествования. Оценки не будет.




И я, как всегда, забыл добрые и теплые слова. Они дальше: «Спасибо вам, авторы, за то, что проект уже сейчас интересен. Дальше — только больше, я надеюсь. Новые авторы, новые темы. Свершения, истории, интервью. Рутвиттер должен знать своих героев.»
Ну как-то так, в квадрате и 24pt.
выделяться кнопка текущей активной страницы?
Куча дельных замечаний, много хороших идей и много указаний на то, что хотелось сделать, но не получилось или просто еще не доделалось.
Спасибо за такой детальный обзор (порою даже — расстрел) твитви.
И автор «захочет воспользоваться...» ;)
Я еще бы добавил непонятный тайтл для даты поста: «2008-12-12T19:45:26-0800»,
исправить «Читать дальше »» на «Читать дальше →»
перевести всю тему на русский,
hover от ссылки какой-то невзрачный, я бы как минимум сделал a:hover {text-decoration:none;}
и твой вариант сайдбара меня прет!
что-то не понял что такое twi-game, в двух словах можешь обьяснить?
@blogomober: так точно (мой текст просто не успевает за моими мыслями). там небольшой хак для стандартных функций вывода нужен, чтобы возвращались не a, а span.
@lilumi: дата поста вообще сложно, там тоже нуно что-то оригинальное. ховер — возможно. а вот стрелочка на ссылке ката — не панацея. на самом деле, там нужна любая метафора «дальше», все зависит от цели. Твигейм — просто следуй инструкциям :). Это рейтинг твиттерян (зарегистрировавшихся там), считающийся по их постам. Просто забавная и бессмысленная фича )
@Андрей Харланов: заметано. завтра бум думать.
порезало. выслал на мыло
Добавил пару слов от себя:
picbite.com/image/10988eegaq/
Почувствуй себя А. Л. :-)
@Павел Власов: ээээ, продублировал и сказал ненужное, если речь идет о полной замене сайдбара :). Кстати, о рубриках и тегах — это инструменты, которые легко можно использовать вместе. Особенно на таких сайтах, как «обзираемый».
@blogomober: пока я вижу в коде, что только Home и выделяется, да и ссылки все остаются... Ладно, посмотрим, спасибо.
@автор
Ну я выслал на почту тему.
потс — фишка автора?:)
@blogomober: любая перестановка букв в слове «пост» — фишка, хоть и банально-унылая. я как раз в теме и посмотрел :).
Тему посмотрел — действительно сменяется активность вкладки. Но вот ссылка не убирается.
По поводу фона, то я только еще больше зауважал разработчиков ТвиТви, так как им удалось удержать посетителей, используя подобную яркую гамму в насыщенном текстом контенте. Это я говорю потому, что самому полгода назад приходилось выполнить первую версию сайта «ЮаДримз» с оранжевым фоном (ну нравится директору «помаранчовый», что ж тут поделать)... Так вот не прошло и недели, как супорт-центр был завален далеко нелестными(ух, как же это мягко сказано) отзывами девочек-операционисток с региональных представительств, которые жаловались на боли в глазах от продолжительной работы с сайтом...
ПС. Несмортря на это, не было ни одного негативного отзыва от самих клиентов агенства...
@Кирилл: ну это же не постоянного использования сервис, сам понимаешь. У того же твиттера — очень такой бледный бирюзовый фон, именно потому что его используют много. А блог — прочел пару записей-ушел. К тому же блог с претензией на звание лучшего о тви (в будущем), поэтому посетители — в основном, любители пощебетать. Вот и удерживание посетителей.
Но, возможно, ярковатый фон можно поменять на что-то более нейтральное. Впрочем, оранжевый бледным не сделать так, чтобы это еще смотрелось вкусно.
Вот, кстати, перечитывая избранное из Головача, наткнулся на интересный момент
В ddd.exmachina.ru/ui/good_icon/, конечно, идет больше по метафорам и разделению, но — в разрезе больших форм тоже можно читать «достаточно большим» с упором на достаточно. Скажем, если на достаточно загруженной странице мне неприятно появление чрезмерных «вебдванольных» элементов (как и чрезмерно маленьких), то бывает и так, что они должны быть большие — например, в формах регистрации, или мылосборниках.
Не люблю Твиттер! Даже не знаю почему...