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

Осень, не успев начаться, насытила нас амбициями и, мы готовы к великим свершениям. За эти три желтых месяца увидит свет не один проект, а Яндекс будет потрясывать от вторжения в выдачу сайтов наших клиентов. В сердца горожан добавит летних красок наша сине-зелёная реклама, а мы с @Ronef наконец-то закончим ремонт в новоиспечённом офисе.

Спешу обрадовать наших клиентов: к концу сентября у нас в студии готовится запуск новой акции. Как говорится, экономьте вместе с нами и, конечно же, не забывайте периодически посещать www.divandesign.ru ;)

Кстати, насчёт нашего сайта — сегодня в тестовом режиме был запущен онлайн-консультант. Ссылка пока малозаметная и спрятана в шапке, во фразе «а наш еще и разговаривает =)». Я с радостью отвечу на все ваши вопросы, но только с 10:00 до 18:00, с перерывами на чай ;)

Анисимов Максим

• Комментарии многоуровневые, прокомментировать можно не только статью, но и любой комментарий.
• Вся система реализована по технологии Ajax, что позволяет проводить все операции с комментариями без перезагрузки страницы.
• В комментариях возможно использование html-тегов: <p><blockquote><a><b><strong><i><u><s><strike><sup><sub><br />.
• Система разработана на базе CMS MODx, максимально универсальна и мы с удовольствием внедрим её к вам на сайт, обращайтесь.

Нам очень важно́ ваше мнение, обязательно пишите все замечания, мысли, идеи, сообщайте о проблемах — теперь это максимально просто =)

С нетерпением ждём первого комментария!

P.S.: Для тех, кто ещё не видел, у нас новая работа в портфолио: рекламное агентство «Grand Promotion».

Мирзагалиев Ильяс

От себя хочу пожелать быть более собранным, серьёзным, ответственным и любознательным ;-) И чтобы никакие Яндексы не были страшны.

Мирзагалиев Ильяс

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

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

Здесь столько всего изменилось, что и не описать словами: от шрифтового и цветового решения, навигации и структуры разделов, до представления портфолио, текстов, переработанной системы меток и удобной системы скрытия части контента («Читать дальше») в блоге.

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

В самое ближайшее время мы планируем внедрить возможность комментирования в блоге. Какой же блог без комментариев? Думаем, вы поймёте, почему мы делали это так долго, как только увидите ;-)

Если у вас есть мысли, предложения, замечания, вопросы, да всё, что угодно — пишите, мы будем рады!

P.S.: Старый сайт некоторое время (до 15 апреля 2010) можно посмотреть по адресу old.divandesign.ru.

Мирзагалиев Ильяс

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

В этой статье мы расскажем, как нам удалось разработать промо-сайт для компании «Знак», всего за 37 000 рублей, а также, что позволяет уменьшить стоимость создания сайта в 2, а иногда и 3 раза.

Как это было

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

Суть эксперимента

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

Так как мы исключаем из процесса все этапы утверждения, разработка проходит в два раза быстрее и на 50% дешевле. В итоге бюджет на разработку составил 37 000 рублей (вместо 74 000 рублей), а срок всего 4 недели (вместо 2 месяцев). Клиент согласился на эксперимент, и уже на следующий день команда наших специалистов приступила к работе.

Первая неделя разработки

Что происходило у нас:
Свобода в движениях сильно мотивирует. За 6 дней была разработана вся техническая документация, определена общая идея сайта, структура и информационная архитектура страниц. К концу недели были нарисованы бумажные прототипы страниц, и готов весь необходимый текст (написанный нашими копирайтерами).

В итоге:

1. Готово полноценное техническое задание.
2. Разработан концепт-док.
3. Нарисованы бумажные прототипы страниц.
4. Написан весь необходимый текст на сайт.

Что происходит обычно:
Обычно, первая неделя затрачивается на то, чтобы провести серию взаимных консультаций и набросать примерное техническое задание, которым потом в случае чего, будут прикрываться как Заказчик, так и Исполнитель.

В итоге:

1. 1 неделя абстрактной болтовни.
2. Черновое техническое задание.

Вторая неделя разработки

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

В итоге:

1. 5 конечных макетов страниц с необходимым набором иллюстраций продукции.
2. Проведены тесты на удобство и восприятие.

Что происходит обычно:
В течение недели в техническое задание вносятся последние корректировки, и начинается разработка бумажных эскизов дизайна (как правило, в нескольких вариантах). Помимо прочего просчитывается конечная стоимость и подписывается соглашение о договорной цене.

В итоге:

