Критика за уеб дизайн # 4: Дизайн група на химна
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които са добре направени, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Anthem Design Group. Anthem е малка награда за творчески и интерактивен дизайн, разположена в Атланта, Джорджия, САЩ
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
химн
„Ние сме приятелска, трудолюбива група от креативни и технически хора със супер високи стандарти, които обичат да правят страхотни уебсайтове, приложения, игри и изкуство. Нашата работа е наградена, атрактивна и фино изработена. Обичаме да работим с всякакъв размер бизнес и се гордеем с нашата разнообразна и фантастична група клиенти. “
Ето началната страница на уебсайта им:
Това е доста силен дизайн с три основни колони плюс странична лента (така че основно четири колони). Голямото изображение отгоре представлява плъзгач на изображението с основен преход за избледняване.
Нека да разгледаме няколко неща, които са наистина приятни за този дизайн.
Лесна за навигация
Тук се случва много за една страница, но в по-голямата си част тя е изложена логично и е лесна за подреждане. Изглежда, че началната страница служи за хубав преглед на всичко, което ще намерите на сайта. Няколко страници, достъпни чрез навигацията, са представени тук на страницата с малко съдържание.
Всеки път, когато не знаете как да запълните началната страница на голям сайт, не забравяйте, че той често трябва да служи като врата към всичко останало. Вмъкването на визуализации с размер на хапки на останалата част от сайта тук позволява на потребителя бързо да се запознае с това, което предлагате, а също така ще помогне за процеса на намиране на конкретно съдържание.
Прекъсване на линиите
Този сайт има някои доста строги приспособления и устройства за ограничаване, които са добри за поддържане на всичко чисто и организирано. Виждаме обаче в долния колонтитул, че често е добре да вземете такъв дизайн и да го разчупите на няколко места.
Тук виждаме логото и информацията за контакт, поставени в поле, което нарушава настройките на суровите линии от разделението на футера и съдържанието. Бих искал да видя нещо в горната част на страницата и да вземете тази идея, за да облекчите твърдостта на дизайна.
Области за подобряване
Сега нека се потопим в критиката. По-долу са няколко въпроса, които аз лично смятам, че трябва да бъдат разгледани по отношение на дизайна.
Интерактивен?
Виждам думата „интерактивен“ на няколко места на страницата относно това, което прави Anthem, но освен плъзгача на изображението, сайтът просто не се чувства много интерактивен. Една от ключовите области, която мисля, че страда, са ефектите на връзката или липсата на такива.
В навигацията разликата в цвета на връзката в състоянията без ховър и ховър е малко прекалено фина и може би невъзможна за потребителите на цветни слепи дори да забележат такъв малък текст. Освен това, освен тези в страничната лента, почти всички останали връзки на страницата нямат абсолютно никакъв ефект на задържане. Ако курсорът на браузъра ви не се промени автоматично за връзки, потребителите вероятно дори не биха знаели, че има присъстващи на страницата.
Отново това е тясно свързано с понятието „интерактивен“. Добавянето на елементи, които се променят с взаимодействие в различни точки на цялата страница, ще направи сайта да се чувства много по-жив и активен. Тези елементи не трябва да крещят на вашите потребители, но те поне не трябва да бъдат скрити.
Добавяне на връзки
Заедно със същата вена, както и привличането на настоящите връзки към живота, мисля, че трябва да се добавят още няколко. Както казах преди, харесвам как съдържанието на началната страница и навигацията се свързват заедно. Например, в навигацията има връзка за услуги и раздел за услуги на страницата. Текстът, който казва „Услуги и възможности“ в секцията със съдържание, не е активиран като връзка към страницата „Услуги и възможности“.
Винаги се стремете да направите нещата нелепо лесно за вашите потребители. Ако видят заглавие, което съответства на мястото, на което искат да отидат, трябва да могат да щракнат върху него, за да отидат там, а не да ходят за правилната връзка.
разредка
На страницата има няколко места, които разделят съдържанието на три колони, всяка със собствена заглавка. Проблемът е, че заглавката и колоната са разположени толкова отдалечени един от друг, не е очевидно, че принадлежат заедно.
Препоръчвам да премахнете около половината от разстоянието тук, така че потребителите да могат незабавно да кажат, че тези две области трябва да бъдат интерпретирани като едно цяло.
Подравняване и преливане
Има две основни области, в които забелязвам проблеми с малки елементи, които не се подреждат правилно. Първият е в страничната лента. Емисия от Twitter тук изглежда прелива от полето за ограничаване.
Второто е легалното копие и навигационните връзки в долния колонтитул. Те всъщност не споделят никакво подравняване и изглежда просто плават произволно в пространството. Препоръчвам да им дадете едновременно силно подравняване вляво и може би да ги избутате близо до зоната на логото отляво.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
Интересувате ли да критикувате собствен сайт? Можете да разберете повече тук.
