<распева>
Я профессионал!
</ распев>
Прежде чем читать дальше, пожалуйста, повторяйте монотонно три раза.
Выполнено? Отлично. По моему мнению, если вы действительно хотите верить, что вы профессионал, вы можете либо повторять эти слова так часто, что вы верите им, или вы можете стать настоящим профессионалом.
Я не собираюсь занимать какую-то высокую позицию и говорить вам, что «профессионалы» — это те, кому платят за работу, кто имеет определенную степень доверия или кто достаточно богат, чтобы позволить себе визитные карточки с «Профессиональным веб-разработчиком». написано на них. На мой взгляд, профессионал — это тот, кто действует как профессионал. Вам может быть 13 или 33; возможно, вы работали 15 лет; Вы можете быть одним из лучших в своей области — и все же не быть профессионалом. Быть профессионалом требует, чтобы вы действовали как один.
В этой статье я объясню, как мы здесь, в NMC Group, разрабатываем веб-сайты. Это не сквозной процесс взаимодействия с клиентом — это взгляд на шаги, которые мы лично предпринимаем за кулисами при создании веб-сайта. Это достаточно всеобъемлющий документ, и я даю вам полное разрешение на его кражу, скидку или добавление к нему по своему усмотрению!
Я ссылаюсь на ряд документов в этой статье — вы можете скачать их все здесь .
Укладка на линию
Насколько я могу судить, это может быть первая статья, когда компания раскрывает информацию о своих внутренних процессах таким образом. Это может привести к моей остракизму или к работе для Дуби. В любом случае, вот шаги, которые мы проделываем с каждым проектом, который мы предпринимаем:
- Начало проекта
- Встреча по запуску проекта
- Документ с требованиями проекта
- Документы открытия
- Блок-схема доступности информации
- Блок-схема сайта
- Опытный образец
- Утверждение прототипа
- Рабочая продукция
- Конечная продукция
- Тестирование и окончательное утверждение
1. Начало проекта
Вот оно, чудо из чудес: рождение. Вот где ваш проект действительно начинается. Это часто невыраженный, но очень важный шаг, который вы, возможно, никогда не оценили. Чаще всего это просто идея или мечта. Если вы управляете компанией по веб-разработке, это может быть даже не вашей мечтой: это может быть мечтой вашего клиента. В этом случае сделайте это своей мечтой — не стесняйтесь представить, насколько великолепным может быть сайт, если он был создан без ограничений.
2. Встреча по запуску проекта
Первым официальным шагом в разработке сайта является Launch Meeting. Это настоящий мозговой штурм. Не будет принято никаких решений, но вы будете говорить о таких вещах, как цвета, шрифты, логотипы, иерархия, структура навигации и то, на кого будет ориентирован сайт. По сути, вы хотите, чтобы все участники собрания ушли, увидев одно и то же «видение команды» для сайта.
3. Документ с требованиями проекта
Вот документ с требованиями к проекту, который я собрал для клиентского проекта, который мы только начали. По сути, вы хотите, чтобы этот документ суммировал, как команда думает, как будет выглядеть проект, когда он будет завершен. Там нет необходимости «получить все в порядке», или чувствовать себя связанным. На этом этапе вы переходите от мозгового штурма к принятию определенных решений, но вы также позволяете себе структуру, которой можно следовать на последующих встречах с клиентами. Это также поможет, когда дело доходит до принятия решений.
4. Документы открытия
Вот документы открытия, которые мы используем и помогли разработать. Они используются в тот момент, когда вы начинаете переходить к настоящей мелочи. Раньше вы на самом деле не принимали слишком много решений, вместо этого сосредотачиваясь на том, чтобы быть открытым и обеспечивать творческое обсуждение. Но с этими документами вы приступите к выяснению того, кто является вашей целевой аудиторией, что они хотят, разделы сайта, что они будут содержать и т. Д. Это станет настоящей дорожной картой для проекта.
5. Блок-схема доступности информации
Это действительно отличный инструмент для сайта с большим количеством баз данных, который включает в себя множество различных независимых систем. По сути, он показывает, какие типы информации будут доступны и где. Это изображение иллюстрирует тот, который мы поставили перед системой корзины покупок.
6. Блок-схема сайта
Блок-схема является одним из самых полезных и наименее используемых инструментов, с которыми я когда-либо сталкивался. Он устанавливает поток информации, как системы общаются друг с другом, точки, в которых происходит аутентификация, и многое другое. Хорошо продуманная потоковая диаграмма не только определяет, как будет работать сайт, но и часто позволяет писать высококачественный код и распределять задачи так, как это невозможно без потоковой диаграммы. Вот примерная схема проекта, который мы недавно начали. Ваша блок-схема должна иллюстрировать не только пути, по которым могут идти пользователи, но также различные системы и взаимодействия, к которым они — и администраторы сайта — смогут получить доступ и испытать их.
7. Прототип
Здесь начинается настоящее веселье. К настоящему времени вы должны были потратить достаточно времени на проект, чтобы всем было удобно, как он будет работать. Прототип превратит ваши документы в реальность. Ваша цель состоит не в том, чтобы спорить о второстепенных элементах дизайна, таких как необходимость использования границ в один или два пикселя, а также в том, чтобы устанавливать ASP или PHP. Сейчас самое время просто создать визуальное изображение, которое вы можете показать клиенту.
8. Утверждение прототипа
Поскольку большая часть работы, которую мы выполняем, ориентирована на клиента, мы включаем этот жизненно важный этап. Если проект, который вы завершаете, предназначен для клиента, это может быть последний раз, когда они увидят сайт, пока он не будет готов к запуску. Это даст им представление о том, куда вы идете, и предоставит достаточно информации, чтобы они могли переварить и быть счастливыми.
Тем не менее, утверждение прототипа так же важно для внутренних проектов, как и для работы с клиентами, так как оно дает всем возможность увидеть и оценить, где находится сайт, предоставляя как дизайнерам, так и разработчикам ценную обратную связь и информацию, которая им потребуется для идти вперед.
После этого шага вы можете легко разделить вашу команду на две группы: дизайнеров и разработчиков. У дизайнеров достаточно визуальных элементов для создания окончательной копии, а у разработчиков достаточно информации, примеров и форм для создания невероятного кода.
9. Рабочее производство
Это где резина отправляется в путь. Ваши дизайнеры проектируют, ваши разработчики развиваются, и вы объединяетесь с чем-то, что не обязательно идеально, но работает. База данных разложена, ASP и PHP готовы, вы написали все свои скомпилированные компоненты, дизайн завершен, а навигация и заголовки — лучшая сторона нового тысячелетия. Он должен выглядеть достойно, работать плавно и дать всем шанс увидеть, где сейчас находится проект, и оценить, как далеко он продвинулся.
10. Конечная продукция
Да, детка! Это последний «Смотри, смотри? Это работает!» Вы очистите код от «Рабочего производства», отточите элементы дизайна, превратите JPEG в GIF-файлы и наоборот, и убедитесь, что ваш конечный результат максимально соответствует стандартам. Вы также напишите список текущих слабых мест в системе, которые необходимо устранить, прежде чем вы сможете освободить систему: такие вещи, как удаление ненужного кода, отсутствие утечек памяти на сервере и т. Д.
11. Тестирование и окончательное утверждение
Слово дня — «молоток». Получите тонны людей, чтобы использовать ваш сайт и убедитесь, что им нравится. Принимайте во внимание их комментарии, но если они не экстремальные, не спешите и сделайте редизайн — просто подправьте сайт там, где это необходимо. Это также этап, на котором вы закрепляете свою последнюю кодовую базу, делаете код модульным, чтобы вы могли использовать его позже, и давали друг другу синяки от слишком большого количества похлопываний по спине.
Завершение
Еще раз, эта статья не была разработана, чтобы быть идеальным руководством для разработки веб-сайта. На самом деле, некоторые предложения, которые мне нужно улучшить, заключаются в том, чтобы включить шаги по изучению юзабилити, тестированию в фокус-группах, написанию документации и проведению исследования по оценке обслуживания. Как я уже сказал, так мы сейчас работаем, и я уже заметил несколько дыр в нашем процессе. А пока сфокусируйтесь на том, что будет способствовать развитию вашего бизнеса, и на том, что приносит вам наибольшую радость. Как однажды сказал мудрый человек: если вы будете ждать идеального времени, чтобы что-то сделать, вы ничего не сделаете.
Читай дальше! Во второй части Рэйчел Гольдштейн объясняет процесс разработки веб-сайта с позиции внештатного сотрудника.