Homepage » UI / UX » Lapos 2.0 és hogyan oldja meg a lapos kivitel használhatósági problémáit

    Lapos 2.0 és hogyan oldja meg a lapos kivitel használhatósági problémáit

    A lapos kialakítás már az 1950-es évek óta a nemzetközi tipográfiai stílus kifejlesztése óta volt. Az utóbbi időben a Microsoft újdonságainak megjelenése óta széles körű népszerűségre tett szert geometria- és tipográfia-orientált metrótervezés az új Windows Phone-ban 2010-ben, majd a Windows 8-ban 2012-ben.

    A lapos kialakítást a háromdimenziós hatások és fényes vizuális elemek hiánya elérése érdekében tisztaság, minimalizmus, és világosság. Ez ellentétes a korábban uralkodó design stílussal, a fényes gombokkal és a valós 3D-s objektumokat utánzó ábrákkal..

    A lapos kialakítás lényegében a webhelyek egyszerűsítését célozza, a tartalomra összpontosít, nagyobb intuitív kölcsönhatásokat kínál, és gyorsabb és funkcionálisabb felhasználói élményt nyújt. Az egyszerű, dobozszerű elemeket és a rácsalapú elrendezéseket könnyű kezelni az érzékeny tervezéshez.

    A lapos kivitel használhatósági problémái

    Míg a lapos kialakítás óriási segítséget és nagyszerű eszköztárat kínál nekünk, hogy gyors és rendezetlen webhelyeket biztosítsunk felhasználóinknak, bizonyos használhatósági problémákat okozhat, különösen akkor, ha túlzottan használják.

    Nincsenek láthatósági jelzők

    Ha háromdimenziós hatásokat használunk, akkor természetesen illúziója van a tervek mélységének. Ez gyorsan segít a felhasználóknak találhat interaktív elemeket, azokat, amelyekre kattinthatunk (például gombok és ikonok), vagy kitölthetők (mint például űrlapmezők). A lapos kialakítás egyik fő problémája az, hogy megnehezíti a felhasználók számára felismeri a kattintható elemeket.

    A sík korszak előtt a webes tervezők általában vizuális megoldásokkal, mint például színátmenetek, textúrák, emelt élek vagy árnyék gombok és más kattintható objektumok készítése úgy néz ki, mintha megnyomnák őket.

    A lapos kialakításnak nincsenek ilyen vizuális jelzői, és ugyanazt a feladatot egy sokkal kisebb eszközkészlettel kell megoldania: színek, formák, közelség, és kontextuselemek.

    Miért ez egy probléma? Próbáljunk meg egy kísérletet.

    Nézze meg az alábbi képernyőt. Próbáld meg kitalálni, hogy mely elemek érhetők el a képernyőkép alapján. Nem azok, amiket először gondolnának. Az interneten számos más hasonló használhatósági problémát találhatunk.

    A Z-tengely miatt csökkentett felfedezhetőség

    Az emberek a valós életben objektumokat találnak, és három dimenzióban mozognak: az x-, y- és z-tengely. Amikor egy minimalista szempontból kialakított, lapos 3D-s effektus nélküli weboldalt érnek el, olyan tapasztalatot kapnak, amely különbözik attól, amit megszoktak..

    Ez azt jelenti, hogy szükségük van rá több erőfeszítést igényel az objektumok közötti kapcsolatok felfedezésére, és megérteni a vizuális hierarchiát a helyszínen. Például több időt kell töltenünk a Microsoft Fejlesztői Hálózatának kezdőlapján az információk vizuális dekódolásához és a webhely különböző elemeinek céljához..

    Az UX-ben a hüvelykujj-szabály az, hogy mindig igyekszik minimalizálni a felhasználó kognitív terhelését a használhatóság maximalizálása érdekében. Amint azt sok esetben látjuk, ez nem mindig történik a lapos kivitelben.

    Alacsony információs sűrűség

    A lapos kialakítást is kritizálják az alacsony információs sűrűség kockázata miatt az UX szakértő Nielsen-Norman csoportnál.

    A Windows 8 használhatóságára vonatkozó kritikájukban a Windows Store-alkalmazások példáit és a Los Angeles Times webhelyét használták, hogy bemutassák azokat a problémákat, amelyek alacsony információs sűrűség (a kezdeti képernyőn kevés történet található, az összefoglalók nélkül, a felismerhető csoportok, alig felismerhető csoportok stb.) a használhatóság szempontjából.

    Egy másik szempontból a kevésbé információ látható a zavaró tényezők megszüntetésében is, amely lehetővé teszi a felhasználók számára, hogy csak a fontos dolgokra összpontosítsanak, de ha a minimalizmus túlzott, akkor könnyen feláldozhatja a webhely elsődleges célját, vagyis az információ átalakítását a nézőknek.

    A Flat Rise 2.0

    Ahogy egyre több tervező ismeri fel a lapos kialakítás használhatósági hibáit, új, érettebb változata jött létre, amelyet úgynevezett “Lapos 2.0” vagy “Majdnem lapos” tervezés. Míg a skeuomorfizmusról a laposra való váltás radikális volt, a lapos kialakítás fejlődése sokkal nehezebb.

    Az új stílus még mindig lapos, de hozzáad egy kis három dimenziót a tervekhez formájában finom árnyékok, kiemelések, és rétegek. Lapos 2.0 - ha jól használják - a fent említett használhatósági problémák megoldása egy kis realizmus (skeuomorphism) visszahelyezésével, valamint néhány mélység és részlet hozzáadása, a minimalizmus előnyeinek megtartásával, például az egyszerűsített weboldalakkal, az egyértelműséggel és a gyorsabb betöltési idővel.

    KÉP: Dapper Uraim

    Anyagtervezés

    A Google új formatervezési nyelve, az Material Design, valószínűleg a Flat 2.0 stílus legjelentősebb példája. A Google 2014-ben kiadta az Android L-t az Anyagtervezésben. Míg az Anyagtervezés megtartja a lapos kialakítás főbb jellemzőit, a fizikából bizonyos metaforákat használ, hogy a felhasználók gyorsan megtalálják az analógiákat a valós világ és a digitális világ között.

    Anyagtervezés z-tengelyt használ finom mélység a tervezéshez, és okosan használja a rétegeket elválasztja őket árnyékokkal és animációk. A Google-nak van egy szuperkool-leírása arról, hogyan működik, és tényleg érdemes elolvasni, hogy megértsék annak fő elveit és szabályait.

    Következtetés

    Mivel a jó tervezők mindig arra törekszenek, hogy javítsák a felhasználók tapasztalatait, a web design ipar folyamatosan változik. A lapos kialakítás a skeuomorfizmust gyorsan felváltotta, ami rácsalapú, minimalista elrendezések és egyszerű elemek hogy az utóbbi időben túllépte az internetet (ez néhány beszélgetést hozott a webes tervezés unalmasságáról vagy elhullásáról, de ez nem lehet távolabb az igazságtól).

    A lapos 2.0 a lapos kialakítás észlelt problémáira válaszol. Ez egy intelligens kompromisszum a funkcionalitás, az esztétika és a használhatóság között. Természetesen nem kell az Anyag UI-készleteket használni mindenhol, de a mögöttes filozófia megértése szilárd hátteret adhat nekünk hogyan alakítsuk ki saját stílusunkat a felhasználói élménytervezés legújabb megállapításaival összhangban.