Блог Александра Лукина, заметки с тегом: Правила рекламного бюро

Контактная информация на сайте

Wed, 11 Jan 2017 11:01:49 +0300

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

Правила написания адреса

Правила в Ководстве Лебедева — http://www.artlebedev.ru/kovodstvo/sections/163/

Разберём на примерах:

Студия Артемия Лебедева
ул. 1905 года, дом 7, стр. 1
Москва, 123995
Россия

Буйские удобрения
ул. Новослободская, д. 13
д. Соболиха, Балашихинский район
Московская область, 143980
Россия

Индекс работает не по миру, а по России, поэтому сначала индекс, потом страна.

Мкад стал привычным для москвича словом, поэтому пишем его строчными буквами и склоняем: склад в 10 км от мкада.

Станцию метро выделяем цветом линии:
Ближайшие станции метро — Шоссе Энтузиастов и Семёновская.

Желательно написать запрос, по которому вас точно найдёт Яндекс-навигатор. Это быстрее, чем вбивать сложный адрес с корпусом или строением.

Правила написания телефона

Краткая история телефонных номеров — http://www.artlebedev.ru/kovodstvo/sections/91/

Пример:
Телефон: +7 495 123-45-67

Если номер один и обычный, то и так понятно, что это телефон. Можно не писать слово телефон:
+ 7 495 123-45-67

Если номеров несколько, то нужно указать какой для чего:
Приём заказов: +7 495 123-45-67
Мобильный директора: +7 926 123-45-67

Формат номера автоматически определяется на мобильных устройствах и превращается в ссылку. Это нужно обязательно протестировать.

Правила написания адреса электронной почты

Если ящиков несколько — пишите по какому поводу писать на каждый. Пример:
Сервис: service@alukin.ru
Кузовной цех: kuzov@alukin.ru

Сокращенно: Эл. почта, емейл или email.

Адреса должны быть кликабельными. О спаме должны думать спам-фильтры. На клик по адресу эл. почты нужно вешать цель в метриках.

Режим работы

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

Вёрстка

Используйте микроформаты для контактной информации.

Редполитика

Thu, 18 Aug 2016 07:24:52 +0300

https://spark.ru/startup/nimax/blog/16912/kak-gotovit-teksti-dlya-sajta — как писать тексты для сайта

Примеры других редполитик:
https://docs.google.com/document/d/1c_2uP1PpiM12h1ee8egVXAoUCJ9mE9r68zMqrqmS8VA/edit?pref=2&pli=1

Понять → Сделать → Закрыть

Wed, 13 Jan 2016 18:27:53 +0300

Любая задача должна проходить по такому пути:

UPD:
Про «Сделать» у Коли Товеровского вышел цикл советов.

Правила работы с Бейскемпом

Wed, 13 Jan 2016 16:49:02 +0300

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

Заказчик закрывает задачу

Когда задача сделана знает только тот, кто ставил задачу, поэтому он и должен её закрывать. Свои задачи закрываешь сам.

Споры остаются внутри компании

Все внутренние споры и обсуждения проходят в закрытых от клиента листах. Внешние листы используем для контроля и отчётности.

Отчётность формируется автоматически

Клиенты видят все выполненные работы, руководитель видит все выполненные работы и при этом о проделанной работе никто не отчитывается.

Чтобы туду-листы нормально формировались тобы они сортировались нормально. В проектах используем стандартные названия листов поддержки и итерационной разработки: 2016/01 январь

На сервере или нет.

Поделитесь в комментариях, как вы используете Бейскемп и каких придерживаетесь правил?

Правила подготовки картинок для сайта

Tue, 17 Feb 2015 13:15:17 +0300

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

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

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

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


50 Кб	12 Кб

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

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

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