Критика за уеб дизайн # 54: BDQWorks
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е BDQWorks компания за проектиране и разработване на теми за Drupal / WordPress.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 34 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За BDQWorks
BDQWorks е малко студио за уеб дизайн и програмиране на Джейсън Саехо Лий от Торонто, Онтарио, Канада. BDQWorks работи основно за среден бизнес от Канада като Kudos Home & Design и няколко YouTube усещания като Clara C.
Ето екранна снимка на началната страница:
Първоначално впечатление
BDW Works е дизайнерска агенция, така че би ме поставила в неловко положение, ако смятам, че сайтът им е грозен, за щастие не го правя. Определено има няколко неща, от които не съм особено развълнуван, но повечето от тях се свеждат до начин на предпочитание.
Като цяло сайтът е използваем и проектиран много добре, подобно на работата, която BDQWorks излага ежедневно. Нека разбием някои от отделните парчета, за да видим какво намираме.
Навигационно меню
Ако следвате тези критики седмично, знаете, че едно от първите неща, които винаги проверявам в даден сайт, е менюто за навигация. Това е ключовият компонент за потребителите да стигнат до мястото, където искат да отидат и аз съм твърдо вярващ, че този елемент трябва да бъде на място, за да се обади на уебсайт успешно.
Менюто BDQWorks всъщност е доста уникално и наистина има различна структура, отколкото съм виждал в други сайтове. Ето визуализация:
Както можете да видите, падащите менюта не съдържат само списък с връзки, но и малко фрагмент от информация. Това всъщност е доста приятно и ви дава глава какво можете да очаквате, ако следвате този конкретен линк.
Недостатъкът на това е, че се чувства толкова различно, че ми отне секунда, за да осъзная какво се случва, особено след като различните падащи менюта превключват подравняванията върху вас, като не оставяте да знаете какво точно да очаквате, когато задържите курсора върху следващата опция.
За да предотвратя тази промяна на бурката, бих препоръчал да предоставите на всички падащи панели едно и също подравняване, така че списъкът с връзки и описанието никога да не се разменят страни. Освен това можете да помислите за промяна на ефекта на задържане на действителна цветова лента зад текста, така че да е по-очевидно от текста, просто променящ цвета. С голямото меню, пълно с съдържание, това ще помогне на потребителя да насочи какви опции трябва да кликне.
Илюстрации
Персонализираната тема на сайта изглежда са тези малко илюстрирани хора, които се появяват на различни места. Те са умишлено грубо очертани и осигуряват дружелюбно, антропоморфно докосване до сайта.
За да бъда честен, не съм луд по илюстративния стил. Това в крайна сметка се свежда до начин на предпочитание, но мисля, че те всъщност служат за разрушаване на цялостната естетика на сайта.
Клиентската снимка, която замества тези знаци след няколко секунди на преглед на сайта, е далеч по-ангажираща и привлекателна. Той поддава на идеята, че създавате висококачествена работа, а не противодействате на тази представа, както илюстрациите.
Вторична навигация
На около половината път надолу в страницата има хоризонтален ред изображения и връзки, които ще наричам вторичната навигация. Всяка от тях изобразява услуга, която BDQWorks предлага и показва изображение на десктоп, приятен за Mac.
В самия край на това обаче има малка кутия, която просто казва "Теми". И двамата харесвам и не харесвам това докосване. Това, което ми харесва, е идеята и намерението, стоящо зад нея. Искате да обърнете специално внимание на тази област, така че я направихте да изглежда по-различно от останалите. Той разбива темата за снимките, равномерния размер, който се установява от останалите и избора на шрифт.
Проблемът е, че нарушава външния вид на останалите, без да го допълва. По същия начин, по който два цвята могат да се конфликтират или да се допълват, два визуални обекта могат или да се сблъскат, или да намерят хармония. Тази последна малка кутия наистина изглежда не на място, почти сякаш съвсем различен дизайнер я е забил като замислена.
Моята препоръка е да се преосмисли тази област. Първо разделете зоната на пет кутии с еднакъв размер. След това поставете полето "Теми" в средата. Ако искате да му обърнете внимание, това е добро място. И накрая, използвайте цвят и размер на шрифта само за да го разграничите. Мисля, че една черна кутия би контрастирала добре с останалите, без да е неудобна. Може би бихте могли да останете с темата на iMac (залепете логата на екрана на iMac) и шрифтовете, използвани на друго място, макар и леко големи или по-смели.
Солидни съобщения
Едно място, където мисля, че BDQ наистина върши чудесна работа, е обработката на комуникацията на страницата. Навсякъде, където гледам, ми се припомня, че това е фирма за уеб дизайн, специализирана в Drupal и WordPress. Просто не можете да го пропуснете! Това е чудесно нещо за посетителите за първи път, тъй като веднага става ясно целта на сайта и идентичността на компанията.
Както можете да видите от изображението по-горе, едно от първите неща, които виждате на страницата, е описание на коя е компанията и списък на услугите, които предлагат.
Тази концепция е взета още повече от въвеждащото видео в лявата част на началната страница, което ви представя BDQWorks, показва част от тяхната работа и съдържа реални интервюта с клиенти, подписващи похвалите на компанията. Този видеоклип е много добре продуциран и наистина ми вдъхва увереност, че това е първокласна, професионална компания и че мога да съм уверен както в качеството на работа, която произвеждат, така и в обслужването на клиентите, което ще предоставят.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.