Правила хорошего сайдбара
Сайдбар является важным элементом каждого блога. В стандартных двух колонках, он расположен справа от основной колонки и содержит некоторую информацию и ссылки, связанную с вашим блогом.
Хорошо организованный сайдбар должен включать в себя некоторые важные элементы, такие как: подписка на rss, рекламу, последние и популярные заметки, и поиск по блогу. Также многие блоггеры добавляют на боковую панель и другие различные виджеты, такие как: Работа, Твиттер, Google Friend Connect, Facebook Fan Page).
Все ниже перечисленные пункты отсортированны и распределенны по мере их функций и значений. Вот пример хорошего и сбалансированного распределения этих элементов:
Подписка: Эта часть в некоторых случаях включает в себя краткое описание блога. Эту часть обычно распологают в верхней части сайдбара, и занимает она в среднем около 5% сайдбара. Она должна включать в себя ссылку на RSS канал, подписку на страницу по электронной почте, Твиттер и Facebook профили.
Реклама: Боковая панель являеться идеальным местом для размещения рекламы. В среднем эта область занимает 35%-40% от сайдбара. Практика показывает, что лучше всего использовать не более двух баннеров (размером 125х125 пикселей) в одну строку.
Последние и популярные посты: Список с последними и популярными постами является хорошим способом узнать что-то новое для ваших читателей, а именно: узнать популярные и последние статьи, таким образом можно увеличить общее количество просмотренных страниц.
Внешние виджеты: Многие блоги добавляют на сайдбар внешние виджеты, такие как: Facebook Fan Page или Google Friend Connect. Эти виджеты не являются обязательными, но все-таки они могут быть полезны вашим читателям.
Другие элементы: В среднем занимает около 10% от сайдбара и в нем располагаются самые различные элементы, такие как: работа, обновления Твиттера, список тегов, и так далее.
Заключение:
Последние рекомендации о ширине сайдбара. Слишком большая или маленькая ширина не рекомендуется. Я рекомендую установить вам ширину в ~260 пикселей, так чтобы сайдбар мог содержать два рекламных баннера в строку и зазором между ними в 10 пикселей.
via
Метки: wordpress, дизайн, Техногрет, формы, Юзабилити
Опубликовал: Дизайнер от 09 Фев 2010
6 интересных проектов взятых из Google Code
Мне может не нравиться, как Google создает интернет, но я должен признать, что большинство его услуг и продуктов являются очень полезными. Вам, как разработчику, полезно знать, что в расположено много разных и интересных проектов с открытым исходным кодом. Сегодня мы рассмотрим 10 интересных проектов размещенных в .
yourls
Я, будуче блоггером, знаю насколько полезно и важно следить моим читалям за моим «Твиттером». Но как вы знаете, «Твиттер» позволяет отправлять сообщение длинной не более 140 символов. Для того чтобы создать короткую ссылку, вы можете использовать разные сервисы сокращения ссылок, такие как bit.ly или tinyurl.com, либо вы можете создать свой собственный сервис сокращения ссылок.
Yourls требует поддержки PHP и очень прост в настройке. Также для движка WordPress есть собственный плагин.
Метки: Ajax, css, Google, Twitter, wordpress, формы, штуки
Опубликовал: Дизайнер от 24 Янв 2010
Дизайн комментариев: Вопросы, практика и примеры
Дизайн «комментариев» — это важная часть дизайна, и о ней зачастую забывают дизайнеры. В конце концов, комментарии находятся в нижней части страницы и их зачастую не видно.
Хорошее оформление комментариев всегда будет запоминаться и отличать вас от ваших конкурентов. Не пожалейте времени на дизайн комментариев, ведь каждый аспект может проявить влияние на клиентов. Клиенты увидят, что вы помните и стараетесь для них. Им будет приятно принять участие в комментариях.
Метки: wordpress, дизайн, формы, Юзабилити
Опубликовал: Дизайнер от 19 Дек 2009
9 Jquery плагинов для улучшения форм
Формы можно увидеть практически на любом веб-сайте. На сайтах можно увидеть формы обратной связи или сложные и большие регистрационные формы. Такие формы нужно делать удобнее и проще для пользователей. Ниже приведены примеры 12 jQuery плагинов, которые помогут вам улучшить ваши формы.
Форма пароля
Пароль уведомляет об прочности вашего пароля, показывая тем самым, сколько понадобится время хакеру чтобы взломать ваш пароль.
Метки: формы
Опубликовал: Дизайнер от 20 Ноя 2009
