Полезные мелочи сети, заметки с тегом: дизайн

Ностальгия: Чатики — комнатки

Mon, 26 Jan 2015 15:18:11 +0500

Предлагаю немного поностальгировать. Пару лет назад мне довелось посмотреть интересный, не неоднозначный фильм «Чат» о том, кем же могут оказаться в реальной жизни люди из виртуального мира. Там есть отличная метафора, которой наверняка пользуетесь и вы, когда речь заходит о чатах или IRC-каналах.

Каждый чат там представлен в виде комнаты, которая может быть обставлена по желанию и характеру владельца. Гостям своего «чата» хозяин может оказать радушный приём, пригласить за стол, присоединиться к вечеринке с другими постояльцами или позволить перешёптываться с кем-то лично в уголке.

Эта ассоциация создаёт ощущение, что чем больше ты напихаешь в собственную комнатку, тем удобнее и интереснее будет гостям, когда всё есть под рукой и никуда выходить не надо. Захотел посмотреть время — вот часы висят на стене, для погоды хозяин комнаты предусмотрел градусник за окном, для большего веселья — целый стол виртуальных напитков и еды, парочка настольных игр для вечеринки на всякий случай, если кому-то станет скучно.

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

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

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

Источник

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

Когда я ещё был активным участником непоследнего в то время русского сообщества «Покемонов» и частенько зависал в чате с парой-тройкой единомышленников, разнюхал, что есть некая команда, которая превращает обычного пользователя в модератора. Естественно только если наберёт её кто-то из модерства:

/promote username

И когда в списке пользователей появился один из знакомых мне модеров, я попросил шутки ради эту команду выполнить с указанием ника другого человека (ну чтобы без подозрений). Про фишку модер в курсе не был и одним незадачливым участником руководящего состава внезапно стало больше. Это было довольно весело, тем более, что потом в благодарность повысили и меня. Хотя я и не собирался превышать полномочия и банить всех и вся, чувство власти тогда изрядно доставляло такому школьнику как я. Правда, потом, когда про это явление пронюхали остальные участники и количество модераторов стало расти быстрее, чем кролики в грибной дождь, администрация всё это моментально прекратило и всех посокращало до обычных смертных™. Тем не менее, свою долю веселья мы получили. Такие были времена…

А какие воспоминания о былых сообществах остались у вас? Поделитесь?

p.s. Если кто-нибудь вдруг, ну совершенно случайно ещё помнит pokemon.dotnet.lv или старую pokeliga.com, черкните хоть строчечку ;-)

Всё же с возрастом мнение меняется

Fri, 23 Jan 2015 11:41:13 +0500

В заметке «Простота, разнообразие или время?», сделанной три года назад, я пытался сделать выбор между Вордпрессом и Эгеей в качестве движка блога. Тогда ключевым минусом CMS Ильи Бирмана для меня стало отсутствие уникальных готовых шаблонов и некоторая сложность их кастомизации по сравнению с WP.

Сейчас моё мнение противоположно: ставку делаю на содержание блога, а не уникальность обложки. В одинаковости и минималистичности есть плюсы: стильно, удобно, легко комментируемо, посему и перетащил бложик сюда. Впрочем, это не помешало мне немного индивидуализировать тему, сохранив узнаваемую структуру самой CMS.

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

p.s. И сразу вспомнился спор на GameSHOWS между мной и одним пользователем относительно того, меняются ли жизненные взгляды у людей в сравнении 20 и 25 лет. «Неопытные и опытные»™. Но нет, у меня ничего значительного не менялось, всё тот же разгильдяй. Ну разве что более собранный и полюбивший аккуратность и перфекционизм. Вот.

Расскажите, происходили ли у вас какие-то смены жизненной позиции и предпочтений?

Как попасть в новый твиттер

Sat, 17 Dec 2011 03:11:00 +0500

