Случайная фотография

Увеличить

Рекламные ссылки

Все записи с тэгом «cookbook»

Постраничная навигация

09.07.2009

Тэги: cookbook | интерфейсы

Главной отличительной особенностью постраничной навигации является обилие цифр на ограниченном пространстве. При этом людям с ограниченными возможностями (например, с ослабленным зрением), как и в случае с опцией увеличения текста, требуется прикладывать повышенные усилия, чтобы ею воспользоваться. Мало того, что сами цифры страниц обычно написаны шрифтом уменьшенного размера, так веб-мастера еще и пренебрегают правилом «область для клика должна быть максимально большой». В итоге пользователи вынуждены «выцеливать» нужную им страницу.

Близкую к идеалу, с моей точки зрения, навигацию я впервые увидел на flikr.com (позже такую же сделал mail.ru):

CSS для отображения ссылок в виде квадратиков:

/* Ссылки перелистывания. */
a.search_page {
	border: solid 1px #CFCFCF;
	padding: 2px 6px;
	text-decoration: none;
	margin: 0 2px;
}
/* Ссылки перелистывания при наведении курсора. */
a.search_page:hover {
	color: #FFF;
	background: blue;
	border-color: #CFCFCF;
	text-decoration: none;
}
/* Текущая страница */
span.search_page_now {
	border-width: 0;
	color: #000;
	font-weight: bold;
	padding: 2px 6px;
}

Добавить комментарий

Имя сайта с www и без

25.06.2009

Тэги: cookbook

C точки зрения пользователя имена сайта www.sitename.com и sitename.com абсолютно равнозначны. Хотя администраторы веб-серверов на это тут же заметят, что www.sitename.com — это домен третьего уровня, а sitename.com — второго, и что они могут спокойно вести на два различных ресурса — все зависит от настроек сервера. Но на практике я такого уже давно не встречал, можно сказать, что веб-мастера решили придерживаться негласного правила www.sitename.com = sitename.com.

Однако, оптимизаторы утверждают, что наличие ссылок на сайт как с www, так и без него, обсчитывается поисковиками, как ссылки на разные домены (сайты). Все, конечно, не так категорично, но такая ситуация действительно имеет место быть. Например, Google в своем руководстве для веб-мастеров, просит указать основное (каноническое) доменное имя: «Если в качестве основного домена вы укажете http://www.example.com и мы найдем ссылку на ваш сайт в формате http://example.com, она будет считаться идентичной ссылке http://www.example.com. Если не указать основной домен, мы можем считать версии домена с префиксом www и без него отдельными ссылками на разные страницы.»

Короче, на всякий случай, проблемой этой лучше озадачиться и решить ее при помощи 301-го редиректа (301 Redirect Moved Permanently), который будет переадресовывать всех с ссылок вида http://sitename.com на http://www.sitename.com или наоборот (как настроить).

Для сайтов работающих под сервером Apache с включенным модулем ModRewrite (всем остальным Google в помощь) это делается путем добавлением в .htaccess следующих строк:

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www.
RewriteRule (.*) http://www.sitename.com/$1 [L,R=301,QSA]


UPD: Человеческим языком про директивы и флаги .htaccess

Добавить комментарий

Модели интернет-бизнеса

23.06.2009

Тэги: cookbook | булшит-бинго | управление проектами

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

1. В2С (business-to-consumer) — бизнес для потребителя, т. е. компания продает товары или услуги физическим лицам.

2.В2В (business-to-business) — бизнес для бизнеса. Например, интернет-биржи или сервисы, ориентированные на юрлиц.

3. С2С (consumer-to-consumer) — потребитель для потребителя. Например, интернет-аукционы типа Молоток.ру.

4. С2В (consumer-to-business) — системы, помогающие потребителям формировать заявки на товары и услуги компаний. Например, проведение тендеров и аукционов в режиме on-line.

5. В2А (business-to-administration) — бизнес для правительственных организаций.

6. С2А (consumer-to-administration) — физические лица для правительственных организаций.

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


С точки зрения монетизации интернет-проектов Андрей Акопянц выделил 4 модели:

1. Платные сервисы

2. Реклама (продажа аудитории)

3. Транзакционная модель (продажа товаров аудитории)

4. Гэмблинг ( с некоторой натяжкой сводится к платному сервису)

Добавить комментарий

О гибкости интерфейсов, связанных с таксономией

13.06.2009

Тэги: :-) | cookbook | интерфейсы | разработка ПО

«На берегу» придумать идеальную таксономию, которая учла бы все разнообразие информации, что будет располагаться на проектируемом сайте, мне кажется нереальным. И большой ошибкой в такой ситуации становится принятие жесткой системы классификации, в которую пытаются вписать весь контент, вне зависимости от того подлежит ли он выбранной классификации или нет. Иногда, особенно когда интерфейс жестко привязан к таксономии, это может приводить к таким результатам:

На сайте medsputnik.ru подразумевалось, что информацию можно будет делить на части, свойственные заболеваниям или проблемам со здоровьем, которые имеют свои симптомы. Когда возникла необходимость выложить на сайт материал о головной боли, которая сама является не чем иным как симптомом, то возник вопрос чем заполнить соответствующий обязательный раздел? Решение было выбрано, прямо скажем, неудачное: концентрация слов «симптомы» и «головная боль» большая, да только в предлагаемых статьях пишется о другом. Например, статья «Головная боль при приеме алкоголя» лежит в подразделе «Как симптом» раздела «Симптомы». Хотя какие еще нужные дополнительные признаки тяжелой головы с похмелья?

К чем этот поток сознания пример? Любой интерфейс, завязанный на таксономию, должен быть ГИБКИМ и позволять исключать-добавлять-переименовывать, как минимум.

P.S.
А еще на медспутнике подраздел назван как раздел («Симпотомы Симптомы»). Отдельное фи.

Добавить комментарий

Нужна ли опция увеличения размера шрифта на сайте?

02.06.2009

Тэги: cookbook | интерфейсы | разработка ПО

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

К сведению: Такой возможности нет ни на одном из ведущих новостных сайтов Рунета (РБК, Лента.ру, Известия, Ведомости, Коммерсантъ, Взгляд.ру, Газета.ру, Интерфакс, Regnum, Дни.ру), а также на сайтах BBC, New York Times, The Times, Financial Times.

Как делают

Самый популярный вариант, используемый в Рунете. На сайте medsputnik.ru показано как делать не надо: текущий размер шрифта понять невозможно (вам кажется, что сейчас выбран самый большой? нет, ровно наоборот — самый маленький).

UPD: Более грамотный вариант используется на BFM.ru: текущий размер выделяется цветом.


Вариант от reuters.com это настоящая пытка для слабовидящих. Мало того, что ссылки на этот функционал выполнены шрифтом меньшего размера, чем текст новости, так еще и попасть надо точно в «-» или «+».


The Wall Street Journal (wsj.com) был более гуманен к пользователю и сделал «-» и «+» побольше, однако обратной связи для определения текущего размера не хватает.


Вывод

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

Добавить комментарий