1. Готовое техническое задание и соглашение о договорной цене.
2. Разработана часть бумажных эскизов дизайна, согласно составленному техническому заданию.

Третья неделя разработки

Что происходило у нас:
Макеты дизайна уже готовы, поэтому практически всю неделю их превращают в веб-страницы наши верстальщики. Ближе к концу недели сверстанные макеты проверяют на корректное отображение во всех популярных браузерах и вносят соответствующие коррективы. В пятницу вечером у программистов уже есть html-шаблоны всех страниц сайта, корректно отображающиеся во всех браузерах и полностью соответствующие стандартам W3C.

В итоге:

1. Закончены все работы по верстке шаблонов.
2. Весь код протестирован и оптимизирован.

Что происходит обычно:
В течение недели заканчивается разработка всех бумажных эскизов дизайна. Проводится презентация концепций и эскизов. Клиент выбирает наиболее понравившийся вариант (не факт, что самый лучший). При необходимости проводится коррекция эскизов и начинается разработка конечных макетов дизайна.

В итоге:

1. Готовы бумажные эскизы для 2-х концепций дизайна.
2. Начата разработка конечных макетов дизайна сайта.

Четвертая неделя разработки

Что происходило у нас:
Это последняя неделя работы над проектом. В течение недели программисты оживляют сверстанные шаблоны дизайна, устанавливают все на систему управления содержимым (CMS), сводят и тестируют разработанный сайт.
После того как сайт готов и все системы протестированы, сайт демонстрируется клиенту.
Демонстрация — это всегда яркий и интересный процесс, в процессе которого рассказывается о том, почему сделано именно так и объясняется практически каждый пиксель разработанного сайта.
После демонстрации и утверждения сайт переезжает на свой официальный домен и становится доступным для всех!

В итоге:

1. Сайт запрограммирован и установлен на систему управления контентом (CMS).
2. Все системы протестированы и отлажены.
3. Проведена демонстрация разработанного продукта.
4. Сайт перенесен на официальный домен и начата подготовка рекламной кампании.

Что происходит обычно:
За неделю разрабатываются практически все макеты дизайна, а в конце недели проводится презентация. Если недостатков не выявлено, макеты отправляются на верстку. В редких случаях (так как все делается на основе эскизов) дизайн отправляется на небольшую коррекцию.

В итоге:

1. Практически готовые макеты дизайна сайта.

Что в результате?

В результате, за 4 недели плодотворной работы мы получили www.znakcheck.ru. Самый лучший сайт, продающий чековую ленту, которым гордится как компания «Знак», так и мы!

Как получить такой же результат за меньшие деньги?

Позвоните нам по телефону (351) 248 45 91 и мы вам всё объясним :)

Сергей

В предыдущих статьях мы рассказывали о том, что такое Google Docs, какие преимущества он имеет по сравнению с Microsoft Office и в каких целях его использует наша студия. Однако на этом преимущества Google Docs не заканчиваются. В этой статье мы расскажем, что может предоставить популярный сервис от Google для управления корпоративным сайтом.

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

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

Представляете, для того, чтобы добавить новую статью в блог достаточно зайти на http://docs.google.com и создать в папке «блог» необходимый документ. Добавление изображений, ссылок, таблиц, комментариев и других элементов оформления теперь не составляет труда!

После сохранения документов и назначения меток, новая статья автоматически публикуется на вашем корпоративном блоге и становится доступна для чтения!

Организовав совместный доступ к документу, писать совместные статьи становится сплошным удовольствием.

Реализовать такую систему можно при помощи специального API расположенного на Google Code.

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

Сергей

Честно говоря, я так привык к документам Google, что для меня все кажется настолько родным и очевидным, от чего мне сложно не упустить важные детали. Надеюсь, что если все таки что-то забуду, мои коллеги меня поправят :)

Итак, начнем.

Перво-наперво, в недрах наших Google-директорий (да, да, там есть папки!) появляется заветный файл, в котором будет храниться отчет. Формат файла, как этого следовало ожидать, остается для нас загадкой, однако за 2 клика мыши готов превратиться в любой из перечисленных форматов:

