закрыть окно

Как быть если нету дизайна и верстки

  • Артем

  • 0

  • 26 Jul 2017

Как быть если нету дизайна и верстки

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

У любого проекта есть два пути реализации правильный и неправильный . Правильный путь реализации предполагает разбить разработку проекта на определенные этапы, эти этапы обычно включают в себя следующее:

1.Разработка Технического задания

2.Разработка дизайна

3.Разработка верстки на основе макетов дизайна.

4.Программирование технической части.

Очень часто клиент после фразы “А где ТЗ?” Перестает отвечать на вопросы и уходит куда-то в себя. Сценарий развития дальше бывает разный, у меня например был один раз забавный случай. Клиенту необходимо было разработать крупную финансовую систему с различными партнерскими программами в виде бинарной структуры и линейной. Так вот как такового ТЗ у клиента не было. У клиента была лишь идея что там должно быть, и поэтому описывая свой проект он просто скидывал ссылку на демо движок где были реализованы все виды партнерских программ(бинарный, линейный и т.д). Когда я ему сказал что нужно ТЗ,он сказал ОК. Возвращается через месяц скидывает ТЗ,и в этом ТЗ полностью описана текстом каждая страница того самого демо-движка. То есть клиент просто взял, нашел ребят которые пишут ТЗ, скинул им ссылку и они просто сидели и описывали в 45 страницах что показано на экране. Что в этом неправильного спросите вы? Все очень просто клиент изначально поставил условия по тому как должна работать маркетинговая система, в этих 45 страницах этого не было. И соответственно если бы мы начали делать проект по этому ТЗ в финале нас ждали бы проблемы от клиента. Проблемы от клиента это неучтенный момент, когда все задуманное рушится только потому что так хочет клиент.

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

1.Гость может посмотреть новости.

2.Может авторизоваться

3.Может зарегистрироваться

4.Может сбросить пароль.

и т.д

Для роли пользователя соответственно у вас тоже должны быть описаны соответствующие функции и пути пользователя, например:

1.Пользователь может пополнить свой счет.

2.Пользователь может обновить информацию о себе

3.Пользователь может изменить свой пароль

4.Пользователь может участвовать в партнерской программе

5.Пользователь может смотреть отчеты по финансовым операциям

Для роли администратора описывать все пути не обязательно, так как основное назначение админ.панели это управлять информацией. Часть функций администратора описывать нужно если они неочевидные. Если у вас в документе прописаны все основные пути и функции,то следующий шаг это подробное описание каждой функции. Как описать подробно например про пункт “Может авторизоваться”, клиент заходит на любой сайт где есть авторизация, смотрит как она работает потом сохраняет скриншот вставляет в файл, и подробно описывает то что ему нужно, например на скриншоте есть форма с вводом email и пароля, а также кнопки для входа через социальные сети. То соответственно клиент пишет:Пользователь может авторизоваться на ресурсе используя свой email или пароль, либо может войти с помощью социальных сетей.

Подобное делаем с каждым пунктом. После того как вы проделали все эти манипуляции, дальше нужно будет составить страницы которые должны быть. Потому что описание действия пользователя может подразумевать не одну страницу, например “Гость может посмотреть новости." означает что должна быть страница списка новостей, и страница просмотра отдельной новости. Соответственно в каждой функции нужно прописать названия страниц и приложить к ним скриншот как она должна выглядеть и описание. Все это нужно проделать также с каждым пунктом. Соответственно трогать пункты где всего подразумевается одна страница не нужно. Если вы все сделаете правильное, то у вас уже будет ТЗ по которому можно будет полностью оценить проект по дизайну, верстке,технической части. Основной плюс такого подхода в том что если ваш бюджет не велик, то вы можете сделать верстку без дизайна. Делается все это очень просто. Вы выбираете шаблон на любом сайте, например тут https://themeforest.net/category/site-templates верстальщик на базе шаблона делает все страницы согласно вашему ТЗ. Нужно также понимать что не все шаблоны могут подходить под задачи. Поэтому опять же есть разумные ограничения выбора. Для примера возьмем шаблон https://themeforest.net/item/negn-html-portfolio-template/20252648?s_rank=5 этот шаблон обьективно не подойдет под личные кабинеты, црм системы. Для финансовой системы нужно либо выбирать два шаблона. Первый шаблон с красивыми эффектами, а второй шаблон который будет использоваться уже в личном кабинете.Так как в личном кабинете выводится очень много информации различных содержаний. И соответственно красивости там нужны в последнюю очередь, так как на первом месте должно быть удобство пользователя. И соответственно если выбирать под личный кабинет шаблон у которого нет множества элементов в верстки, то соответственно для верстальщика задача еще усложняется тем что он все это должен будет сверстать под заданные рамки шаблона. Именно поэтому при выборе шаблона нужно в первую очередь исходить из цели проекта.

Если подвести итог всего выше сказанного, то получится следующее. Что если у вас есть небольшой бюджет, то вы сможете сделать себе приличный проект, обладая необходимой информацией и опытными людьми которые смогут вас проконсультировать. Тут наверное многие скажут,что я советую плохое, так как индивидуальный дизайн по определению лучше! Да индивидуальный дизайн лучше, но он и дороже. Дороже в цене ошибки, которую может совершить клиент, если не знает всех тонкостей процесса. Приведу простой пример: Приходит клиент, ему нужна партнерская система. Для этого клиента рисуют сначала прототипы, потом рисуют дизайн, после его верстают. Естественно на каждом этапе происходит утверждение со стороны клиента. На этапе программирования клиент вспоминает про важный функционал который забыли добавить.А забыли добавить внешний виджет.И забыли добавить потому что клиент это не указал в ТЗ. И клиента не пугает цена вопроса. Так как цена вопроса в данном случае это время дизайнера, время верстальщика, время программиста. Если бы клиент сделал сразу все на шаблоне,то в случае каких, то упущений оплачивалась бы только работа верстальщика.

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

Лично я не люблю верстку, но если и делаю верстку для собственных проектов то всегда в ней использую css фреймворк twitter bootstrap ( http://getbootstrap.com/ ) . Мне он нравится так как в нем есть вся необходимая типографика для многих элементов. Часть верстальщиков утверждает что можно обойтись и без фреймворка, и отчасти они правы. Например если мне нужно сверстать внешний виджет, который будет интегрироваться в сторонние сайты, то соответственно использовать twitter bootstrap я не буду,по понятной причине. Но для описания основных интерфейсов и возможностей любого проекта его хватит за глаза. Тем более очень много есть админок на twitter bootstrap где просто огромное количество элементов которое хватит на любой веб-проект.

На этом у меня все. Надеюсь было не слишком нудно все это читать. Не жмитесь и ставьте лайки и ШЕРЫ. Ну а если у вас есть проект нет верстки или дизайна, то смело пишите Кате! eka@noi.studio или в ВК https://vk.com/workate она вам поможет.

Теги:работа

Псс..... чувак, а записью поделится не хочешь?

Комментарии

Чтобы оставить комментарий вам нужно авторизоваться!