LoadTime.0.png
Недавно прошла конференция Google I/O 2014, где рассказывали про тестирование производительности, был рассказ про инструменты и советы для ускорения сайтов.

Несколько тезисов с Google I/O 2014:

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

Замерим скорость открытия стартовой страницы сайтов из раздела «Новый сайт».
Читать дальше

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

Инструменты для проектирования сайтов

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

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

Когда прототипы сайта утверждены, за дело принимаются дизайнер в связке с иллюстратором под контролем арт-директора.

Инструменты для управления проектами

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

Если постановка задачи с помошью TeamLab занимает больше времени, чем её исполнение, то это лучше обсудить/показать лично.

Инструменты для взаимодействия внутри команды

Для взаимодействия внутри команды (обсуждение проектов, работа с учениками нашего учебного центра и т. д.) пользуемся как стандартными инструментами (собрание, встреча, телефон, skype, icq, email, GoogleDocs), так и TeamLab.

Кстати, в TeamLab есть внутренний чат, сообщения из которого можно транслировать, например, в icq-клиент.

Для совместной работы сотрудников над проектами мы используем систему контроля версий — Mercurial.

Также репозиторий для хранения и резервирования проектов — BitBucket.

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

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

Мы работам с клиентами со всей России и пользуемся вполне стандартным набором инструментов:

  • Телефон
  • Email
  • Skype
  • Яндекс.Диск
  • GoogleDocs

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

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

Евгений Агасьянц, дизайнер сайтов
13 этаж

Инструменты для проектирования сайтов

Сайты проектируем в Индизайне — получается интерактивный ПДФ. В нём легко показать структуру и сложные элементы — отлично работают кнопки и ссылки между страницами. Переборщить в детальности Индизайн так просто не позволит.

Инструменты для управления проектами

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

Инструменты для взаимодействия внутри команды

Помимо задач в «Нет Офисе» и «Редмайне», ребята общаются лично, по почте, аськами и скайпами — кому как удобно. Все файлы хранятся, конечно, на сервере. Раньше в офисе была бейсбольная бита или две — можно ли её считать инструментом, я не знаю.

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

Клиенты редко посвящены в кухню и работа с ними ведётся по старинке: лично в переговорной, по телефону, почте и скайпу.

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

Антон Кисляков, директор
Pweb

Инструменты для проектирования сайтов

Когда нужно разработать прототип сайта, обсудить (переделать) и утвердить его с Заказчиком, используем Axure. В этом случае, для Заказчика эта работа учитывается в общей смете проекта и календарном плане. Бывают проекты, не требующие этого этапа (типовые и тиражные), в таком случае мы обходимся WhiteBoard и карандашом на белом листе.

Инструменты для управления проектами

Мы проповедуем идеологию совершенного продукта :) и поэтому не можем не использовать его в своей работе. Для управления проектами у нас есть внутрикорпоративный портал 1С-Битрикс, в нём мы фиксируем новые проекты, при необходимости пускаем в него клиентов. В каждом проекте фиксируются задачи и ход их выполнения, затраченное время, отчёты и обсуждение.

Инструменты для взаимодействия внутри команды

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

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

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

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

Алексей Чирков, директор
cgm

Инструменты для проектирования сайтов

В первое время использовали Microsoft Visio, но отказались ввиду огромного размера файлов технических заданий .doc, в которые потом вставлялись схемы из Visio, и очень неудобного интерфейса постраничной работы над проектом.

В итоге удобство победило партнёрские привелегии Microsoft, и сейчас мы используем Adobe Fireworks. По сравнению с предыдущим вариантом размер файлов .doc сократился с 4-6 мегабайт до 200-800 килобайт, что немаловажно при пересылке документов по электронной почте. И это только клиентская составляющая.

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

Очень удобна работа в слоях (layers) и состояниях (states) проектируемой страницы.

Инструменты для управления проектами

В качестве менеджера задач и взаимодействия с клиентом мы используем Teamlab. Жаль, что нет возможности управления в виде диаграммы Ганта. Бесплатная и удобная SaaS-платформа. Постоянно обновляется и совершенствуется. Единственное, что не нравится, это быстродействие. Хотелось бы чуточку быстрее. Так же радует, что доступна мобильная версия сайта.

Работа по проекту происходит следующим образом: создаем проект, назначаем менеджера, менеджер набирает команду, формирует задачи и сроки, следит за выполнением. А вот линейное или параллельное отслеживание работ происходит на основе таблиц в GoogleDocs, где каждому сотруднику соответствует свой цвет и каждому типу работников своя тональность.

Например: синий — разработчики, зелёный — контент-менеджеры, розовый — фрилансеры и т. д.

Работы чётко привязаны к календарю, и их мы прописываем в техническом задании, которое идёт приложением к любому нашему договору. Клиент видит сроки, а мы контролируем ход работ.

Инструменты для взаимодействия внутри команды

Используем инструменты GoogleApps и всё вышеперечисленное.

Активно пользуемся общим календарём, благодаря чему нет накладок по встречам и планёркам.

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

Google вообще приятно радует своими продуктами.

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

У нас существует две базы данных по клиентам. Первая, CRM от Teamlab, в которой у нас хранится вся информация по настоящим и прошлым заказчикам, степень их лояльности и прочие внутренние комментарии. Вполне себе удобно.

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

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

Владислав Стерлин, менеджер проектов
Nutnet

Инструменты для проектирования сайтов

Для проектирования мы используем Adobe Fireworks CS5. Этот выбор сделан давным-давно из-за гибкости и простоты этого графического редактора. В последнее время присматриваемся к Axure. В нём привлекает возможность создания динамических прототипов. Для схем и прочих карт используем Gliffy.

Инструменты для управления проектами

Управление проектами осуществляется при помощи приложения Redmine. В нём происходит постановка задач и контроль за их выполнением. Почему Redmine? Он значительно гибче и понятнее, чем наше предыдущее приложение Trac. Кроме этого, Redmine собирает в себе все проекты, тогда как Trac необходимо было подключать к каждому проекту отдельно.

Инструменты для взаимодействия внутри команды

Опять же это Redmine плюс Gmail. Ключевые моменты разработки фиксируются в системе управления проектами. Общие вопросы решаются при помощи «Gmail» и живого общения. Также стоит упомянуть GoogleDocs и GoogleSites. Первый для работы с документами, второй – для формирования базы знаний. Для хранения и работы с файлами мы используем систему контроля версий SVN. Для работы с репозитарием консервативное крыло нашей команды использует Aptana, прогрессивное – PhpStorm и WebStorm.

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

Для общения с клиентами мы используем старый добрый Gmail и Skype. Для работы с клиентами внутри России этого более чем достаточно. Подкованным в технологическом плане клиентам мы даём доступ в систему управления проектами. Например, владельцам сервиса аренды квартир «Spiti». Иностранные клиенты (Америка, Европа) технологически более осведомлены и к традиционным средствам коммуникации, как правило, добавляется Basecamp (ведение и обсуждение проектов) и Dropbox (хранение, синхронизация и обмен файлами).

Get Cloud PHP Hosting on CatN