• CVS (адекватно воспринимается Microsoft Excel, но используется обычно другими программами);
• HTML (куда ж без него);
• ODS (по слухам формат для OpenOffice, подробнее — http://formats.ru/format/about/file/ODS/);
• PDF (!);
• TXT;
• XLS (отлично читается как 2003, так и 2007 версиями Microsoft Excel);

Что мы имеем в результате: наш отчет будет храниться на серверах Google (не нужно запариваться над резервным копированием, местом и доступом) и всегда готов превратиться в любой удобоваримый прикладной формат. Таким образом, даже если наш клиент по вере исповедания, внешнему виду или характеру не принимает формат Google Docs, мы всегда можем представлять отчеты в удобном ему формате, без перехода на другую систему.

Переходим к заполнению.

Так как мы не поленились и все-таки разработали общий шаблон для отчетов по поисковой оптимизации (шаблоны как в Microsoft Office), после создания файла нам остается только вписать все ключевые слова и проставить стартовые позиции (если сайт уже занимает какие-либо позиции).

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

Итак, мы создали и заполнили первый отчет и теперь необходимо предоставить доступ к нему для клиента. Специально для этой задачи в Google Docs предусмотрено несколько способов:

1. Открыть доступ для зарегистрированного в Google пользователя путем отправки приглашения на его контактный email.
2. Опубликовать документ как web-страницу и отправить ссылку, по которому будут доступны документы.

В первом случае можно открыть возможность для редактирования (если вы делаете резервное копирование) и позволить оставлять комментарии, однако для доступа требуется регистрация в Google. Второй вариант не требует регистрации, однако и документы будут доступны только для чтения. Наша студия использует второй вариант.

В Google Spreadsheets можно опубликовывать как web-страницу не весь документ, а лишь необходимый лист, а также управлять автоматической публикацией после внесения изменений =).

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

Сергей

100 лет назад пишущие машинки стали вытеснять рукописи.

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

2 года назад появился Google Docs.

По своей сути Google Docs — это Word, Excel и PowerPoint, которые работают в режиме online. С первого взгляда может показаться, что это избыточно, ведь пакет Microsoft Office стоит практически на каждом компьютере. Однако основное отличие Google Docs от Microsoft Office, в том, что все файлы сохраняются на удаленном сервере, а также присутствует возможность обеспечить одновременный доступ неограниченному количеству человек.

В качестве наглядного примера посмотрим, как используется Google Docs в нашей компании.

Отчеты по поисковой оптимизации

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

Мы давно отказались от рутины. Все отчеты составляются в Google SpreadSheets и автоматически доступны клиенту по специальной ссылке. Так как обновление поисковой выдачи происходит достаточно часто, отчеты составляются практически еженедельно и в любой момент дня и ночи доступны клиенту.

Во-первых, это позволяет сэкономить время на отправке файлов по почте (недайбох ещё и курьером).

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

В итоге, поисковая оптимизация у нас чуть-чуть дешевле и надежнее тех, кто использует традиционные способы демонстрации отчетов :)

Работа с удаленными сотрудниками

Представьте себе, как легко работать с копирайтером (тексты пишет), который вынужден несколько дней посидеть дома с ребенком и соответственно работать удаленно. Все перемещения курсора вашего коллеги и изменения, которые он вносит, моментально отображаются на вашем мониторе. К тому же он никогда не забудет важные файлы дома! :)

ЧП

Впоследствии, когда документооборот всех предприятий перейдет на электронные документы, которые хранятся на сервере никакой пожар, тайфун или извержение вулкана не сможет угрожать сохранности информации, ведь она дублируется на 13 серверах великого Google!

P.S: online операционные системы совсем рядом :)

Сергей

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

Большинство пользователей (около 93%) не «заходит» дальше первой страницы результатов поисковой выдачи, вторую страницу просматривает чуть больше — 5%, а на третью заходит около 2%. Дальше третьей страницы выдачи просматривает меньше 1% пользователей. То есть, если сайт не находится в топ-30, то практически гарантировано, что посетителей он не получит. Причем ситуация кардинально не улучшится, если произойдет попадание на третью или вторую страницу результатов поиска. Сайт будет получать лишь крохи от общего потока посетителей, тогда как львиную долю будут забирать более удачливые оппоненты из топ-10.

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

