Люди заходят на сайт ради информации. Дизайн делает информацию доступной и удобной для восприятия. Но дизайн — это не информация. Сайт состоит из текста, картинок, таблиц, фотографий, видеороликов.

Цитата из книги «Дизайн — это работа»:

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

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

Бизнес и работа

1. http://salary.finolog.ru/#100000 — если сотрудник получает 100 000 рублей в месяц на руки, то работодатель реально платит 169 233 рубля. Или час работы такого сотрудника стоит 962 рубля.
2. http://d8pusher.com/lifeflow/effective-remote-cooperation — Александр Сарычев рассказал про тренинг «Как наладить эффективную удалённую работу».

Продвижение и аналитика

1. http://alaev.info/blog/post/5352 — определяем популярные страницы входа и поисковые запросы для них.
2. http://socfishing.ru — сервис, который идентифицирует посетителей вашего сайта
   и предоставляет их профили ВКонтакте.
3. http://forumok.com — биржа постинга на форумах.
4. http://referr.ru — ссылки с форумов, блогов и сервисов вопросов и ответов.

Скрипты

1. http://timurarefev.ru/all/goodyear/ — удобный календарь. Это как фоторама, только для календаря. Скрипт сделал Тимур Арефьев на основе идеи из советов Горбунова.

Отношения с клиентами

1. http://kazenoyo.tumblr.com/post/109472586497 — выжимка из книги «Без воды. Как писать предложения и отчеты для первых лиц».

Редактура текста и наполнение сайта

1. http://glvrd.ru — сервис и рассылка Максима Ильяхова, которая помогает очистить текст от словесного мусора.

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

Самые тяжёлые элементы на сайте — картинки. Перед публикацией их нужно подготавливать:

1. Уменьшайте картинку до размера, в котором она будет использоваться на сайте.
2. Используйте функцию «Сохранить для веб» в редакторах Фотошоп или Пиксельматор.
3. Правильно выбирайте формат сохранения. Фотографии — это jpeg, картинки с небольшим количеством цветов и графики, однотонные или прозрачные  — gif, полупрозрачные — png.
4. Максимальное качество в формате jpg не нужно. Я использую параметр от 60 до 80 и выбираю наиболее оптимальный на глаз. Для формата gif уменьшаю количество используемых цветов и оставляю минимальное без потери качества.
5. После сохранения в фоторедакторе уменьшайте вес файла с помощью бесплатной программы ImageOptim. Поддерживается пакетный режим, программа очень простая и удобная.
6. Используйте строчные буквы в названии и разрешении файлов. Qwert.JPG и qwert.jpg — это два разных файла, из-за чего картинка не будет грузиться.
7. При вёрстке задавайте атрибуты alt=Название картинки width=600 height=320.
8. Прописывайте разные атрибуты alt для картинок.
9. Для каждой картинки давайте нормальное название. И поисковой системе, и вам в исходном коде страницы будет понятно, что изображено на картинке по её названию. Бессмысленный набор qw-1-334-qqq.jpg этой информации не даст.

Жертвовать качеством картинки ради скорости нельзя. Но если не видно разницы, зачем грузить больше?

50 Кб	12 Кб

Дизайнерам и технологам стоит освежить в памяти Ководство про картинки

1. http://www.artlebedev.ru/kovodstvo/sections/101/ — перспектива и вертикальные линии
2. http://www.artlebedev.ru/kovodstvo/sections/134/ — способ определения предела масштабирования
3. http://www.artlebedev.ru/kovodstvo/sections/169/ — подписи на фотографиях

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

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

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

# http://example.com/ redirect to http://www.example.com/
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\. [NC]
RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

# http://www.example.com/ redirect to http://example.com/
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]

Не помню, откуда узнал о книге 5 языков любви, но сразу запланировал её прочитать. Книга маленькая, читается легко, имеет очень убогую обложку. Последним толчком к покупке и прочтению стал обзор языков любви в рассылке Мегаплана.

Семья — это сложный проект,  в котором этап влюблённой беспечности проходит за 2-3 года. А после наступает пустота и ссоры. По мнению автора главная причина в том, что супруги говорят на разных языках любви и не понимают друг друга.

Выделяют 5 языков любви

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

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

Как применять 5 языков любви в работе при общении с сотрудниками читайте на сайте Мегаплана: http://bigplans.megaplan.ru/love-tongues.

5 языков любви
Гэри Чепмен
http://www.ozon.ru/context/detail/id/5806206/