Критика за уеб дизайн # 43: Коремни кореми по време на работа
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешната критика е Abdominals at Work, уебсайт за приложение на iPhone.
Разгледайте дизайнерските ресурси
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 34 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За приложението за корема на работното място
„Пасивен метод за изометрични контракции. Ако прекарвате много време пред компютър или телевизор, можете да използвате този метод за работа на коремните мускули, докато изпълнявате други задачи. Вие избирате времето и мястото, а приложението ще ви научи как да правите упражнението, като маркирате ритъма и интензивността си с вибрация или мелодия по дискретен начин. “
Ето екранна снимка на началната страница:
Първо впечатление
Първоначалните ми мисли на тази страница бяха доста положителни. Харесва ми цялостният вид на сайта и как той отблизо отразява този на приложението. Една сцена на облачно небе определено не ми предлага упражнения, но приложението е нещо като упражняване по релаксиращ начин, така че предполагам, че всичко е добре заедно.
Цветовете и графиките са доста приятелски настроени и създават приветлива среда. Любимият ми аспект е колко просто се запази цялостното съдържание: просто iPhone с някои екранни снимки, кратко описание, някои начини за споделяне и видна връзка към магазина на iTunes, където можете да разберете повече и да изтеглите приложението. Достатъчно е само да ви интересува, без да ви преуморява.
Въпреки че харесвам общата посока на приложението, както винаги, имам много предложения за подобрение. Нека разбием някои конкретни области, за да видим какви положителни промени могат да бъдат направени.
Звук
Всички, които някога са ни изпращали заявка за дизайнерска критика за сайт, съдържащ звук, получават същите съвети. Винаги предпочитам разработчиците на сайтове да дават на посетителите възможност да добавят звук първоначално, а не да го отнемат. Сърфирането в мрежата е типично тихо изживяване и внезапните силни шумове няма да направят посетителите ви нищо друго освен гневни.
Този сайт, разбира се, се справя много по-добре от повечето в тази област. Въпреки че звукът започва автоматично, това е поне доста спокойна и релаксираща океанска тема с птици и вълни. Можете също така да изключите звука, като щракнете върху изображението на щъркащата птица в долната част на страницата.
Имам няколко мисли за това. Първо, трябваше да превъртя, за да го намеря (макар че съм на малък екран на MacBook). Ако някой посещава вашия сайт на работното място, библиотека или друго обществено място, не искате да се налага да бърка, тъй като неудобно се опитва да намери начин да го изключи. Бихте си помислили, че потребителят просто ще натисне бутона им заглушаване, но по-често вероятно просто ще затвори прозореца възможно най-бързо.
Освен това определено мога да видя как птицата с музикални нотки, излизащи от нея, предполага контрол на звука, но носи злощастна прилика с връзка за птици в Twitter, както сега виждаме на почти всеки сайт в мрежата. Това прави не веднага очевидно, че птицата е контрола на звука, тъй като няма текст, който да подсили съобщението.
Простият съвет тук е, ако ще се придържате към автоматично възпроизвеждане на аудио, поставете контрола в горната част на страницата и ще стане по-ясно какво прави. Предлагам графика на чайката (птицата на Twitter не съвпада с темата за океана) и съобщение „звук включване / изключване“ в близост до птицата. Освен това, спрете анимацията на музикалните ноти да спре, когато сайтът е заглушен, и започнете, когато звукът е включен, а не просто продължава през цялото време.
Анимация
В допълнение към звука, на страницата има няколко плаващи облака, които се носят както пред, така и зад съдържанието. Това добавя малко забавление към страницата и е по-интересно от статичната графика.
В по-голямата си част облаците не затрудняват използваемостта, но понякога пречат на четенето на текста. Също така, както при всяка циклична анимация, те могат да станат малко монотонни, ако прекарате толкова време, колкото аз гледам в сайта! Една солидна идея, която видяхме в нашата ToonyTuts Critique, беше проста система за управление с две икони за спиране на музиката и / или анимираните облаци. Темата на сайта беше много подобна на днешния сайт, така че мисля, че подобен контрол би работил идеално тук.
Съобщения и текст
Мисля, че сайтът върши добра работа, като прави ясно, че обсъждаме упражнения за корем. Въпреки това, може да е малко от техническата страна за такава забавно изглеждаща страница. Помислете за основното заглавие „Пасивен метод за изометрично свиване.“ Приятен е и възвишен, но всъщност няма приятелски звънец, нали?
Не е нужно да изхвърляте това съобщение, но може би помислете да го включите в абзаца в полза на по-интересно заглавие от типа „Създайте шест пакета, докато гледате телевизия!“ Това в никакъв случай не е най-добрият пример, но става в основата на моето предложение. Заглавие като това ви привлича и ви кара да искате да научите повече, а не да ви изключват, защото се чувствате глупави и не разполагате с тезаурус под ръка.
Може би най-големият проблем, който имам с цялата страница, е жълтият текст на синия фон. Тези два цвята се сблъскват голямо време на малкия текст и правят тази информация много трудна за четене.
Проблемът е класическият конфликт срещу допълнение в теорията на цветовете. Когато два цвята просто не са достатъчно различни, те са склонни да конфликтират помежду си, особено когато единият е поставен върху върха на другия. Разгледайте примера по-долу и колко по-четим е по-лекият, по-малко наситен жълт текст от версията, която го предхожда.
Сега осъзнавам, че това всъщност са цветовете от приложението ви, така че не е логично да ги промените на сайта. Ето защо моето предложение е просто да бракувате жълтия акцент върху текста и да използвате нещо друго, удебелен текст, подчертаване и т.н., което не пречи на четенето.
iPhone
Графиката на iPhone със слайдшоуто е изключително популярна за уебсайтове на приложения за iPhone и то с добра причина. Това прави веднага ясно за какво става въпрос в сайта. Смятам обаче, че това би могло да се усъвършенства малко.
За начало малките точки, които служат за навигация в слайдшоу, имат въртящ се кръг за зареждане до тях. Тази малка анимация никога не спира, така че за каква цел служи? Когато видя, че се върти, това предполага, че страницата не е приключила да се зарежда (бяхме научени, че това означава това графично изображение) и когато никога не завършва да се зарежда, прави усещането, че вашият сайт е счупен. Долната линия, тази графика е разсейваща, объркваща и не изпълнява практическа цел, премахнете я.
Освен това, като малка досада, момъкът на Apple в мен не може да не забележи, че изображението на iPhone е остаряло. IPhone 5 е близо до нас и този сайт все още няма графика на iPhone 4. Знам, че е нелепо да се налага да продължавате с това, но тъй като сайтът всъщност е за приложение за iPhone, това може да бъде важно. Наличието на остарели изображения кара самото приложение да се чувства старо и остаряло, което ме кара да се замисля преди да го купя!
навигация
Последната мисъл за сайта е, че навигацията наистина изглежда като замислена. Той съдържа връзки, които променят текстовото съдържание на страницата с информация, свързана с посетителите, но по някаква причина е мъничък и скрит начин надолу в долния колонтитул.
Ако това наистина беше нещо незначително, нямах нищо против, но всъщност изглежда по-важно, отколкото дизайнерът му даде заслуга. Простото решение е да го хвърлите на типичното място в самия връх на страницата и да увеличите малко текста.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