1. DDOS. Давно применяемый и до сих пор эффективный способ. Основная цель DDOS’а — перезагрузка системы множественными запросами и доведение её до отказа. Цель оптимизатора в этом случае — недоступность сайта в момент захода на него поисковым роботом и соответственно, выпадение веб-портала из индекса и выдачи поисковой системы. Защитой в данном случае служат надежные методы фильтрация трафика.
2. Проставление множества ссылок с использованием поискового спама (метод достоверно не подтвержден). Поисковым спамом здесь является повторение одного слова несколько раз, размещение больших групп ссылок по форумам и гостевым, повторение в анкорах поискового запроса. Поисковые системы в этом случае теряют доверие к сайту и применяют к нему пессимизацию (принудительное понижение сайта в выдаче). Способ борьбы — сайт должен обладать высокой трастовостью (официально есть только у Google, у Яндекса не подтверждено).
3. Покупка большой партии ссылок в биржах ссылок и резкое снятие их после индексации поисковиками (метод достоверно не подтвержден). Поисковые системы не «любят» ни резкого наращивания ссылок, ни их резкого уменьшения по отношению к общей ссылочной массе, поэтому за внезапные большие изменения количество ссылок можно получить пессимизацию. Способ нейтрализации — наращивание у сайта трастовости и ссылочной массы, в том числе за счет естественных ссылок.
4. Спам на интерактивных разделах сайта (форумы, гостевые и т.д.). Что такое спам, думаю, знает каждый. Это беда любого популярного форума. За него также очень просто получить понижение в выдаче поисковиков. Способ борьбы — модерация сообщений, усложнение автоматической регистрации и т.д.
5. XSS-атака. В этом случае с помощью XSS-атак создается большое количество страниц c ссылками на сайты с сомнительным содержанием (адалт-сайты, варез-сайты и т.д.). Чаще всего атакуются различные скрипты поиска. Поисковые системы могут это расценить как спам и наложить санкции. Защита в данном случае — запрещение индексации поисковиками «лишних» страниц.

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

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

Исаканов Даниль

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

1. Составление семантического ядра. Эта стадия заключается в подборе тематически близких к Вашему сайту и коммерчески выгодных Вам запросов. На этом этапе обязательно нужно учитывать будущую аудиторию ваших посетителей — их возраст, предпочтения, финансовые возможности и т.д.
2. Анализ конкуренции по каждому запросу. После составления семантического ядра следует проанализировать рынок и определить своих конкурентов — сколько денег они тратят на продвижение своих сайтов, их методы оптимизации. В этой стадии определяются приблизительные расходы на каждый запрос.
3. Определение точек входа на сайт. На этом этапе подбираются самые релевантные страницы под каждый конкретный запрос. Это не должна быть обязательно главная страница. В некоторых случаях внутреннюю страницу гораздо легче оптимизировать, чем главную.
4. Оптимизация контента точек входа. На этой стадии контент оптимизируется в соответствии с необходимыми ключевыми словами (оптимизируется html-код страницы, прорабатываются заголовки, акцентируются нужные фразы, словосочетания, перерабатывается визуальное представление информации). Оптимизация проводится не только «для роботов», но и для восприятия пользователей — ни в коем случае нельзя забывать о пользователях. Также необходимо помнить, что все хорошо в меру, а чрезмерная оптимизация контента может навредить сайту.
5. Распределение внутреннего ссылочного веса на точки входа. Каждая ссылка передает какой-то ссылочный вес. Чем больше ссылочный вес имеет страница, тем больше её «любят» поисковики. Поэтому наша задача состоит в том, чтобы передать как можно больше веса на точки входа.

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

В нашей компании Вы можете заказать полноценное поисковое продвижение. С более подробной информацией можно ознакомиться в разделе «Продвижение сайтов» или проконсультироваться с нашим менеджером по телефону +7 (351) 248 05 91.

Исаканов Даниль

2000 год — появляются первые веб-разработчики в Челябинске.
2004 год — формируется рынок.
2007 год — конкуренция ожесточается.
2009 год — рынок расслаивается, позволяя легко отличить «true-студию» от коллектива студентов.

Изменения, произошедшие за последние 9 лет, показывают нам, что рынок развивается и становится более стабильным. Несмотря на это, в последнее время в сети стало появляться множество негатива, излучаемого различными студиями в сторону своих конкурентов (а могли бы быть партнерами). Одним из ярких примеров можно привести комментарии, оставленные на chel.ru в статье одной студии. В интеллектуальной схватке участвовало несколько известных Челябинских компаний и специалистов. Полагаю, ребята добились своего, уменьшив лояльность читателей (потенциальных клиентов) к своим организациям.

Наша компания придерживается принципов открытой и честной конкурентной борьбы. Специально для этого планируется запуск проекта лояльности, который, как мы считаем, внесет серьезный вклад в развитие цивилизованного рынка создания и продвижения сайтов в Челябинске (более подробно расскажем через некоторое время).

В завершение хотелось бы пожелать нашим коллегам холодной головы и хороших работ в портфолио.

Сергей

Желаем самых великих благ, исполнения желаний и все прочее-прочее, как полагается)

Конкретика:

Это время самоутверждения,
Это жизни лучшая пора.
С днем рожденья!
С лучшим днем рожденья!
И еще, ни пуха, ни пера! ;)
© s-ely

