Лекція друга. З чого починається розробка сайту?

На початку заняття ми розглядаємо і аналізуємо приклади інтернет магазинів, які були задані в д/з, і намагаємося створити сайт нашої мрії )) Іноді і навіть часто стикаємося з тим, що краса і навіть зручність сперечаються з функціоналом і намагаємося вирішити цей конфлікт.

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 )))

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

Нехай вас не лякає такий довгий шлях. Я давно всього цього вже не роблю так як знаю все це напам'ять. Можу поставити пару трійку питань своєму розробнику, а частіше, він сам мені повідомляє, що з'явилося якесь нове вимога в розробці і його потрібно відобразити в дизайні. Зачитувати всі правила не буду тому, що все, крім того, що я виклала вище потрібно розглядати індивідуально. Але, вже з першим досвідом ваш рівень значно підвищиться ніж є зараз.

Розбиратися в сайтобудування, в наш час, це як розбиратися в хлібопеченні. Ви не знаєте технологію у всіх деталях, але навіть якщо ви не опекарь і навіть не кухар то можете бути впевнені, що до складу хліба входить як мінімум борошно, вода і дріжджі. Те ж саме і з сайтами, це не таємне знання, ви всі ними користуєтеся і у вас у всіх є якісь свої думку. Потрібно з себе їх дістати, обробити напилком)) і перетворити в досвід.


Прототипування

Прототип - це ...
... схематичне рішення розташування інформаційних блоків і навігації таким чином, щоб усім цим можна було зручно користуватися - це в двох словах. По суті, прототип - це чернетка майбутнього дизайну. Він не зобов'язаний бути виконаний під лінійку. На ньому можуть бути не враховані опції текстового редактора і зовсім не бути картинок (потрібно просто передбачити під них місце). Він покликаний устаканити ті думки, які викладені в ТЗ. Це скелет майбутнього сайту.
Я, як дизайнер, волію і ТЗ і прототип отримувати від замовника і нехай він буде намальований кульковою ручкою на аркуші зошита. Наше завдання "дістати" з замовника його думки заради того, щоб зрозуміти за якими критеріями він буде приймати нашу роботу. В іншому випадку вона може затягнутися на нескінченну кількість часу і звинуватять в цьому вас. Ви можете запропонувати свої послуги в складанні ТЗ і прототипу, але без затвердженого ТЗ до роботи приступати не можна!

Якщо після лекції залишається час, ми можемо почати робити домашнє завдання.