Недавно твиттер в очередной раз начал тотальную смену дизайна, однако разработчики поступили очень хитро: чтобы включить в своём аккаунте новый интерфейс, они предложили пользователям установить новые клиенты для iPhone и Android, что невозможно сделать, не имея в наличии собственно этих устройств.

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

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

Как же попасть в #newtwitter?

Нам нужен аккаунт в TweetDeck, как и он сам собственно. У меня стоит хром, потому я скачал расширение TweetDeck и зарегистрировался там.

Затем нужно добавить туда наш аккаунт, для этого нужно быть залогиненным под ним в твиттере и зайти в настройки TweetDeck (кнопка справа вверху ? Settings ? Accounts ? Add Twitter Account)

Ну и последний пункт — перейти по ссылке из ТвитДека на любой твит, чтоб тот открылся в браузере. Для этого можно самим затвитить ссылку на свой предыдущий твит. Чтобы ваши фолловеры это не видели, можно в начале твита указать какой-нибудь заброшенный аккаунт, например @qwerty.

Пример твита со ссылкой:

Ну и заключительное — дождаться появления твита в ленте TweetDeck и нажать на ссылку. Вуаля, в открывшейся вкладке браузера будет твиттер с новым дизайном.

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

Лёгкий марафет

Fri, 16 Dec 2011 05:34:38 +0500

Слегка навёл марафет блогу: больше акцента на содержимом и меньше — на всякой дополнительной информации. Лучше ли по-вашему стали читаться статьи?

Какой шрифт вы вообще предпочитаете: когда всё набрано относительно мелким ариалом, зато нет ощущения размазанности текста или крупную джорджию с приличными отступами и ощущением воздуха вокруг?

Ещё бы с радостью избавился от облачка и свежих комментов в сайдбаре, оставив только минимум, но, к сожалению, они мне нужны. Не перевелось ещё стремление к минимализму на земле русской.

Заценка WM-D

Wed, 22 Jun 2011 02:42:18 +0500

Увидел в тви-ленте и не удержался, чтоб не ткнуть: домен-то заинтриговал. Ну и после увиденного ничего не могло меня остановить от этого обзора.

И ничего общего с WebMoney сайт wm-d.ru не имеет, это некая видео-дизайн-студия, которая занимается созданием роликов и сайтов. Ну, господа, в обзоре впервые в этом блоге будет присутствовать немного ненормативной лексики, потому сразу предупреждаю особо впечатлительных, если такие есть. Если всё ок, добро пожаловать под кат в царство тотального испещрения сего креатива.

И первое, что нас встречает — удивительной красоты уёбищности главная, в которой правая часть представляет из себя феерическое меню, с тёмно-красными пунктами, дополненными совершенно бессмысленными иллюстрациями.

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

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

Отдельно автору хочется посоветовать использовать поактивнее знаки препинания, помимо точки. Ну и про аббревиатуры почитать. ТВ-носители пишутся именно так, а не «тв носители».

Продолжение главной страницы радует ещё больше: корявые куски описания рубрик, отсутствующие знаки препинания (аффтар, купи уже лицензию на Word и всё будет ок). Я уж молчу про тупейшие шрифты, выбранные для локализации шаблона. Но и это ещё не всё. Сайт определённо стоит того, чтоб понему погулять тем, кто давно не ревел от счастья кровавыми слезами.

Следующий тотальнейший фейл, за которые надо отрывать руки дизайнерам — вот такой «рукописный» шрифт в подзаголовках и не только. Его прочесть в принципе невозможно.

Чтоб найти следующий пиздец, далеко ходить не надо, достаточно перейти на страницу «Сайты». Там мы видим очередное творение десятилетнего быдлодизайнера — вращающиеся слайды. Ладно, если бы они имели какой-то смысл или эстетическую составляющую. Нет, это тупо перечисление того, чем занимается эта «студия», на одном фоне. Недоумение застыло в глазах с вопросом — нахрена это всё?