Андрей! Хочу выразить тебе большую благодарность за огромный(!) вклад в нашу компанию и мое мировоззрение в частности. Именно благодаря тебе, все программное обеспечение наших сайтов и сервисов стало надежным и конкурентоспособным!
Желаю тебе бесконечного самосовершенствования и удачи в личной жизни.
© PosiTive

Что можно пожелать человеку, живущему в 21-ом веке… Денег. Много денег.
© Энч

А я тебе лично все скажу;)
© Ronef

Мирзагалиев Ильяс

Прошло уже 10 лет с момента выхода спецификации HTML4. Многое изменилось. Изменились сайты, поисковые системы, появилось множество новых сервисов. Ещё несколько лет назад, разработчики стали понимать, что формат морально устарел и пора найти ему достойную замену. В 2007 году, новая рабочая группа W3C занялась разработкой спецификации — HTML5. Сейчас некоторые элементы этой технологии уже поддерживаются современными браузерами, однако до выхода официальной версии, скорее всего, пройдет ещё несколько лет.

Большинство идей, уже реализованных в новой спецификации были предложены группой WHATWG (открытое сообщество основанное Apple, Opera и FireFox). Вот некоторые из них:

1. Новые теги, позволяющие улучшить семантику кода и упростить жизнь поисковым системам
   — <footer>, выделяет нижнюю область документа, которая в народе также известна как «подвал»
   — <nav>, дает понять поисковой системе, что в данном месте расположена навигационная панель
   — <audio> и <video>, позволяют интегрировать на сайт аудио и видео ролики, а также управлять их воспроизведением
2. Новый API для отрисовки 2D изображений в режиме реального времени
3. Поддержка Drag-and-Drop (!)

Ко всему прочему разработчики обещают предоставить мощное API для управления представлением, локальным хранением (!) и улучшенной обработкой данных.

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

Сергей

В этой статье мы расскажем вам, как на практике используются возможности двух мониторов.

Электронная почта

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

Microsoft Excel

Мало кто знает, что Excel умеет растягивать длинные таблицы на два монитора. Теперь не нужно постоянно прокручивать документ или «оптимизировать» его под один экран для наглядности.

Microsoft PowerPoint

Попробуйте разработать презентацию, когда на одном экране располагается PowerPoint, а на втором (или третьем) Word и Acrobat с необходимыми материалами. Поверьте – это действительно удобно!

В завершение

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

P.S: в будущем ожидайте статью про правильную установку двух мониторов.

Сергей

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

В twitter’е можно заводить друзей, тем самым подписываясь на их микроблоги. Также существует возможность комментирования записей. Мы уже ведем свой твиттер, где анонсируем новые статьи, разработки и события, происходящие в нашей компании. Таким образом, twitter стал для нас новостной лентой, которая скоро появится на главной странице нашего сайта.

По сравнению с обычной новостной лентой twitter имеет множество преимуществ:

— Простая подписка (как внутри сервиса, так и на rss)

— Возможность оставить комментарий

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

Twitter — это платформа, поэтому использование его в качестве новостной ленты всего лишь пример.

P.S: Наша компания является одной из первых в России, которые начали использовать twitter в своих проектах.

Сергей

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

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

Сергей

Сразу ответим на самые часто задаваемые нам вопросы, касательно новой услуги.

1. Что входит в фирменный стиль?

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

2. Сколько времени требуется на разработку фирменного стиля?

   Как правило, с момента заключения договора и подписания технического задания — не более двух недель.

3. Сколько вариантов логотипа и фирменных элементов предусмотрено?

   От одного до трех. Остальные за дополнительную плату.

4. Сколько в среднем стоит разработка фирменного стиля?

   До конца июня стоимость будет составлять всего 10 000 рублей.

Для того чтобы заказать фирменный стиль в нашей компании достаточно позвонить по телефону +7 (351) 248 45 91 и договориться о встрече с нашим менеджером.

Сергей

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

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

Предусмотрено 2 режима просмотра — текстовый и оригинал (отсканированная копия). В течение 1—2 недель мы постараемся выложить все оставленные отзывы.

Сергей

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

1. Сколько стоит создание сайта в Челябинске?

   От 15 000 до 1 500 000 рублей. Все зависит от того, какие задачи стоят перед сайтом.

2. Как определить эффективность разработанного сайта?

   А как вы определяете эффективность Вашего бизнеса? Точно также и с сайтом. Планируя разработку, сформулируйте конкретные цели (с конкретными цифрами) и сроки (контрольные точки), в которые цели должны быть достигнуты. Обязательно обсудите все цели и контрольные точки с разработчиком, от этого очень многое зависит.

