Критика за уеб дизайн # 71: Най-слабата лапа
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Cutest Paw, световна фотогалерия с животни. Нека скочим и да видим какво мислим!
Разгледайте елементи Envato
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме $ 49 за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За най-слабата лапа
Този сайт определено взема наградата за най-„awwww”, предизвикваща критика на сайта досега. Този сайт е буквално нищо друго, освен безкраен поток от снимки на сладки и забавни животни. Как можем да понасяме да гледаме на такова нещо и все пак да можем да предложим конструктивна обратна връзка, без да се разсейваме от спящите кученца? За щастие, ние сме 100% посветени на това да помагаме на творците да подобрят своя избор за уеб дизайн. Стойте назад кученца, имаме работа за вършене.
Ето екранна снимка на началната страница:
Първо впечатление
Всеки път, когато оценявам дизайн, аз надхвърлям естетиката и питам каква е целта на парчето и дали завършеният дизайн отговаря или не на тази цел. Целта тук за потребителя е проста: да видите много и много снимки. Сайтът Cutest Paw изглежда сякаш доста добре изпълнява целта си. Оформлението е оптимизирано за максимално използване на пространството и не губи твърде много пиксели върху некритични излишни бонбони за очи.
Подобно на миналата седмица по отношение на дизайнерската критика, и тази ще бъде доста кратка. Уебсайтът на Cutest Paw е много прост, така че няма много за критика. Въпреки това, както винаги, имам някои отзиви, които вярвам, че ще помогнат на дизайнера да подобри сайта. Нека скочим и да започнем.
оформление
Този сайт е отличен пример за полезността на jQuery Masonry, страхотен плъгин за оформление, който наистина прави невъзможните оформления в противен случай лесно. Красотата на Masonry е, че тя пропуска поведението на CSS, което създава хоризонтално оформление, преди да разпространява съдържанието вертикално. Вместо това създава хубав, стегнат вертикален стек, подобен на това как са положени тухли.
Резултатът в този случай е невероятно стегната решетка от изображения, която, както споменах по-горе, наистина увеличава максимално броя на снимките, които могат да се видят в малко пространство. Сайтът също използва безкрайна техника на превъртане, която продължава да зарежда съдържание, докато се движите надолу по страницата.
Комбинацията от оформления в стил зидария и безкрайно превъртане наскоро стана доста популярна от Pinterest, за което не можете да не се замислите, когато използвате този сайт. Комбинацията от тези две техники създава безпрецедентна лекота на сърфиране. За сравнение, създаването на страници изисква толкова много усилия от страна на потребителя. Тук просто превъртате и превъртате, докато или не сте видяли всичко, което има, за да видите, или решите да преминете към нещо друго.
Sidebar
Тъй като съдържанието продължава да се превърта завинаги, става необходимо да има малко фиксирана навигация. Pinterest използва лента в горната част на сайта им, Cutest Paw върви по свой собствен път и прилага изоставаща странична лента, която бързо наваксва, докато се движите надолу по страницата. Това е доста ефективно, но трябва да призная, че анимацията, която е малко очарователна в началото, бързо се разсейва и донякъде досажда.
Страничната лента е добре проектирана и ясно организирана, от гледна точка на използваемостта (анимация встрани) е доста добре направена. Хубаво е да видите бутон „Назад в началото“, реализиран тук, веднага щом започнах да превъртате, веднага потърсих едно от тях и лесно го намерих. Въпреки това, той може да бъде по-ефективен, тъй като някакъв вид напускане в горната или долната част на дясната страна на стека за снимки, това би го поставило там, където е вероятно вниманието на потребителя да е съсредоточено и да намали нуждата от търсене на него.
тема
Цялостната естетика на страницата си струва да бъде обсъдена, всъщност това може да е една от най-важните точки, които трябва да се разгледат. От една страна, страницата е привлекателна. Черният фон е елегантен, стилен и помага на снимките наистина да се открояват. От друга страна, фонът и дори прилагателните прилагания, които току-що използвах, изглеждат грешни за този уебсайт.
Думи като „сладък“ и „размит“ са как хората биха описали съдържанието и въпреки това визуалната тема на сайта е черна текстура на гранж. Тези две концепции изглеждат като полярни противоположности и създават своеобразен визуален дисонанс. Както вече казах, аз съм голям привърженик на използването на дизайна не просто като бонбони за очи, а за да подсиля целта и посланието. Дизайнът на вашата страница предава личност и когато я объркате, тя намалява въздействието и успеха на проекта. Съпоставянето на концепции в този дизайн много прилича на това да видите 300-килограмов мотоциклет, покрит с татуировка, байкър, който преподава предучилищен клас, двамата просто изглеждат противоречиви помежду си.
Дизайнерът е заковал оформлението, което е честно често най-трудната част на сайт като този. Сега е време напълно да преосмислите външния вид на сайта, като същевременно запазите основната структура. Започнете с по-приятелска цветова схема и / или използвайте много по-малко остра текстура. Може би нещо, което предава меко усещане (без да е грозно и нахално). Вижте фините модели за някои страхотни ресурси.
Logo
Логото е показано на предишния екран. Очевидно е много подходящ за сайта, лапата е незабавно свързан символ. Като лого обаче има основен недостатък във факта, че е толкова общо. Това е кръг с лапа в него, може би първото нещо, от което 99 от 100 не-дизайнери ще излязат с дадена инструкция за създаване на лого на лапата.
Проблемът с това е, че всъщност не можете да го притежавате. Ако изглеждате достатъчно твърди, вероятно бихте могли да намерите нещо подобно за много фирми и уебсайтове. Може да не се стремите да изградите глобален бранд, но цялата идея на логото е все пак да имате нещо, което придава лице на вашата марка (колкото и да е малко) и да я прави разпознаваема. Това не е високо в списъка с приоритети, но в дългосрочен план препоръчвам да проучите нещо малко по-уникално.
Изпращане на страница
Както споменах в началото на тази статия, този сайт е доста прост, така че ще го приключим скоро. Последното нещо, което бих искал да обсъдя, е страницата, на която потребителите могат да отидат да изпратят свои собствени снимки:
Проблемът, който имам с тази страница, е видът на възбуждащия ефект, който се случва. Имате екранна снимка на уеб страница, хвърлена в уеб страница, която изглежда много подобна. Той е наклонен, така че се откроява малко, но все пак е неспокойно съчетание. Проблемът тук е, че фонът на страницата и картината по същество са еднакви, така че изображението всъщност не се разделя по някакъв значим начин. Препоръчвам може би да погледнете в ефект на удара и да изрежете тази картинна решетка при още по-мащабиран изглед. Като лесен изход тук можете просто да поставите голямо, сладко животно, което по някакъв начин предава идеята за споделяне, качване и т.н.
заключение
В заключение, ето един бърз списък на моите мисли за дизайна.
добре
- Оформление: това е перфектна употреба за jQuery Masonry
- Безкрайно превъртане: прави браузването без усилие
- Проста, но ефективна навигация
Нужди работят
- Обща естетика: прекалено тъмна и груба
- Лого: твърде общо
- Страница за регистрация: екранната снимка не работи
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
