Опыт работы над сайтом и блогом Nimax через гайдлайн, как подготовить такой документ и в каких случаях стоит его применять.
Презентация руководителя отдела веб-разработки Юлии Мархадаевой, подготовленная для конференции User eXperience 2014, 23.10.14 г.
Презентация посвящена процессу создания интернет-магазинов, отражая основные этапы разработки сайта для онлайн-коммерции. Показывает ключевые моменты для каждой стадии разработки и объясняет, как не допустить ошибок, которые могут потребовать дорогостоящих доработок после запуска магазина. Источник: http://www.bizprofi.ru/seminar-formula-sajta-v-krasnodare/
Рекламное агентство «Развитие» предлагает Вам создание
Интернет-магазина с уникальным дизайном,
удобной системой управления и современным
функционалом.
Наш интернет-магазин – это сайт, разработанный
на маркетинговой основе с серьезной технологической
базой. Эксклюзивный дизайн и эргономичная система
управления сайтом обеспечит магазину в сети
максимальные конкурентные преимущества
Рекламное агентство «Развитие» предлагает Вам создание
сайта с уникальным дизайном, удобной системой управления
и современным функционалом.
Каталог – это витрина в интернете, которая дает
пользователю возможность ознакомиться с перечнем Ваших
товаров, продуктов или услуг. Подробное описание свойств и
характеристик, в котором находится изображения продукции
с указанием стоимости. Его задача — сфокусировать
внимание целевой аудитории на ассортименте.
Опыт работы над сайтом и блогом Nimax через гайдлайн, как подготовить такой документ и в каких случаях стоит его применять.
Презентация руководителя отдела веб-разработки Юлии Мархадаевой, подготовленная для конференции User eXperience 2014, 23.10.14 г.
Презентация посвящена процессу создания интернет-магазинов, отражая основные этапы разработки сайта для онлайн-коммерции. Показывает ключевые моменты для каждой стадии разработки и объясняет, как не допустить ошибок, которые могут потребовать дорогостоящих доработок после запуска магазина. Источник: http://www.bizprofi.ru/seminar-formula-sajta-v-krasnodare/
Рекламное агентство «Развитие» предлагает Вам создание
Интернет-магазина с уникальным дизайном,
удобной системой управления и современным
функционалом.
Наш интернет-магазин – это сайт, разработанный
на маркетинговой основе с серьезной технологической
базой. Эксклюзивный дизайн и эргономичная система
управления сайтом обеспечит магазину в сети
максимальные конкурентные преимущества
Рекламное агентство «Развитие» предлагает Вам создание
сайта с уникальным дизайном, удобной системой управления
и современным функционалом.
Каталог – это витрина в интернете, которая дает
пользователю возможность ознакомиться с перечнем Ваших
товаров, продуктов или услуг. Подробное описание свойств и
характеристик, в котором находится изображения продукции
с указанием стоимости. Его задача — сфокусировать
внимание целевой аудитории на ассортименте.
Content is King. В какие процессы интернет-магазина вовлечена контент-команда?Anton Grishin
Взаимодействие контент-команды с другими отделами ИМ.
Организация работы копирайтеров и контент-менеджеров. Почему это должен быть не один человек?
Новый каталог madrobots.ru. Задача, процесс и результаты.
Рекламное агентство «Развитие» предлагает Вам создание
Корпоративного сайта с уникальным дизайном, удобной
системой управления и современным функционалом.
Презентация с доклада на Optimization.by 2012 (Минск).
- последовательность аудита от постановки цели до поиска узких мест;
- что необходимо анализировать при проведении аудита сайта;
- использование бесплатных инструментов для анализа;
- примеры из практики.
Прагматичный подход к документированию Веб-проектовAnatol Filin
Pragmatic approach to documenting Web projects. Talk at RIT conference, April 2010.
Речь идет о документировании процесса разработки Веб-систем. В работе над проектом как правило участвует команда, состоящая из специалистов разных областей: инвесторы, владельцы бизнеса, бизнес-менеджеры, аналитики, разработчики, юзабилисты, дизайнеры, тестировщики, системные администраторы. Эти специалисты обладают разным опытом, имеют разные цели и говорят на разных языках (причем часто – в прямом смысле этого слова). Некоторые роли могут отсутствовать, другие роли могут «склеиваться».
Существует достаточно развитая культура документирования проектов, которая включает как традиционные артефакты: видение (vision), бизнес-требования (BRD), функциональные требования (FRD), требования к интерфейсу, технические и архитектурные требования (TAD), требования к тестированию, требования к инфраструктуре, так и аджайльные артефакты: пользовательские истории (user stories), визуальные истории (visual stories).
Все Веб-проекты разные: интерфейсные проекты и проекты со сложной логикой (финансовые, научные), средние по размеру проекты и крупные проекты, проекты, которые пишутся с нуля и унаследованные от других разработчиков. Кроме того заказчики могут предъявлять разные требования к документированию: кому-то достаточен список характеристик, кто-то требует детальные функциональные требования, кто-то готов «идти в Agile». Команды тоже бывают разные: полные (свои аналитики, дизайнеры и т.д), локальные и распределенные.
В докладе не предлагается один рецепт на все случаи жизни. Главная идея доклада состоит в том, чтобы в соответствии с особенностями проекта и проектной команды рациональным образом выбрать тот набор документов, который абсолютно необходим для его успешного развития.
18 мая прошел бесплатный вебинар: «Как провести глубокую техническую оптимизацию сайта для SEO».
Спикер: Константин Солодянников - руководитель отдела SEO в IT-Agency.
BramaBrama технология бережливого производства и поддержки сайта или MVPAlexander Burtsev
Мы рассказываем вам о нашем подходе в разработке проектов любой сложности. Этапы разработки мы подкрепили примерами из портфолио веб студии ООО "Интернет партнер".
Content is King. В какие процессы интернет-магазина вовлечена контент-команда?Anton Grishin
Взаимодействие контент-команды с другими отделами ИМ.
Организация работы копирайтеров и контент-менеджеров. Почему это должен быть не один человек?
Новый каталог madrobots.ru. Задача, процесс и результаты.
Рекламное агентство «Развитие» предлагает Вам создание
Корпоративного сайта с уникальным дизайном, удобной
системой управления и современным функционалом.
Презентация с доклада на Optimization.by 2012 (Минск).
- последовательность аудита от постановки цели до поиска узких мест;
- что необходимо анализировать при проведении аудита сайта;
- использование бесплатных инструментов для анализа;
- примеры из практики.
Прагматичный подход к документированию Веб-проектовAnatol Filin
Pragmatic approach to documenting Web projects. Talk at RIT conference, April 2010.
Речь идет о документировании процесса разработки Веб-систем. В работе над проектом как правило участвует команда, состоящая из специалистов разных областей: инвесторы, владельцы бизнеса, бизнес-менеджеры, аналитики, разработчики, юзабилисты, дизайнеры, тестировщики, системные администраторы. Эти специалисты обладают разным опытом, имеют разные цели и говорят на разных языках (причем часто – в прямом смысле этого слова). Некоторые роли могут отсутствовать, другие роли могут «склеиваться».
Существует достаточно развитая культура документирования проектов, которая включает как традиционные артефакты: видение (vision), бизнес-требования (BRD), функциональные требования (FRD), требования к интерфейсу, технические и архитектурные требования (TAD), требования к тестированию, требования к инфраструктуре, так и аджайльные артефакты: пользовательские истории (user stories), визуальные истории (visual stories).
Все Веб-проекты разные: интерфейсные проекты и проекты со сложной логикой (финансовые, научные), средние по размеру проекты и крупные проекты, проекты, которые пишутся с нуля и унаследованные от других разработчиков. Кроме того заказчики могут предъявлять разные требования к документированию: кому-то достаточен список характеристик, кто-то требует детальные функциональные требования, кто-то готов «идти в Agile». Команды тоже бывают разные: полные (свои аналитики, дизайнеры и т.д), локальные и распределенные.
В докладе не предлагается один рецепт на все случаи жизни. Главная идея доклада состоит в том, чтобы в соответствии с особенностями проекта и проектной команды рациональным образом выбрать тот набор документов, который абсолютно необходим для его успешного развития.
18 мая прошел бесплатный вебинар: «Как провести глубокую техническую оптимизацию сайта для SEO».
Спикер: Константин Солодянников - руководитель отдела SEO в IT-Agency.
BramaBrama технология бережливого производства и поддержки сайта или MVPAlexander Burtsev
Мы рассказываем вам о нашем подходе в разработке проектов любой сложности. Этапы разработки мы подкрепили примерами из портфолио веб студии ООО "Интернет партнер".
Почему агентству интернет-рекламы, веб-студии или РА невыгодно развивать напр...Artem Borodatjuk
На семинаре для агентств (рекламные агентства, веб-студии, консалтинг-агентства, медиа и digital-агентства) представил информацию с выдержкой всего своего опыта на тему того, почему невыгодно выстраивать свои компетенции SEO инхаус (внутри).
григорьев андрей, юмисофт, основные ошибки ведения It проектов - от документа...New Business Idea
Основные ошибки ведения IT-проектов - от документации до коммуникаций.
* Сбор и формирование требований к продукту;
* выработка стратегии;
* начальное проектирование;
* документирование процесса;
* построение схемы ролей и коммуникаций;
* дизайн проекта;
* программирование;
* примеры из жизни.
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...borovoystudio
«Правильный процесс дает правильный результат». Как грамотно выстроить работу по разработке и продвижению интернет-проекта
Игорь Повшок, руководитель отдела продаж Студии Борового
4. Проблемы
• Не знаем чего хотим
• Не знаем что получится
• Не знаем как сделать
• Встречаемся с проблемой взаимодействия
– С подрядчиками
– С фрилансерами
– Своей командой
• Проблемы соблюдения сроков
• Оптимизаторы говорят что такой сайт
продвигать не получиться – переделывайте
• Проблема поддерживать сайт в дальнейшем
6. Обычное ТЗ
- Выглядит как текстовый документ
- Скучный настолько, что второй раз
открывать тяжко
- Предназначен для того, чтобы тыкать друг-
друга при разрешении проблем
- Много формальностей, что снижает его
ценность
7. ТЗ для интернет-магазинов сложнее
- Каждое место должно продавать
- Задача: довести покупателя до цели
- Нужно продумать взаимодействие и
работу сложных и интерактивных
элементов
- Информация о товарах не передается в
виде текста статьи, как на
информационном сайте
9. Преимущества
Понимание смысла каждого элемента на протяжении
всего проекта
Всем участникам проекта понятно зачем и как они это
делают, в соответствии с этим подстраивают результат
своей работы под конечную цель элемента
Видно визуально что это за элемент и где он должен
находиться – каждый представляет по-своему
Для сработавшейся команды, для того чтобы начать
работать хватает wireframe макета это уменьшает время
производства сайта
10. 1. Определение целей
(стратегия)
Изучаем рынок
Выбираем нишу и основную линейку продуктов
Создаем портрет посетителя
Делаем УТП для рынка
11. 2. Определение функционала для достижения цели
(тактика)
Изучаем функционал конкурентов
Опросы аудитории на форумах
Работа с покупателями
Работа с «экстремальными пользователями»
Корректировка портрета посетителя
Выписываем найденный функционал
Сортируем по важности для пользователя
Сортируем по ROI
Выбор CMS
12. 3. Создание прототипа
Распределяем элементы из базового набора
Распределяем элементы необходимые в этой нише
Получаем первую обратную связь
Можем начинать разработку
13. 4. Дизайн
Отдаем прототип дизайнеру на «раскраску»
Снабжаем дизайнера регламентом работ и ТЗ
Получаем:
1. Сокращение стоимости
2. Сокращение сроков
3. Хорошие отношения
14. 5. Верстка
Передаем дизайн верстальщику (им может быть и
программист)
Снабжаем верстальщика регламентом работ и ТЗ
(!) Верстальщик должен быть со знанием Jquery
Отладка верстки и проверка элементов
Получаем:
1. Верстку со скриптами
2. Понимание проекта
верстальщиком
15. 6. Программирование Backend
На основе готовой и отлаженной верстки можем начать
программировать публичную часть
При программировании сверяемся с пунктами:
• Цели
• Функции
• Прототип
• Верстка
16. 7. Программирование Frontend
На основе предыдущего шага делаем публичную часть
сайта и сверяемся с пунктами:
• Цели
• Функции
• Прототип
• Верстка
• Программирование
Backend
18. 9. Тестирование
Тестирование всех этапов, поскольку изменяя что-то
одно мы можем случайно испортить другое
• Про это часто забывают
• На фрилансе эту часть работ возлагают на заказчика
25. 1. Сбор сведений
Анализируем рынок, инструменты:
• Wordstat
• Счетчики конкурентов
• Чек конкурентов
Анализ аудитории
Составляем портрет посетителя
Начинаем Backend Программирование
Получаем:
26. 2. Техническое задание
Нужно: Сбор сведений
Получаем: Макет сайта
Макет сайта
Распределяем элементы из базового набора
Распределяем элементы необходимые
Нужно: Сбор сведений
в этой нише
Начинаем Backend Программирование Нужно: Макет сайта
Получаем: Текстовое ТЗ
Текстовое ТЗ Контроль:
Относительно сбора сведений
27. 3. Определить параметры для подборщика и фильтрации
Нужно
Прайс листы
Это нужно для:
Backend Программирования, но не задерживает его выход
28. 4. Backend программирование
Нужно
Сбор сведений
Учет фильтров по параметрам
Покупка лицензии
Установка CMS
Настроить ЧПУ
Поставить на базовом шаблоне
29. 5. Написание текстов для информационных страниц
Нужно
Сбор сведений
Страницы, на которые нужен текст:
Главная
О компании
Доставка и оплата
Контакты
Гарантия
Каталог
Раздел каталога 1
Раздел каталога …
30. 6. Интеграция на стандартном шаблоне из коробки
Нужно
Готовое Backend Программирование
Тексты информационных страниц
Делается для:
Скорейшей индексации
31. 6. Интеграция на стандартном шаблоне из коробки
6.1 Выкладка текстов
Нужно
Готовое Backend Программирование
Тексты информационных страниц
Делается для:
Скорейшей индексации
32. 7. Заполнение товарами «вслепую»
Нужно
Готовое Backend Программирование
Определены и запрограммированы фильтры
Делается для:
Скорейшей индексации
Сокращение сроков производства
Уже можно тестировать работу фильтров
- Минусы:
- Не отображается все так, как будет в финале
- Нужен второй проход
33. 7. Заполнение товарами «вслепую»
Персонал: Менеджер контент-менеджеров
Набор фрилансеров
Раздача заданий
Распараллеливание работ
Контроль по времени
Контроль по качеству
Расчет с фрилансерами
Определение фильтров
Тз на заполнение
34. 8. Дизайн
Нужно
Сбор сведений
Макет сайта
Страницы для отрисовки:
Главная
Каталог
Товар
Корзина
Корзина …
Сравнение
Результаты поиска
Страница не найдена 404
Результат работы фильтра
Статья
Контакты
Контроль:
Соответствие макету
Отражение интерактива
Расстановка маяков
Юзабилити чеклист
40. В программу включено:
29 декабря – первое задание для закрытой группы «Маркетинг для
интернет-магазинов».
10 января (вторник) старт для 2х групп – обратная связь по первой части:
разбор ДЗ (пишите отчеты).
«Обработка прайс-листа и определение ассортимента».
13 января (пятница) Гостевая лекция «Копирайтинг для интернет-
магазинов»
16 января (понедельник) «Проектирование интернет-магазина»
18 января (среда) «Составление технического задания на создание
интернет-магазина»
21 января (суббота) Гостевая лекция «Брендинг для интернет-магазинов»
23 января (понедельник) «Взаимодействие с фрилансерами и своей
группой разработки»
25 января (среда) Гостевая лекция «Составление договора и
взаимодействие с вебстудией»
27 января (пятница) – финал для Silver и Gold группы
28 января (суббота) – VIP день и финал для Platinum группы – личная
встреча участников и живой однодневный тренинг.