3. Кто должен составлять техническое задание?

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

4. Что влияет на качество составления технического задания?

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

5. Почему этап утверждения дизайна самый трудный?

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

6. Веб-дизайн это и есть создание сайтов?

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

7. Может быть дешевле заказать у фрилансеров?

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

Мирзагалиев Ильяс

Одна проблема… На стандартной клавиатуре всего 101-а клавиша. На этих кнопках размещены самые необходимые в работе символы.

А что делать, когда нужно поставить длинное тире(—), знак копирайта (©), параграфа (§) и т.д.? Правильно, надо лезть в жутко неудобную таблицу символов и искать там, потом жутко неудобно копировать и вставлять.

Но в наше время технологии развиваются, и придумано много разных программ, облегчающих набор (от слова набирать) правильного текста.

Наша студия выбрала типографскую раскладку клавиатуры от Ильи Бирмана.

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

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

Выбор нужного символа осуществляется нажатием сочетания двух-трех клавиш — намного удобнее таблицы символов ;).

«Примечательные» факты

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

Ведь мало кто знает, что существует три основных типа «горизонтальных черточек»: дефис (-), минус (−) и тире (—).

Немногие знают, что в русском языке кавычки пишутся ёлочками («»), или лапками („“) а то, что обычно называют кавычками (""), используется только для набора кода программ и в электронной переписке.

Еще меньше знают, что три точки подряд(...) — это не многоточие, а «троеточие». Многоточие — отдельный символ (…).

Так что многим офисным работникам можно смело ставить за пунктуацию твердую «2» =).

О наборе правильного текста (и не только) можно почитать тут:
www.artlebedev.ru/kovodstvo/
www.ilyabirman.ru/meanwhile/.

Используемое в статье изображение взято с сайта Ильи Бирмана.

Андрей Энч

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

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

— «У вас есть проект сайта (техническое задание)?»

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

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

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

Летняя практика не за горами! :)

Сергей

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

Результатом стал вот такой интерфейс:

Конечно, мы позаимствовали стандартные элементы навигации из существующих плееров, однако исправили некоторые серьезные недостатки.

1. Ничего лишнего. Большинство online плееров страдает избытком функционала. В нашем концепте основная панель состоит всего из 4 элементов (старт/пауза, полоса состояния с бегунком, таймер и полноэкранный режим).
2. Управление звуком. Пожалуй, второй по важности элемент интерфейса, который в большинстве продуктов уменьшили до микроскопических размеров. В нашем плеере, для управления звуком предусмотрена отдельная панель, которая появляется при наведении курсора в специально отведенную область.
3. Таймер. Иногда нужно посмотреть, сколько времени уже идет ролик. Иногда нужно посмотреть сколько осталось. Делать 2 таймера глупо, а отдельная кнопка сделает интерфейс на пару килограмм тяжелее. Для решения этой проблемы мы использовали «псевдо-ссылку». Теперь для переключения типа таймера достаточно на него нажать :)

Описанный видео-плеер в действии можно будет увидеть в будущих проектах нашей компании.

На все предложения, пожелания и замечания реагируем по электронной почте — info@divandesign.ru

Сергей

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

В ближайшее время мы планируем интегрировать систему комментирования записей.

Замечания, советы и критика принимаются на info@divandesign.ru.

Мирзагалиев Ильяс

Я.ру — блого-сервис Яндекса.

Мирзагалиев Ильяс

Изменения в Яндексе

Теперь поисковая выдача самой популярной поисковой системы в России строится исключительно исходя из принадлежности пользователя к какому-либо региону. Несмотря на кажущуюся важность и полезность этого механизма, сайты, как ни странно были поделены всего 3 региона:

1. Москва
2. Санкт-петербург
3. Все остальные, объединенные в один регион

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

Изменения в Google

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

1. При запросе без указания локации (например «шиномонтаж») карта выводится после первых 3-х результатов поиска.
2. При запросе с указанием локации (например «шиномонтаж челябинск») карта выводится перед результатами поиска.

Это действительно удобно!

В завершение

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

На правах рекламы: если ваш сайт пропал из поисковой выдаче, напишите нам, мы всегда рады вам помочь :)

Сергей

Стоимость всегда зависит от объема работ и сложности поставленной задачи.

На стоимость создания сайта влияет:

• Цель, которая стоит перед сайтом
• Стиль, в котором должен быть реализован дизайн
• Наличие логотипа и фирменного стиля
• Использование услуг профессионального фотографа и копирайтера
• Функционал будущего ресурса
• На чьи плечи ляжет наполнение сайта

