Критика за уеб дизайн # 45: Оптимизирана кабелна компания
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Optimization-World.com, дом на оптимизираната кабелна компания.
Разгледайте дизайнерските ресурси
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме $ 49 за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За оптимизирана кабелна компания
Всеки кабел, продаден в оптимизирана кабелна компания, е гарантиран за цял живот. Ако вашият кабел някога се повреди, просто го върнете към нас за безпроблемна подмяна. Ние се гордеем с това, че предлагаме висококачествени кабели на много справедливи цени. Не плащайте прекалено много за кабелите си в универсалните магазини. Поръчайте от нас и се възползвайте от нашата специална безплатна доставка. Ние не ви правим никел. Цената, която виждате, е цената, която плащате.
Ето раздел от началната страница:
Първоначално впечатление
Тук има някои добри идеи, но като цяло дизайнът много добре отразява нещо, което би било доста често срещано преди десет години. Тенденциите в уеб дизайна са нещо, което заслужава внимание, когато сте решили да проектирате уебсайт. Не така можете да събирате идеите на другите, но така, че да гарантирате, че крайният ви продукт се чувства модерен и актуален.
Като дизайнери ни е твърде лесно да се забием в начина, по който подхождаме към проект. Отрицателният ефект от това е, че светът се променя, докато оставаме същите. Да имаш уебсайт, който се чувства остарял, е особено опасно за онлайн магазините, защото може пряко да се свърже с по-ниски продажби. Посетителите спират и изведнъж не са сигурни дали сайтът е безопасно място за харчене на пари. Това законна корпорация ли е, която ще защитава информацията за кредитната ми карта? Или сигурността на сайта им е остаряла? В този случай бих могъл да преминем към Best Buy, независимо от цената и качеството на продуктите, само защото сайтът се чувства по-сигурен.
Наистина е трудно да определим какво точно отличава модерен дизайн от остарял, така че днес ще се среснем и ще видим дали можем да идентифицираме кои аспекти влияят пряко върху впечатленията ни за периода.
удар с глава
Първото нещо, което привлича вниманието ни тук, е логото. Това е силно остъклен елемент, който се чувства като от ранния период на уеб 2.0. Блясъкът все още може да работи в много уеб дизайни, ако е направен правилно, но тук този конкретен елемент се чувства не на място. Почти нищо друго на страницата не отговаря на този вид и усещане, включително текстът на логото, който се чувства по-скоро като нещо от реколта на автомобил (повече объркване във времето).
След това преминаваме към жълтия градиент. Този цвят наистина нарушава схемата на останалата част от сайта. Маркетолозите харесват това, защото се откроява, но от гледна точка на дизайна, той просто се чувства нередно. Цветовете, които се допълват, могат да изпъкнат и да привлекат внимание, без да се сблъскват. Освен това, дори и без внимание за останалата част от сайта, жълтият градиент е друго нещо, което не отразява текущите тенденции.
За да видите какво имам предвид, нека сравним банера за доставка на сайта по-горе със същия елемент на уебсайта на Staples.
От това можем да научим много. Първо, оформлението е много по-просторно и просторно, всичко не е натъпкано толкова добре. Виждаме и някои силни леви подравнения на място, за разлика от сравнително слабите изравнения в центъра. Забележете, че ключът тук е фино. Има градиенти и дори текстура, създадена от тънки линии, и двете, които виждаме в оптимизирания уебсайт. На сайта Staples обаче тези елементи са много по-приглушени. И градиентите, и линиите лесно се пропускат, ако не обръщате внимание, което означава, че те добавят към естетиката, без да се разсейват.
Цветове и текстури
Докато се придвижваме надолу по сайта, можем да постигнем тази идея, че цветовете и текстурите играят голяма роля за впечатлението за период от време. На екрана по-долу виждаме това в игра заедно със силно използване на твърди ъгли с единични пикселни черни щрихи, граничещи с тях. Това създава бокс усещане, което ми напомня за някаква работа, която свърших за клиент веднъж в CMS, наречен Plone.
Отново, нека сравним това с някои от леченията, които виждаме в подобна зона на сайт на основен конкурент. Снимката по-долу показва страничната лента от началната страница на Radio Shack. Тази компания не е точно идеална картина на съвременните бизнес практики, но те се опитват да запазят сайта си изглежда свеж и подходящ.
Снимки и текст
Наред с графичните елементи на страницата, вие също трябва да гледате как структурирате обработката на изображенията си. Снимката по-долу наистина няма добра площ с плътен цвят, върху която да се постави текст, така че на текста беше предоставена неудобна обработка с призрачни сенки, която да му помогне да се открои.
Понякога имате снимка, която наистина няма да работи с текст. Вместо да се опитвате да свържете двете, когато просто не работи, помислете за алтернативен маршрут. Имаме цяла статия, посветена на Design with Photos, която споделя страхотни трикове за това как да комбинирате текст и фотография по атрактивен и четим начин.
Текст и лога
Последната част на тази страница, която искам да адресирам, е показана на изображението по-долу. Тук имаме цяла чаша лога, някои от които е несъмнено необходима, но определено не съм убеден, че всички те трябва да са там. Акредитацията от BBB е добра, но наистина ли трябва да знам, че сайтът използва американската пощенска служба? Доста се получава, че ако купувам продукт онлайн, той ще ми бъде доставен по някакъв начин и повечето от нас приемат пощенската служба на САЩ да означава „обикновена стара поща“.
Освен това логото на кредитната карта вероятно може да бъде преместено на страницата за плащане. Повечето потребители, които са достатъчно удобни за онлайн покупка, ще приемат, че вземате основни кредитни карти.
И накрая, следващото е огромен блок от единен текст. Няма заглавки, икони, диференцирано обработване на текст (освен линкове) или каквито и да било други трикове, използвани за разбирането и подобряването му. На пръв поглед дори не знам за какво е тази част от текста, така че защо да ми отнеме няколко минути, за да я прочета?
В уеб дизайна просто не можете да очаквате посетителите да се справят с парче чист текст като този. Един от сто посетители всъщност може да премине през първия параграф, но това е оптимистично. Това означава ли, че не можете да имате много текст на уеб страница? Абсолютно не. Просто трябва да се научите да го разделяте на смислени и управляеми парчета, които могат да бъдат прегледани бързо за подходяща информация.
Дизайнерите в MailChimp са звездни в това и винаги се позовавам на тяхната работа, когато обсъждам тази тема. Последните им решения за редизайн на сайта имат страница с функции, пълна с текст, но вижте как са се справили с него:
Силните заглавки, кратки текстови блокове и изображения, които намекват за съдържанието, се използват тук, за да направят цялото това съдържание лесно смилаемо.
Препоръки
За да пренеса този сайт през 2011 г., препоръчвам на дизайнерите да разгледат трудно и други уебсайтове, както в своята област, така и извън тях (нашата дизайнерска галерия е създадена точно за тази цел). Разгледайте повече какво отличава съвременните сайтове освен тенденциите и тактиките, наблюдавани в оптимизирания сайт.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
