Преди визуалния дизайн трябва да е ясно какво посетителят търси, къде ще го намери и какво може да направи след това. Структурата, съдържанието и потребителският път дават основа за интерфейса. Цветовете и шрифтовете могат да подкрепят тази основа, но не могат да заменят липсващ отговор или неясно действие.
Не е нужно да завършите всеки текст, преди да започнете дизайн. Нужно е да знаете задачата на основните страници, каква информация ще съдържат и кои важни материали още липсват.
Започнете с информацията, която човекът трябва да намери
Съберете наличното съдържание и го прегледайте през въпросите на посетителя. За услуга това може да са: за кого е, какво включва, как протича работата и как се започва. За продукт - характеристики, варианти, условия и начин за поръчка или запитване.
Отбележете кое е актуално, кое се повтаря и кое трябва да се подготви. Дълъг текст за историята на фирмата не запълва липсващото обяснение на услуга. Снимка с подходящо настроение не заменя изображение, по което клиентът може да прецени продукта.
За важните липси посочете кой предоставя информацията и кой я одобрява. Ако съдържанието още е неизвестно, покажете го като отворен въпрос в проекта. Не одобрявайте екран само защото временният текст изглежда добре в него.
Подредете страниците около задачите на посетителя
Групирайте близките теми и изберете разбираеми имена. Вътрешното име на отдел или продуктова група може да е удобно за екипа, но проверете дали говори достатъчно на клиента. Навигацията трябва да му помага да избере, без да познава организацията ви предварително.
Не всяка тема изисква отделна страница и не всяка страница трябва да е в главното меню. Уточнете кои са основните входове към съдържанието и как подробностите се достигат от тях.
В магазина на RAD-GEAR продуктовата структура, категориите и навигацията са част от работата заедно с визуалните материали. Разглеждането на различни типове оборудване е конкретна задача, около която се подрежда каталогът.
За всяка основна страница запишете какъв въпрос решава и накъде води. Така схема на сайта се превръща в логика на използване, вместо да остане списък с имена.
Изберете един важен път и го проследете
Нека примерният посетител търси услуга и отвори директно нейната страница. Може да идва от търсене или споделен линк, без да е виждал началната страница. Трябва да разбере къде е, дали услугата е подходяща и как да продължи.
Проследете нужните решения: прочита условията, разглежда пример за работа, отваря формата, попълва я и вижда потвърждение. Проверете дали на всяка стъпка има достатъчно информация. Ако трябва да се върне назад само за да открие важно условие, има какво да се уточни в структурата.
Пътят не трябва насила да завършва с форма. За друг сайт полезният резултат може да бъде изтегляне на документ, телефонен разговор или намиране на конкретна характеристика. Проектирайте за избраната задача.
Дайте ясна посока и когато човекът не е готов
Не всеки посетител може веднага да вземе решение. Осигурете смислена следваща стъпка: повече подробности, свързан проект или обяснение на условията. Тя трябва да отговаря на въпроса му, а не просто да го изпраща към още страници.
Предвидете и проблемните състояния. Какво вижда при празен резултат от търсене или грешно попълнено поле? Как разбира дали действието е приключило? Тези текстове и състояния са част от използването на интерфейса.
Проверете логиката преди детайлната визия
Използвайте проста схема на страниците и wireframe - грубо подреждане на съдържанието и действията. При нужда направете кликаем прототип на основния път. Целта на този етап е да се види дали човекът се ориентира, а не да се одобри окончателният стил.
Дайте конкретна задача на човек, който не е подреждал екраните: например да намери условията за услуга и да изпрати подходящо запитване. Наблюдавайте къде се колебае и какво разбира от имената на страниците и бутоните. Не водете разговора само с „Харесва ли ти?“.
Прототипът е помощ за решенията, не доказателство, че готовият сайт вече работи. Формите, достъпността и техническото поведение трябва да се проверят и след реализацията.
Обмислете телефона още при подреждането
Проверете кое трябва да остане видимо, когато пространството е ограничено. Важните условия и действия не бива да зависят от широк екран. Дълги менюта, сравнения и форми изискват отделна преценка как ще се използват на телефон.
Не се свеждайте само до това дали блоковете се събират един под друг. Прегледайте дали човекът може да открие нужната информация, да отвори навигацията и да завърши основното действие. Това дава конкретни задачи на дизайна и разработката.
Кога има достатъчна основа за визуален дизайн?
Когато е ясна задачата на основните страници, информацията е подредена, важните действия са проследени и липсите имат отговорник. Не е нужно всички детайли да са окончателни. Част от решенията ще се уточняват с дизайна и разработката.
Но ако още не знаете какво човекът трябва да разбере или направи, не одобрявайте визията като завършено решение. Върнете се към този въпрос. Така визуалният дизайн получава ясна работа: да направи съдържанието, ориентацията и действията разбираеми като едно цяло.