Минимальная стоимость создания сайта в нашей компании составляет 15 000 рублей (без НДС).

Сергей

Представим «базар», а на прилавках лежат сайты. Потребитель «бегает» от одного лотка к другому и выбирает «где получше, да подешевле». Так, в основном, и строится мышление среднего потребителя. При этом у каждого изделия есть определенные особенности и характеристики, выступающие в качестве критериев. Для валенок, например, это тип шерсти, размер, толщина, для сметаны – процент жирности, для телевизора – диагональ и т.д.

Какими же критериями обладают сайты? Попробуем обратиться к производственному циклу. Если говорить просто, сайт нужно «нарисовать, сверстать и запрограммировать» (последнее, конечно, может отсутствовать при определенной специфике ситуации, но, думаю, сейчас это уже никого не устроит =). «Нарисовать сайт» – сказано умышленно грубо, ведь процесс создания макета дизайна, в общем, начинается с генерации идеи и заканчивается проектированием практически всей структуры, функционала, идеологии и стилистики. Однако разработка веб-сайта начинается далеко не с дизайна, а с взаимных консультаций исполнителя и заказчика, детализации целей и задач, проектирования, составления технического задания и т.д.

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

Оценка сайта профессионалом происходит по критериям, нелогичным, непонятным, неизвестным для человека, не вовлеченного в процесс. Рынок создания сайтов, как рынок услуг, достаточно молод и неопытен по отношению к потребителю. Конечно же, заказчик не может знать всего – «Я не знаю, как работает карбюратор у машины, но это не мешает мне ездить на ней». Но если езду на машине легко можно оценить как «потребную» и «непотребную», то в деле создания сайтов это происходит гораздо сложнее. Здесь нет быстрых, заранее известных точных цифр, выражающих конечную отдачу, как у станка, внедренного или не внедренного на производстве. Поэтому «подсунуть гнилой товар» клиенту на порядок проще, во что и выливается качество большинства сайтов рунета.

Попытки детализировать и оценить наше «изделие» по частям, достаточно быстро терпят неудачу. Все «конструкторы», «оценки стоимости» и пр. на сайтах студий сводятся к набору функциональных шаблонов, либо слишком глубоко затрагивают технический процесс. Если попытаться рассмотреть «внешнюю» часть сайта, то получается «Что русскому хорошо, то немцу смерть» ©. Средний пользователь оценивает сайт по общему восприятию. Ключевым здесь является именно «общее восприятие» – зачастую просто «нравится», «не нравится» или «что-то немного не так и не знаю почему». Но существуют же определенные понятия и стандарты юзабилити, спецификации верстки, (что сказывается на отображении в разных браузерах), инновационные технологии и инструменты (ajax, google maps, например) и пр. – так видят сайт профессионалы.

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

Андрей Николаевич, Мирзагалиев Ильяс

Просим любить и жаловать — «Таблица шрифтов». Это небольшая таблица поможет быстро подобрать необходимую гарнитуру и размер шрифта практически для любого интернет – проекта. На данный момент система располагает информацией о 8 гарнитурах:

1. Arial
2. Tahoma
3. Microsoft Sans Serif
4. Verdana
5. Trebuchet MS
6. Lucida Sans Unicode
7. Georgia
8. Times New Roman

Каждый шрифт представлен в размере от 9 до 35 пикселей.

Все они присутствуют в стандартной поставке Windows (Arial, Tahoma, Verdana, Georgia – в *nix).

Стоит обратить внимание на нестандартную комбинацию букв в качестве демонстрационного примера. Да, мы решили отказаться от «французских булочек», заменив их фразой «хвалю ф баян жди узко ХВАЛЮФЯЖДИУЗКО 1234567890». Это было сделано специально с учетом специфики отображения некоторых букв и их сочетаний.

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

Мы будем рады услышать ваши отзывы и предложения по усовершенствованию системы. Все предложения и пожелания присылайте на info@divandesign.ru.

Сергей

Пока CADIE только тестируется, но уже сейчас доступна сгенерированная ей домашняя страница и канал на YouTube.

Сергей

Согласно приведенной статистике, серьезный рывок произошел в период с декабря 2008 по март 2009. За эти 3 месяца было разработано и запущено порядка 40 миллионов сайтов, а это действительно хороший показатель!

P.S: Похоже, что кризис действительно заставил оптимизировать расходы на рекламу :)

Сергей

Лучше один раз увидеть.

Функции и возможности

Сервис предоставляет множество уникальных и интересных возможностей, инструментов, приложений. Рассмотрим основные:

