Критика за уеб дизайн № 11: Скот Блок
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които са добре направени, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е личното портфолио на Скот Блок, уеб дизайнер от Мериленд.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За Скот
„Аз живея в Колумбия Мериленд, само на кратко пътуване от Балтимор и столицата на нацията. Когато бях на дванадесет години, съчетах страстта си към Балтимор Гарванс с нарастващия си интерес към технологиите и започнах да правя сайтове за гарваните. Оттогава усърдно усъвършенствах уменията си и сега правя уебсайтове за различни лица и организации. Вече съм специалист в комбинирането на html с css, javascript, php и ajax, за да създавам красиви, функционални уебсайтове. "
Ето началната страница на сайта:
Въпреки че тук определено има някакъв потенциал, има много неща, които бих поправил на тази страница. Нека ги разгледаме един по един.
Цветова схема
Цветовете, използвани на сайта на Скот, създават доста приятна палитра, когато се отделят индивидуално, както се вижда по-долу.
Обаче не съм луд по разпределението на цветовете. Изглежда, че са изпълнени на случаен принцип в петна на страницата просто в името на вариация, вместо да се прилагат с цел и логика. Помислете за всеки избор на цвят, който правите и как той се обвързва с останалото съдържание на страницата.
Logo
Позицията му в горната лява част на сайта прави това лого първото нещо, което потребителите виждат, когато посещават сцената. Искате да използвате тази възможност, за да направите силно първо впечатление. За съжаление, усещам, че това лого се изчерпва.
Виждам как блоковите форми се обработват върху буквите, вероятно се връзват с фамилното име на дизайнера, но просто не работи. SB има доста лоша четимост и се чувства малко датиран.
Навигация и заглавка като цяло
Навигационната зона е доста проста, просто малко текст с хоризонтални разделители и подчертаване, за да посочи текущата страница. Аз съм за това, че навигацията е проста, така че смятам, че тази област е добре направена.
Когато задържите курсора на мишката върху връзката в навигацията, се появява икона под логото на Scott Block. Това е чист ефект, който никога не съм виждал изпълнен по този начин (с ефекта на задържане толкова далеч от връзката).
Когато вземете в заглавната област като цяло, има няколко забележителни проблема, които биха могли да използват адресирането. Както казах по-горе, ефектът на задържане на иконата е чист, но създава някои проблеми. Когато не задържате курсора на мишката върху връзка в навигацията, има голямо празно място до копието на заглавката, което ви кара да се чудите защо не е подравнено с нищо.
Възможен начин да помогнете за това е да приложите икона към състоянието по подразбиране, което се променя на друга икона, когато задържите курсора върху връзка и се върне към оригиналната икона, когато курсорът приключи. За съжаление, когато ефектът на задържане на иконата е налице, логото и иконата създават неудобен вертикален стек.
Като цяло отрицателното пространство в тази област може да използва цялостно преструктуриране. Отвъд проблема с липсващата икона, основното лого просто заема твърде много вертикално пространство и създава странни пропуски.
Представена зона
Харесвам повторение в дизайн и виждам как ъглите в този раздел отразяват този на логото, но тъй като всъщност не работи в логото, същото важи и тук. Наклоненият характер на заглавията се усеща малко странно, както и моделът на кръстосания кръст, създаден от цветовете тук.
Подсъзнателно мозъкът ви иска да свърже двата елемента, които са един и същи цвят, но тук двете области не са свързани.
Освен това, в тази област има редица ефекти на задържане, които нямат никаква цел. Когато задържите курсора на мишката върху секция, се създава капка сянка. Мрежата ни е научила да разпознаваме подобна дейност като индикация, че това, което надвисваме, е област с възможност за кликване. Тези области обаче не могат да се кликват и предизвикват усещането им като че ли създават само объркване за потребителя.
Footer
Th footer е доста прост, но отново виждаме, че би могъл да използва доста малко усъвършенстване.
На първо място, бутонът е на неудобно място. Когато проектирате, винаги внимавайте само да залепите неща в дупки, само защото имате място. Силното ляво подравняване е установено тук от текста, но след това разрушено от поставянето на бутона.
Освен това, анимацията с натискане на бутон е малко прекалено. Тук се използва спрайт за изображение и между двете състояния на бутони има анимация, при която можете да видите как една част от изображението се изплъзва навън, докато другата се плъзга вътре. Не е лесно да разберете какво се случва в началото и следователно е малко смущаващо.
Общи препоръки
По-горе представих доста сурови критики и чувствам, че би било най-добре да се опитаме да го обвържем заедно. Ето моите предложения:
За начало преработете логото на нещо по-модерно и хоризонтално. След това установете твърдо ляво подравняване до края на страницата. Подредете навигационната зона и блока за копиране под нея в лявата част на страницата и може би преместете новото лого надясно.
Варирайте размера на текста на страницата, за да създадете ясни заглавия и поддържащо копие. В момента всичко е много голямо. Запомнете: когато правите всичко специално, нищо не е особено.
Изхвърлете текущите фигури в секцията с включени предложения и гигантския обозначен списък (включете услугите си някъде другаде). Създайте единичен визуализиран голям преглед на проекта, който се простира по цялата територия на съдържанието.
Накрая преработете долния колонтитул, така че лявото подравняване по-горе да бъде изпълнено. С други думи, извадете този бутон от десния ъгъл.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
Интересувате ли да критикувате собствен сайт? Можете да разберете повече тук.
