Планиране на уеб страницата

Как да превърнеш една празна страница в уеб страницата на своите мечти? Можеш да започнеш да пишеш HTML и CSS – по пътя променяй някои неща, изключвай нещата, които не харесваш, добавяй неща, които измисляш и пренареждай части от страницата.

Това не винаги е най-добрата стратегия, тъй като може да изгубиш много време в писане на HTML и CSS, коото след това ще изтриеш. Вместо това можеш да планираш страницата си преди да я напишеш. Можеш да измислиш съдържанието, изгледа и дори как изглежда и какво усещане създава.

Първата стъпка на планиране на нещо често е мозъчна атака – да разбереш всичко, което искаш да направиш. Можеш да използваш мозъчни карти, бележки в документа или самозалепващи се листчета по бюрото си.

Можеш да мислиш самостоятелно или – ако искаш да умножиш идеите – можеш да намериш съмишленик, който да мисли заедно с теб. Можеш да използваш подхода "Да, и...". Не се фокусирай върху това, което не работи от идеите на твоя съмишленик; фокусирай се върху нещата, които могат да проработят и всичко свързано с тях.

След като измислиш много идеи, ще трябва да решиш кои искаш да изпълниш. Приоритизирай тези, които те вълнуват най-много – отбележи ги със звездичка или ги премести в списък – а останалите изключи или ги запази за по-късно.

Една добра следваща стъпка е да създадеш прототип на хартия – твоята уеб страница, но на хартия. Това е скица на компонентите на твоята уеб страница, съставена от бележки за съдържанието и кутии за отделните елементи.

По-долу сме показали прототиш на SF киш, уеб приложение, което ще задоволи всичките ти потребности за намиране на киш:

Тъй като изработването на хартиен прототип не отнема много време, можеш да го направиш набързо и да не се придържаш прекалено много към първоналчания дизайн. Освен това можеш да направиш няколко прототипа за няколко страници в твоя сайт.

След като направиш прототип, можеш да го тестваш като потребител. Покажи прототипа на приятел, след това го попитай къде би кликнал първо или какво вижда най-напред. Попитай го за мнение.

След като приключиш с хартиените прототипи, можеш да ги превърнеш в схема. Схемата прилича на прототипа, но обикновено е дигитална и е по-точна. Една схема обикновено се състои от кутии, които представляват всяка част от страницата, плюс малки парченца текст и иконки. Например по-долу е дадена схемата за приложението SF киш:

Тази рамка е създадена с популярен онлайн инструмент за създаване на прототипи, наречен Balsamiq. Можеш да правиш рамки и с инструментите за форми в офис пакета — като Powerpoint/Keynote — или като използваш приложения за дизайн като Photoshop, Gimp или InDesign. Можеш да потърсиш и други инструменти онлайн. Когато решаваш какво да използваш, не забравяй, че много приложения за рамки са платени.

След като направиш своите рамки, можеш отново да тестваш. Някои инструменти позволяват други хора да оставят коментари. Има и инструменти като InvisionApp, които ти позволяват да създаваш интерактивни рамки, в които области, в които може да се кликне, отвеждат на нови екрани.