Личная библиотека

Каждый зарегистрированный пользователь имеет свою библиотеку музыкальных записей (я бы сказал: «медиатеку»). В библиотеку можно добавлять любую музыку, причем добавить можно как исполнителя, так и альбом или конкретную композицию. А самое интересное — свою библиотеку можно слушать!

Скробблинг

Сервис «запоминает» музыку, которую ты слушаешь — каждый трек. Заскроббленные треки автоматически добавляются в личную библиотеку. Причем музыка скробблится не только с «радиостанций», прослушанных при помощи скробблера, но и с множества медиапроигрывателей (будь то Winamp или Windows Media Player и пр.).

Для осуществления скробблинга надо установить скробблер — программу, позволяющую также слушать свою библиотеку и прочие «радиостанции».

Статистика и рейтинги

На своей личной страничке вы можете посмотреть всю музыку, которую Вы слушали, в хронологическом порядке (например, 18 декабря 2008 года я прослушал всего 7 композиций, одной из которых была композиция «Орбит без сахара» группы «Сплин»). Также можно посмотреть общее количество прослушиваний с момента регистрации, количество прослушиваний определенного исполнителя, композиции.

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

Теги

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

Также теги можно присваивать целым альбомам и даже коллективам — всё имеет своё облачко.

Конечно же было бы несправедливо обделить пользователей=) Каждый пользователь также обладает собственным облаком, сформированным на основе его библиотеки.

Пример — облако тегов для композиции «Eagles - Hotel California».

Любимые композиции

Особо понравившиеся, самые-самые и т.п. можно «добавить в любимые», а потом слушать, сколько угодно=) Но увы, только подписчикам.

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

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

Плейлисты

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

• «Плейлисты могут слушать только подписчики»
• «Плейлисты всегда воспроизводятся в режиме перемешивания»
• «Они доступны для воспроизведения, если в них не менее 45 композиций от 15 разных исполнителей»
• «Воспроизведение в проигрывателе-приложении пока не поддерживается, слушать плейлисты можно только на сайте»

На мой взгляд, всё это связанно с достаточно серьезными нагрузками на сервера.

Рекомендации

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

Группы

Зарегистрированные пользователи могут объединяться в «группы» — некие клубы, сообщества.

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

Сколько стоит?

До недавнего времени, сервис был бесплатным (больше 7 лет!). Однако, разработчики несут достаточно большие расходы:

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

Стоимость подписки составит 3 евро в месяц.

Плата взимается только за прослушивание музыки, остальные функции (скробблинг, рекомендации, чарты, биографии, события, видео и др.) останутся бесплатными.

Недостатки

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

Фанфары

• 30 млн пользователей
• более 7 млн композиций
• 280 000 лейблов и исполнителей

Мирзагалиев Ильяс

Вкратце

Большинство мировых валют имею собственный знак. Например, все точно знают, что $ — доллар, ? — евро, а ? — йена (все знаки валют). Однако, не смотря на то, что российскому рублю уже более 800 лет, он до сих пор не имеет собственного знака.

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

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

Рубль на сайтах

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

29 декабря 2008 года, в дневнике Артемия появилась запись со ссылками на шрифты и инструкцией к применению. Теперь все шрифты доступны для свободного скачивания:

• rouble.ttf (10,9 Кб)
• rouble.otf (4,23 Кб)

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

Способ №1 – картинкой

Просто вставляете нужную картинку — на данный момент самый популярный и простой способ.

Способ №2 - текстом

Так как размер файла шрифта в формате Open Type всего 4,23 Кб, существует возможность «незаметной» для пользователя динамичной загрузки средствами CSS. К сожалению, эту возможность поддерживают не все браузеры, поэтому использование статических изображений остается предпочтительнее.

Для любопытных, способ загрузки пользовательского шрифта описан здесь.

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

P.S.: Можно почитать танцы студии Лебедева.

Сергей

Проблема кроется в DNS, устройство которого ограничивает спектр используемых символов.

Если вам все-таки удалось без «явных» ошибок зарегистрировать подобный домен, вас ожидает ряд сюрпризов. Основная проблема — отсутствие поддержки файлов cookie в Internet Explorer 6, несмотря на нормальную реакцию, к примеру, в Mozilla FireFox.

Чем чревата неработоспособность куков, полагаю, вы догадываетесь (например, корзина в интернет-магазине может напрочь забыть все товары, которые в нее добавляют).

Никаких более менее практичных решений нами найдено не было, поэтому рекомендуем просто придерживаться правила «без _ в имени домена».

Мирзагалиев Ильяс