Автор: Jeff Nordstedt

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

Защо използваме wireframes?

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

Върху какво да се фокусирате, когато преглеждате wireframes?

Задайте си тези въпроси:

• - Ясни ли са аудиторията и целта на страницата?
• - Осигурява ли шаблонът всички нужни елементи, за да се предаде темата ефективно на съответния потребител? Липсва ли нещо?
• - Подходящи ли са относителният ред и размерите на елементите на страницата?
• - Въпреки че текстът във wireframe не е финален, когато не използваме Lorem Ipsum, целта е да зададем тон и обхват за крайното съдържание. Подходящи ли са тонът и обхватът за темата на страницата?
• - Включили ли сме достатъчно контроли за лесна навигация? Или сме претоварили потребителите с излишни елементи, които разсейват?

Върху какво НЕ трябва да се фокусирате?

• - Очевидно е, че цветове, типография и други графични елементи не са обект на внимание тук, за да не се разсейваме от структурата.
• - Както беше споменато, текстът не е финален, така че редактирането на конкретни пасажи не е продуктивно.

Колко е важно да се притеснявате за размерите и подредбата на елементите?

Това е малко tricky. Графичните дизайнери ще се съобразят с wireframes по отношение на размер и подредба, но ще си позволят и промени. Така че, ако нещо ви притеснява (или ви харесва особено много), споделете го. По-добре да се обсъди, отколкото да се предполага. Но не се изненадвайте, ако отговорът ни е: „ще го уточним на етапа на дизайн“.

Бележка за предположенията

Най-важното е, че wireframes са чудесен инструмент за разговор. Предпочитаме клиентите да задават всякакви въпроси и да изразяват притеснения още на този етап. Не се притеснявайте от абстракцията на wireframes. Не се страхувайте да зададете „глупав“ въпрос. И не приемайте, че нещо ще изглежда по друг начин, когато е „истинско“, само защото ви се струва очевидно. Wireframes са чудесна възможност да превърнем предположенията в яснота и съгласуваност.

Искате съвет за редизайн на уебсайта си или маркетинг кампания? Просто ни пишете на info@edesign.bg. Нашите експерти по уеб дизайн в Ню Джърси ще се радват да чуят вашите цели.