Там же совершенно корявая колонка со стадиями производства заказа, нафиг нужно так тупо оформлять — загадка. Ну и в сааамом уголочке ссылка на «контакты» ещё одним уродливым шрифтецом, градиентом и картинкой. Пережиток web 0.5 beta.

При загрузке этой странице аккурат под вертушкой появляется шедевр джава-скриптового мастерства: самопечатающаяся посимвольная строчка, которая вообще ни разу здесь ни к месту, но которая не может не броситься в глаза. Это пиздец, дорогие друзья.

И вообще, издалека текст на этой картинке читается как «порносайт». Всё же суть от наших зорких глаз не скроешь.

Ещё там есть «портфолио»: ролик-нарезка из заставок выдуманных передач, сделанные в 3D max с совершенно топорной физикой, но красивыми эффектами и текстурами, тем не менее. Хотя такое на ТВ никогда-никогда не появится. Только в свадебных роликах, да заставках «каналов» юзеров сайта «Старый телевизор».

Ну и десерт, который любезно нам оставил дизайнер, находится в очень неприметном месте: в чёрном блоке справа вверху «О студии».

Надо отдать должное, такой фигни я ещё нигде не встречал: целая страница иероглифов, которые невозможно читать. Светлая голова чудо-дезигнера додумалась сделать этот блок на каждой странице, отдельным эффектом и разместить всё картинкой!

Ах да, почерк автора — без запятых.

Вердикт: такого выделанного под конфетку высера ещё надо отыскать. Я бы понял, если такой проект был бы просто сателлитом для раскрутки какого-то нормального портфолио, но здесь нет ни одной ссылки на левый ресурс, а такое «портфолио» для шелухи никто делать не станет. Школьный проект? Возможно. 2 / 10

Сортировка в HTML-списках

Wed, 01 Jun 2011 03:13:39 +0500

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

Наступает страшное — нужно найти собственно то, что отметить. Тут два варианта: либо вы нажимаете на клавиатуре первую букву своего населённого пункта, либо ищете с помощью мышки.

Суть проблемы в том, что список обычно установлен на пункте «Выберите страну». Вы беззаботно прокручиваете все 250 штук по алфавиту и видите, что вашей нет! Вы теряетесь в догадках и только потом до вас доходит, что заботливые программеры вынесли популярную страну на второй пункт списка, на самый верх!

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

Моё предлагаемое решение достаточно простое: не использовать этот пункт-заглушку «Выберите страну», а сразу ставить выделенной именно популярную, но так, чтоб она располагалась на своём месте в алфавите. Технически это реализовывается даже проще, чем вынесение нужной страны из алфавитного порядка наверх — достаточно просто в пункте

<option value="ru">Россия</option>

дописать selected="selected" в тэг.

Преимущества:

Вам не нужно делать особую выборку для алфавитной сортировки
Страна находится на своём месте и даже при случайном сбросе пункта её можно будет найти
Можно динамически просчитывать, какой пункт списка является популярным и отмечать именно его в первую очередь

Сага о сайдбарах

Tue, 31 May 2011 23:52:25 +0500

Сейчас у каждого уважающего себя интернетчика есть блог: в ЖЖшечке, микроблог в твиттере или на других платформах. Не менее распространены и блоги на WordPress, для которого расплодилось скинов не меньше, чем блогов, пожалуй. И каждый из них по своему уникален. Но одна общая черта есть почти у всех — наличие минимум одного сайдбара. Ниже постараюсь раскрыть плюсы и минусы каждого варианта, чтобы вы сделали для себя верный выбор. Итак, где располагать сайдбары в блоге?

Сайдбар справа

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

Плюсы: привычность, не мозолит глаза (если не содержит вызывающих элементов, конечно), загружается после контента

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

Сайдбар слева

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

Плюсы: может акцентировать внимание на важной информации, полезно для размещения навигации по блогу

Минусы: на личных блогах скорее отвлекает внимание от контента, т. к. информация обычно читается слева направо; как и предыдущий вариант, может растягивать короткую страницу при перегруженности блоками; как правило сайдбар при такой схеме загружается до контента.

