Лекция вторая. С чего начинается разработка сайта?

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

https://peternappi.com/ - он прекрасен, но какая тут зависимость от картинок! Не только они здесь прекрасны, но и обращение со шрифтами (размер букв в разных случая, межстрочные расстояния, расстояния между блоками и т.д. и т.п.) ... А знаете какие тут шрифты? Times New Roman (кто понимает). К шрифтам мы обратимся позже.

http://fugarussia.ru/ - это русский сайт. На первой странице глаза разбегаютсяПохож? Как вы думаете кто у кого передирал? )) Шрифт Futura New Book Reg (улучшили - истерический смешок).

https://manekibook.com/ - тоже произведение искусства.

https://www.archiduchesse.com/ - этот сайт я бы назвала "Носки в поэзии" или "С любовью о носках", ну как-то так, в общем.

http://rozetka.com.ua - Розетка. Я не намекаю на то, что её срочно нужно обругать. Я толерантный критик и всегда, в первую очередь, призываю к рассуждениям, а не к осуждению.
Как вы думаете, Розетка, в принципе, может позволить себе такое качество как предыдущие сайты?


С чего начинается разработка сайта?
Разработка сайта начинается с анализа рынка. Я сейчас не буду вдаваться в экономические вопросы, допустим, что у нас всё посчитано (а перед созданием сайта уже должно быть всё посчитано) и мы знаем сколько планируем вложить, какую прибыль получить, где будем закупать сырьё, нам осталось только пойти и сделать, а сайт нам нужен для привлечения целевой аудитории (далее ЦА), связи с клиентами, продажи товара, раскрутки бренда и так далее.

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

Нам важно составить портрет нашего потребителя. Он деловой или эмоциональный, это преимущественно мужчины или женщины (деловые или домохозяйки), дети или пенсионеры? Какой у нашей/вашей целевой аудитории средний доход? Важна ли раскрутка на другие города? (Если вы к примеру. ресторан то зачем она вам нужна?)

Как только вы отвечаете на все эти вопросы, вам тут же становится понятно чего вы хотите получить от раскрутки и продвижения? Какая вам нужна посещаемость? В каких регионах? С точностью до времени суток. И вот тут самое время обратиться к СЕОшнику и спросить какие требования к дизайну нужно выполнить, чтобы ни чего не затормозить и ни чему не помешать.

Подобный подход можно и нужно употребить не только по отношению к сайту заказчика, но и в поиске оптимально решения для своего собственного сайта. Это похоже на вопрос: "Кем стать?" ))

СЕОшник вам расскажет, что тексты должны быть на каждой странице, что информация должна постоянно обновляться (чтобы роботам-поисковикам было интересно на вашем сайте), что вся навигация по сайту должна быть видна в первом окне браузера, что флеш и видео на главных страницах тормозят как загрузку так и продвижение (хотя можно раскручивать не главную страницу, а каталог или страницу "О компании"). Что интерфейс должен быть интуитивно понятным потому, что если новичку он не понятен то малое пребывание на сайте (отказы - когда человек зашёл и вышел с сайта) тоже не способствуют выходу в ТОП и многое другое (что именно, нужно смотреть конкретно с каждым сайтом).

Как я уже говорила на прошлой лекции, если вы известная в городе фирма, модный ресторан с историей и традициями то не сайт будет раскручивать вас, а ваше имя будет раскручивать сайт. Это как в случае с Якиторией. Сначала появилась сеть ресторанов, а потом люди узнали, что оказывается можно и через сайт заказать. Так же, пример для Харькова, кафе "Кристалл". Да, ему можно пожелать большей фешенебельности, но станет ли у него больше посетителей (кстати, куда больше, и так мест нет), если они начнут раскручивать свой сайт? Расширяться они не планируют, их всё время и со старого места турнуть норовят (сколько было скандалов в прессе про отравления).

Станет ли больше посетителей на источнике в Саржином яру? Что привлечёт к нему больше посетителей сайт или комфортные места для отдыха и занятия спортом на свежем воздухе? Во что стоит больше вкладываться?

Для всех этих мест сайт если и нужен то для галочки "У нас есть сайт потому, что мы современные люди!", в раскрутке они и вовсе не нуждаются. То есть, если они захотят сделать себе сайт они могут делать его как душе угодно, не считаясь ни с какими требованиями СЕО.

Работа над сайтом начинается с вопроса: "Зачем нужен сайт?"



Другое дело блог, на котором вы планируете зарабатывать на рекламе или интернет магазин от которого вы ожидаете наплыва клиентов.

Ответив себе на все эти вопросы в складываете для себя пазл будущего сайта.

И, да, работа над сайтом не только заканчивается, но и начинается с СЕО, хотя многие думают, что с дизайна. С дизайна начинается реализация технического задания (дазее ТЗ) в которое должны быть заложены все этапы реализации, начиная с СЕО, продолжая составлением ТЗ, дизайном, вёрсткой, программированием и снова СЕО (уже в практическом его применении).

На дом я задаю вам задание придумать какой сайт вы хотите сделать. И примеры того, что нравится в этом направлении. Вы должны подобрать сайты подобной тематики, которые нравятся по функционалу и несколько сайтов, которые просто нравятся эстетически. Это могут быть сайты не вашей тематики.Мы проанализируем ваш сайт в соответствии со всем вышеперечисленными пунктами, затем продолжим проходит следующие этапы.

А пока продолжу:
Следующий этап в составлении технического задания к сайту - это беседа с разработчиком. Вы излагаете ему свой замысел, уже появившиеся на тот момент идеи реализации и спрашиваете: "Возможно ли сделать то, что я хочу?" Это не всегда само собой разумеющийся факт, ведь идеи у заказчиков бывают самые разные http://clfh.org/quotes )))

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

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

Разбираться в сайтостроении, в наше время, это как разбираться в хлебопечении. Вы не знаете технологию во всех деталях, но даже если вы не пекарь и даже не повар то можете быть уверены, что в состав хлеба входит как минимум мука, вода и дрожжи. То же самое и с сайтами, это не тайное знание, вы все ими пользуетесь и у вас у всех есть какое-то своё мнение. Нужно из себя его достать, обработать напильником )) и превратить в опыт.
Верьте себе, когда анализируете сайты!


Прототипирование

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

Утверждение, что в прототип остаётся только вставить картинки - не верно!

Я, как дизайнер, предпочитаю и ТЗ и прототип получать от заказчика и пусть он будет нарисован шариковой ручкой на тетрадном листе. Наша задача "достать" из заказчика его мысли ради того, чтобы понять по каким критериям он будет принимать нашу работу. В противном случае она может затянуться на бесконечное количество времени и обвинят в этом вас. Вы можете предложить свои услуги в составлении ТЗ и прототипа, но без утверждённого ТЗ к работе приступать нельзя!

Если после лекции остаётся время, мы можем начать делать домашнее задание.