Критика за уеб дизайн # 40: FanExtra
Добре дошли в нашата 40-та дизайнерска критика! Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е FanExtra, фантастичен ресурсен сайт за дизайнери.
Разгледайте елементи Envato
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 34 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За FanExtra
„Всичко започна с дълго лято преди две години и страст към дизайна. След като се насладих на някои от уроците за Photoshop, публикувани по това време, реших да напиша няколко свои. Създадох блог за целта (PSDFAN.com) и започнах да го използвам като мой творчески изход. Исках да предложа повече за нашата нарастваща общност и да мога да превърна PSDFAN в нещо по-голямо. Идеята за FanExtra скоро се роди! Мрежата FanExtra е място за дизайнери от цял свят да се съберат и да проучат техните идеи и креативност. Можете да се присъедините към дискусиите на нашите форуми или наистина да подобрите обучението си чрез нашата членска програма FanExtra. “
Ето екранна снимка на началната страница:
Първоначално впечатление
FanExtra е един от най-интересните случаи за дизайнерска критика, която досега сме имали. Причината за това е, че всъщност това е наистина привлекателна страница, но тази, която бих препоръчал, е почти напълно преосмислена.
Всеки раздел на страницата, от логото до миниатюрите, изглежда страхотно. Въпреки това, когато вземете страницата като цяло, има някои истински проблеми с потока на всеки раздел в допълнение към най-големия проблем, който е яснотата на комуникацията на основното съобщение.
Този проблем е доста често срещан и възниква поради много мръсна дума в уеб дизайна: предположение. Тук дизайнерът вероятно е близък до проекта и затова естествено има проблеми, когато посетителят може да не разбере какво се случва. Предположението е, че посетител, който намери тази страница, ще знае какво е „FanExtra“, което определено не е нещо, което трябва да се приеме тук.
Съобщението
Когато кацнете на уеб страница, инстинктивно анализирате заглавната област по същия начин, по който бихте анализирали таблото с менюта в ресторант за бързо хранене. Възможните въпроси включват: Къде съм? Колко струва? Какво ще ми дадат за парите си? Сервират ли продукти от кокс или Pepsi? Добре, може би последният въпрос не важи тук.
Моето мнение е, че когато погледнете заглавката на този сайт, не е адресирано адекватно всички тези важни въпроси:
Виждаме как се нарича сайта (FanExtra), заедно с голямо поле за някакъв вид регистрация. Това ще означава ли, че съм се регистрирал в мрежата? Така че това безплатна услуга ли е? Отдясно виждаме нещо, което намеква за „уроци“, което ни извежда на правилния път, последвано от думи като „текстури“ и „вектори“, които представляват доста специфичен жаргон.
Ако съм дизайнер, в този момент вероятно съм разбрал какво се случва до известна степен, но това наистина ли е целта тук? Трябва ли посетителят да намери улики и да ги използва, за да интерпретира какъв е сайтът?
Мистерията е разкрита
Когато стигнем до средата на уебсайта, загадката се разкрива:
Сега можем да видим, че FanExtra е "мрежа от страхотни сайтове за уроци", предлагащи членство за $ 9 на месец. Това е най-важният елемент на комуникация на страницата и въпреки това е прибран наполовина надолу по страницата. Това трябва да бъде първото нещо, което потребителят вижда.
Всъщност мисля, че това послание би могло да бъде още по-ясно. Фразата „страхотни сайтове за уроци“ все още е доста неясна, ако мислите за нея от външна гледна точка. Нещо като „страхотни уроци за творчески професионалисти“ наистина би отнело това твърдение много повече. Веднага сте завързали целевата си аудитория право на носа, така че когато открия тази страница, виждам приятен топъл поздрав, който ме информира, че този сайт е специално за хора като мен.
Визуален контраст срещу визуален затруднение
Друг проблем, който виждам при съобщенията, е как е структуриран от визуална гледна точка. Нека да разгледаме основната комуникация, каквато е в момента:
Тук виждаме стек от три реда, всеки използващ различен цветен текст и леки вариации на един и същ шрифт по отношение на дръзновеност и размер. Мога и съм написал цели статии за контраста в дизайна, но това, което се свежда до това, е най-добре казано в съвет от автора на дизайна Робин Уилямс, „не бъди хитър“ Това означава, че за да се използва контрастът ефективно, елементите наистина трябва да се открояват един от друг по голям начин, в противен случай резултатът е просто визуално претрупване.
Вижте как друга популярна програма за членство в дизайна, Think Vitamin, структурира основното послание на тяхната страница.
Тук виждаме огромен, надценен контраст между заглавието и подзаглавието. Резултатът е красива и ясна комуникация, която се чете перфектно. Хората, които разглеждат страницата, четат заглавието почти случайно и ако се интересуват допълнително, могат да отделят време да прочетат подзаглавието.
Характеристиките
Страницата завършва с масивен набор от точки от куршуми, минаващи надолу от лявата страна. Това е доста неудобно използване на пространството и създава неудобна празнина от дясната страна.
Бързото поправяне на това е просто да разбиете точките на куршума на два отделни стека:
Това в крайна сметка е помощ на лентата и мисля, че страницата всъщност може да използва някои големи операции. Ще разгледаме накратко това в следващия раздел.
Моите препоръки „Голяма картина“
Честно казано, не мисля, че непрекъснатата настройка на двойни колони работи за този сайт. Това е твърде твърдо и всъщност нарушава естествения поток на комуникация, а не го улеснява, което е целта на структурирано оформление.
Моята препоръка е да хвърлите изцяло това оформление. Първо, изкопайте твърдата структура с двойна колона. След това преместете основната комуникация в горната част на страницата. Направете голямо „чертато“ поле, което обхваща цялата ширина на страницата и подчертава част от съдържанието, което след това разбивате по-късно (140+ файла, 40 вектора и т.н.). Уверете се, че заглавието използва силен контраст, кристално ясно формулиране и насочване и най-много два цвята, които изглеждат чудесно заедно.
И накрая, след като сте създали тази страхотна област на заглавката, която перфектно ноктира какъв е сайта, за кого е предназначен и основите на това, което включва, тогава можете да се съсредоточите върху организирането на другата си информация отдолу, вероятно във формат с две или три колони.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