Двойной сайдбар справа

Такая компоновка сайдбаров стала популярна относительно недавно, тем не менее она тоже противоречива в своём использовании.

Плюсы: умещает больше блоков на меньшем пространстве; не растягивает страницу по высоте; можно разделять функции сайдбаров по смыслу; загружаются после контента.

Минусы: слишком широкие сайдбары оставят меньше площади под контент, что сделает его чтение неудобным; неприемлемо при малом количестве блоков — тогда на длинных страницах будет больше пустоты внизу.

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

Двойной сайдбар слева

Совершенно уродливый вариант, который акцентирует внимание именно на сайдбарах, а не на контентной части.

Плюсы: если вам важнее статистические данные, чем статьи, то этот вариант для вас.

Минусы: загружается до контента; отвлекает внимание от чтения; выглядит перегруженно; может растягивать страницу по ширине, сужая контент по площади.

Менее всего на блогах хотелось бы видеть данную схему.

Два сайдбара на разных сторонах

Тоже достаточно известное со времён web 1.0 решение, когда в одной колонке размещалась навигация, а в другой — полезная информация, необходимая на каждой странице.

Плюсы: сбалансированность дизайна; не перетягивает на себя внимание от статей.

Минусы: может выглядеть слегка непривычно и перегружено при непродуманном наполнении.

В данном случае, наверное, будет правильнее размещать навигационную часть — новые записи, архив и тэги слева, а «новостную» — новые комментарии, полезные ссылки, счётчики, RSS справа.

Сайдбар в подвале

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

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

Минусы: почти бесполезен для посетителей; при недостаточном наполнении скорее будет служить пустышкой.

Сайдбар вверху

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

Плюсы: занимает мало места, зато даёт возможность переходить на статичные страницы сайта.

Минусы: всплывающие меню могут не работать (или некорректно работать) без JS; может быть неочевиден при использовании, если там будут располагаться ссылки на рубрики или тэги блога.

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

Логика против маркетинга

Tue, 16 Nov 2010 03:15:02 +0500

Вот на что точно не обращал внимание, так это на тот факт, что есть такие вещи, которые сделаны вопреки логике и удобству, что приносит большой профит.

Вот казалось бы, интернет — одно из немногих мест, где можно оставаться анонимным и использовать это на всю катушку. Казалось бы, кому захочется рассказывать о себе что-то. Кого-то спросишь про имя и возраст, обосрутся ответить же. Ан нет, невероятную популярность обрели соцсети, где анонимом быть не в почёте. Почему так произошло?

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

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

Ну и завершить эту тему можно докладами Ильи Бирмана и Сергея Чикуёнка на 404фесте:

Мысли о дизайн-студиях

Fri, 12 Nov 2010 23:59:27 +0500

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

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

Но самый писец — когда берут бесплатный шаблон (при том явно десятилетней давности) и продают как свой. Бывало и такое.

Новый тви = добро?

Thu, 30 Sep 2010 02:02:17 +0500

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

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

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

Плюсы нового интерфейса

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

В целом, я считаю, это полезные введения. Если бы ещё не обошлось без недостатков.

Недостатки

Слишком много нагромождено и новичку сложновато сразу сориентироваться в том, где что к чему.
Эти выскакивающие окошки для реплая только раздражают.
При посте ответа, он не появляется сразу как раньше, а лишь при обновлении выскакивает.
Дольше загружается. Заметно дольше.
Блоки «who to follow» и «trends» теперь мозолят глаза своей навящивостью. Раньше они хотя б внизу были как-то.
Я иногда по привычке начинаю писать твит в верхнюю строку, а на её месте теперь поиск.
Число твитов на счётчике у меня почему-то уменьшилось. Хз даже отчего так.
Непривычно, когда у страницы вместо подвала начинают грузиться старые твиты, всё дальше и дальше. Кнопка more была привычнее и проще.

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