
Простотата на уеб дизайна, възможна благодарение на телените рамки
По отношение на уеб дизайна, wireframing трансформира всичко. Въпреки че това е метод, който понякога се пренебрегва, той ще ви спести време, пари и бъдещи проблеми. Нека проучим причините, поради които wireframing е толкова важно и как може да помогне на вашия проект.
Представете си, че строите къща. Не бихте започнали с избор на завеси или цветове за боядисване, нали? Ще започнете с чертеж. Точно това прави wireframing за уеб дизайна. Това е планът, който поставя основата за всичко останало.
Фактът, че wireframing е толкова адаптивен , е сред най-добрите му характеристики. Трябва да преместите бутон? Преоразмеряване на текстово поле? Няма проблеми. Извършването на модификации на това ниво е много по-лесно, отколкото когато сте тясно ангажирани с конкретни проекти. Тази адаптивност ви позволява бързо да повтаряте и подобрявате оформлението си в зависимост от потребителските тестове или коментарите на клиентите.
Що се отнася до потребителското тестване, телените рамки пасват доста добре. Преди да положите усилия на визуалния дизайн, можете да създадете прост прототип и да научите много от реалните потребители. Тази ранна обратна връзка може да бъде златна мина, която ви помага да откриете и коригирате проблеми с използваемостта, преди да се превърнат в скъпи проблеми.

Source: Medium.com
Кога да започнете с Wireframing?
Сега може би се чудите кога да започнете wireframing в UX дизайна. Отговорът е: рано! Обикновено една от началните фази в процеса на проектиране, тя идва направо след целите на вашия проект и изискванията на потребителите. Започването на използването на телени рамки може да ви помогне да осигурите успех от самото начало.
Има няколко налични инструмента за изграждане на телени рамки. Можете да използвате Visio на Microsoft за цифрови телени рамки или да преминете към старата школа с химикал и хартия. Ако планирате потребителско тестване, помислете дали да не използвате инструменти като Axure RP или Omnigraffle (за потребители на Mac), за да създадете интерактивни HTML телени рамки.
Разбира се, wireframing има предимства и недостатъци точно като друг инструмент. Положителната страна е, че това е чудесен начин да накарате всички да са на една и съща страница в началото на проекта. Преди да започне каквато и да е упорита работа, дизайнерите, разработчиците и клиентите могат да проучат и говорят за оформлението. Това подравняване помага да се избегне разширяване на обхвата и по-късно недоразумения.
Телените рамки обаче не са перфектни. Някои клиенти може да се затруднят да си представят крайния резултат. Важно е да се съобщи, че телените рамки са свързани със структура, а не със стил. Друг потенциален проблем е напасването на съдържанието. Понякога действителното съдържание може да не се вписва добре в оформлението на телената рамка, което изисква известно напред-назад между дизайнери и копирайтъри.
Въпреки тези предизвикателства, wireframing има много повече предимства, отколкото недостатъци. Ранното време, прекарано в телени рамки, ще ви помогне да се настроите за по-безпроблемен процес на проектиране, доволни клиенти и накрая по-добър краен резултат. Така че следващия път, когато стартирате уеб проект, не забравяйте: започнете с плана. Бъдещото ви аз ще ви благодари.