Что нужно в каркасе веб-сайта?

Question

Я собираюсь встретиться с рядом программистов и компаний-разработчиков программного обеспечения, чтобы получить предложения по созданию веб-сайта для компании, с которой я связан. У меня такой вопрос: что я должен подготовить для программистов, чтобы они могли дать мне точную ставку, график и т. Д. Для разработки веб-сайта? У меня есть четкое представление о том, как бы я хотел, чтобы сайт работал, и о функциях, которые я хотел бы включить.

Answer 1

Я бы предложил использовать что-то вроде balsamiq , чтобы соединить несколько простых набросков, как это было предложено в другом месте.

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

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

Answer 2

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

Обычно я делаю это в 3 этапа:

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

2. функциональный каркас в оттенках серого в простом HTML / CSS, использующий примеры реального контента и фиктивные статические страницы для динамического контента со всем, где он должен быть. Это первое, что хотят видеть программисты;

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

Answer 3

Не полный список, но здесь пара мыслей:

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

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

Answer 4

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

Думайте об этом как о скелете, описывающем нужное вам приложение.

Answer 5

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

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

1) Пользователь нажимает кнопку «Купить»

2) На экране отображаются 4 элемента, ссылка на данные, цена, количество и миниатюра 32х32.

2a) Если пользователь нажимает на уменьшенное изображение с полным разрешением, отображается и т. д.

Не пытайтесь замять «простые» вещи, и вы получите максимально точную ставку из возможных!

Answer 6

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

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

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