Начална » UI / UX » Flat 2.0 & Как се решават проблемите с ползваемостта на плоския дизайн

    Flat 2.0 & Как се решават проблемите с ползваемостта на плоския дизайн

    Плоският дизайн съществува от 50-те години на миналия век, когато беше разработен Международният типографски стил. В последно време тя придоби широка популярност от стартирането на новия Microsoft Дизайнът на метрото, фокусиран върху геометрията и типографията първоначално в новия Windows Phone през 2010 г., след това в Windows 8 през 2012 г..

    Плосък дизайн се характеризира с липса на триизмерни ефекти и лъскави визуални елементи за постигане чистота, минимализъм, и яснота. Противопоставя се на предишния стил на дизайн, skeuomorphism, който използва лъскави бутони и илюстрации, имитиращи реални 3D обекти.

    Плоският дизайн цели основно да рационализира уебсайтовете, да се фокусира върху съдържанието, да предлага по-интуитивни взаимодействия и да осигурява по-бърз и функционален потребителски опит. Също така е лесно да се използват простите, подобни на кутии елементи, както и на базираните на мрежата оформления за отзивчив дизайн.

    Проблеми с ползваемостта на плоския дизайн

    Докато плоският дизайн ни дава огромна помощ и чудесен набор от инструменти, за да предоставим на нашите потребители бързи и безпроблемни уебсайтове, това може да доведе до някои проблеми с ползваемостта, особено когато е прекалено използвано.

    Няма визуални знаци на способността за кликване

    Ако използваме триизмерни ефекти, то естествено дава илюзия за дълбочина на нашите проекти. Това помага на потребителите бързо намерете интерактивни елементи, тези, които или могат да бъдат натиснати (като бутони и икони), или попълнени (като полета с формуляри). Една от основните опасения за плоския дизайн е, че тя прави трудно за потребителите разпознават елементите, които могат да бъдат кликани.

    Преди плоската ера уеб дизайнерите обикновено посочват възможността за кликване, като използват визуални решения като градиенти, текстури, повдигнати ръбове или падащи сенки за да направите бутони и други обекти, които могат да се натискат, да изглеждат така, че да могат да бъдат натиснати.

    На плосък дизайн липсват тези визуални обозначители и трябва да решават една и съща задача с много по-малък набор от инструменти: цветове, форми, близост, и контекстуални елементи.

    Защо това е проблем? Да опитаме експеримент.

    Погледнете екрана по-долу. Опитайте се да познаете кои елементи могат да бъдат кликани въз основа на тази снимка. Не са тези, за които първо бихте мислили. Можем да намерим много други подобни проблеми с използваемостта в мрежата.

    Намалена откриваемост поради липса на Z-ос

    Хората в реалния живот намират обекти и се движат по три измерения: x-, y- и z-ос. Когато се сблъскат с минималистично проектиран, плосък уебсайт без 3D ефекти, те получават опит, различен от този, с който са свикнали, с какви са предимно запознати с.

    Това означава, че трябва използвайте повече усилия, за да откриете връзките между обектите, и разберете визуалната йерархия на сайта. Например трябва да прекарваме повече време на началната страница на мрежата на разработчиците на Microsoft, за да декодираме визуално информацията и целта на различните елементи в сайта..

    Основното правило в дизайна на UX е винаги да се опита да сведе до минимум когнитивното натоварване на потребителя, за да се максимизира използваемостта. Както виждаме в много случаи, това не винаги се случва с плосък дизайн.

    Ниска плътност на информацията

    Плоският дизайн също е критикуван за рисковете от ниска плътност на информацията от експерта на UX Nielsen-Norman Group.

    В критиките си за използваемостта на Windows 8 те използваха примери за приложения в Windows Store и уебсайта на Los Angeles Times, за да покажат проблемите, които ниска плътност на информацията (с няколко истории на началния екран, заглавията без резюмета, едва разпознаваеми групировки и т.н.) могат да предизвикат от гледна точка на използваемостта.

    От друг аспект, по-малко информация може да се разглежда и като премахване на разсейването, което позволява на потребителите да се фокусират само върху важни неща, но ако минимализмът е прекален, той може лесно да пожертва основната цел на даден сайт, т.е..

    Възходът на апартамента 2.0

    Тъй като все повече дизайнери признават недостатъците на използваемостта на плоския дизайн, възникна нова, по-зряла версия, наречена “Flat 2.0” или “Почти плосък” дизайн. Докато промяната от skeuomorphism до flat е радикална, еволюцията на плоския дизайн е много по-неуловим.

    Новият стил все още е плосък, но той добавя малко триизмерност към дизайните под формата на фини сенки, акценти, и слоеве. Flat 2.0 - ако се използва добре - може да поправи гореспоменатите проблеми с използваемостта, като върне малко реализъм (skeuomorphism) и добави някои дълбочина и детайли, като същевременно запази предимствата на минимализма, като опростени уебсайтове, яснота и по-бързо време за зареждане на страницата.

    ИЗОБРАЖЕНИЕ: Мръсни господа

    Дизайн на материалите

    Новият дизайн на Google, наречен Material Design, е може би най-забележителният пример за стила Flat 2.0. Google пусна Материален дизайн с Android L през 2014 г. Материалният дизайн запазва основните характеристики на плоския дизайн, но използва някои метафори от физиката, за да помогне на потребителите бързо да намерят аналогии между реалния свят и дигиталния свят.

    Конструкцията на материала използва z-ос, дава фина дълбочина към дизайна, и интелигентно използва слоевете разделяйки ги със сенки и анимации. Google има свръхголямо описание за това как работи и наистина си струва да го прочете, за да разбере основните принципи и правила.

    заключение

    Тъй като добрите дизайнери винаги се стремят да подобрят опита на своите потребители, индустрията за уеб дизайн постоянно се променя. Плосък дизайн е заменил бързо skeuomorphism, в резултат на базирани на мрежа, минималистични оформления и опростени елементи които напоследък са превишили мрежата (това е предизвикало някои разговори за уеб дизайна, който става скучен или дори умиращ, но не може да бъде далеч от истината).

    Flat 2.0 дава отговори на възприетите проблеми на плоския дизайн. Това е умен компромис между функционалност, естетика и използваемост. Разбира се, не е нужно да използваме комплектите на материалния интерфейс навсякъде, но разбирането на философията зад него може да ни даде солидна основа как да развием собствения си стил в съответствие с най-новите констатации в дизайна на потребителския опит.