Критика за уеб дизайн # 29: MadeFreshly
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е MadeFreshly.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
Относно MadeFreshly
„Количка с вкус. Тенденциите се променят, както и вашият онлайн магазин. MadeFreshly ви предлага свеж дизайн за вашата количка. "
Ето екранна снимка на началната страница:
Първо впечатление
Веднага от бухалката мога да кажа, че наистина харесвам дизайна на MadeFreshly. Тук има няколко готини дизайнерски идеи и странности, за които ще говорим по-долу. Определено имам няколко предложения за подобрение, но в по-голямата си част това е страхотно изглеждащ сайт, създаден от много талантливи дизайнери.
Най-голямата ми преценка вероятно е от концептуална гледна точка. Това определено е субективна критика, така че не се колебайте да я пренебрегнете напълно, но ми е странно, че визуализациите на сайта противоречат на метафората, поставена от името на сайта. „MadeFreshly“ би могло да предполага редица неща: Храна като цяло, печени изделия, горещи от фурната (това е мястото, на което мисля), нещо, вдъхновено от природата, или дори нещо ново и лъскаво.
Дизайнерът обаче е избрал лек гръндж поглед за сайта. Фонът е състарена текстура, а заглавията също са приложени към тях. Отново, това прави страхотна изглеждаща страница, но тя противоречи на концепцията за „Fresh“.
Съдържанието винаги трябва да предхожда и да определя дизайна. Проектирането около или най-малкото не в противоречие с името и предварително установената метафора за даден сайт помага на всичко да се свърже и просто да се почувства „правилно“.
Като пример, вижте много подобна ситуация в сайта „Formee“, който предоставя „прясно изпечени форми“. Визуалният е приятелски настроен готвач, който подсилва линията.
Не копирайте тази идея, но може да помислите как можете да обвържете в концепцията за „пресни“ с визуалните изображения на страницата.
Логото
Мисля, че логото на MadeFreshly е страхотно. Шрифтът е доста атрактивен, като все още се чувства уникален, а спретнатият сгънат ефект на стикера придава усещане за дълбочина на сайта. Чудесна работа!
Заглавката
Заглавката е приятна и проста с обикновена текстова навигация и лесно забележим раздел за вход. Въпреки това, спрете и погледнете тази област в пълен размер и ще видите, че има само много място, плаващо над това лого.
Нямам нищо против бялото пространство и дори насърчавам дизайнерите да го използват доста либерално, но голяма празна зона е ужасно неудобен начин да започнете от сайта. Решението тук е мъртво просто, просто намалете пространството с около половината и то трябва да изглежда страхотно. Все още ще запазите много място, само не толкова, че да го разсейва.
Друг проблем, който виждам тук, е, че логото е в странно хоризонтално положение. Съдържанието от дясната страна на страницата всички линии се подреждат вдясно, като предлагат не центрирано, а обосновано оформление. Въпреки това логото не се подравнява със съдържанието вляво, нито е центрирано върху елемента под него (друга обоснована позиция). Вместо това неловко плава вдясно от ляво и отляво от изравняване в центъра.
Простата поправка тук е да вкарате логото отляво, така че да се подрежда със съдържанието под него. Вече е почти там и просто има нужда от още един добър удар.
Препоръчаният раздел
Разделът под заглавката, който аз произволно наричам „включен раздел“, е частта от страницата, която наистина привлича вниманието ви. Той има по-голяма визуална тежест от съдържанието около него, така че се чувства по-важен и очите ви са почти веднага привлечени към него (всички хубави неща).
Бутонът „създай магазин сега“ е приятен и ярък и служи като силен призив за действие. След като видите бутона, ако имате друг поглед наоколо, очите ви се привличат обратно към него със стрелката, приятно докосване, което привлича още повече внимание към един от най-важните елементи на цялата страница. Може да помислите за добавяне на ефект на задържане към бутона просто като малко усилване на UX, но в противен случай това е солиден дизайн.
Единственото ми затруднение тук е текстът на заглавието. От една страна, тя е привлекателна и носи приятно повторение на текста, използван в логото. От друга страна, просто не е бързо четене, просто поради сложността на шрифта.
Това е една от онези ситуации, в които естетиката и четимостта са противоречиви. Ако промените шрифта тук, аз твърдо вярвам, че сайтът би бил по-малко привлекателен за него, но може да удвоите броя на потребителите, които всъщност четат заглавието.
Може да помислите да експериментирате с оставяне на една дума от заглавието в скрипта и преобразуване на останалото в нещо малко по-четимо. Така например „пазарска количка с“ може да бъде по-малка и с обикновен шрифт sans-serif, докато „вкус“ може да бъде подчертан както чрез по-голям размер, така и чрез използване на скрипта.
В крайна сметка е приемливо как е в момента и това са само предложения, които трябва да се вземат предвид. Би било чудесно да извършите някои тестове на AB върху този елемент, за да проверите дали увеличаването му може да има измерим ефект върху преобразуванията. Ако не, тогава определено пазете сценария.
Раздел Три нагоре
В долната част на страницата са изобразени три скрийншота с думите свеж, лесен и ефективен. Това е закачливо и запомнящо се и разделът изглежда страхотно. Обичам, че текстурата на фона завършва и миниатюрните рамки се припокриват в новата област. Отново дизайнерът добавя малко повече дълбочина в дизайна си, за да се почувства толкова по-истински и разнообразен.
Всички смели абзаци
Обикновено ние се придържаме към началната страница за дизайнерски критики, но този път разгледах малко на другите страници. Едно нещо, което според мен си струва да се отбележи, е текстът на абзаца на страницата „Обиколка“.
Решението да се направят абзаците всички смели просто не се получава. Буквите изглеждат сякаш са натъпкани една срещу друга и са доста трудни за четене. Освен това, чрез удебеляване на копието на тялото намалявате въздействието на удебелен заглав (контрастът е ключов). Бих препоръчал да придадете на този текст същата стилистика като не-удебеления текст под трите миниатюри на началната страница.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
