Mi az a „affordans” Hayrik

A kifejezést először javasolta pszichológus James Gibson, felvittük az elmélet számítógép interfészek Donald Norman című könyvében: „A pszichológia a dolog, hogy a bennünket körülvevő,” jól ismert vezető az ipari formatervezés és alkalmazások fejlesztése.

Affordans (affordanciákat) - ez a kifejezés nem ellenállni fordítást orosz. Intuitív célból a nyilvánvaló funkcionalitás, használhatóság, stb - .. Mindezek fogalmak, írják le, mit jelent a affordansom.

Nehéz túlbecsülni a jelentőségét megértéséhez, hogyan hozhatók létre hatékony értékesítési oldalak vonzó a felhasználói felület. Kevesebb affordansom megérteni vizuálisan azonosítani egy objektum tulajdonság vagy egy design elem, amely tájékoztatja a felhasználót, hogy lehet használni valamilyen tárgy vagy elem-specifikus módon. Például, a forma, magassága és mélysége vízszintes felületre is arra utalnak, hogy ez lehet ülni. Vagy design elem, amelynek a formája ismerős az összes gomb, jelentések tehát, hogy meg kell nyomni.

Éppen ezért a affordans nagyobb figyelmet kell fordítani. És persze, hogy megértsék, milyen típusú affordansov és hogyan ők a legalkalmasabbak.

explicit affordans

Ezek a dolgok nyilvánvalóak, mivel a felhasználó tisztában, hogy hogyan viszonyulnak a tételt, akkor is, ha még soha nem látott ilyen felületen.

PayPal-elem nyilvánvaló - ez magában foglalja egy gomb megnyomásával, és a szöveg rajta (küldjön egy SMS-t magát egy linket az alkalmazás) magyarázza a lenyomásukkor.

Explicit affordans különösen fontos a következő esetekben:

És, persze, meg kell tudni, hogy mikor kell abbahagyni. Ha az Ön által kínált alkalmazás számára kevés tapasztalattal, minden alkalommal elmagyarázni, hogy itt ezen a linken meg kell kattintani, és most itt van szükség, hogy adja meg a szöveg felesleges lenne.

kontextus affordans

Megtudjuk a csík a képernyő tetején az egyes szavakat a navigációs menü. Tisztában vagyunk azzal, különösen a kifejezés egy négyszögletes keretben elkülönített árnyékok gombra, és tisztában vagyunk azzal, hogy szükség van, hogy kattintson rá. A lefelé mutató nyílra a link vagy kifejezés magában foglalja a közzététel legördülő listából.

A kontextus affordans hatékonyan működik a komplex felületek, amely lehetővé teszi, hogy gyorsan megérteni a célja az egyes elemek.

Agyunk folyamatosan csinálja, mentálisan kölcsönhatás vizsgálatához felületek korszerű alkalmazások és oldalakat.

Például a lista affordansov a Envato Studio oldalon:

De, persze, megint minden attól függ, a felhasználói élményt. Ha olyan felületet tech-hozzáértés használók, akik nagy tapasztalattal rendelkeznek az alkalmazások és oldalak, ott kell maximalizálni az eddig kialakult szokásokat kölcsönhatás, hangsúlyozva elsősorban a kontextus affordans. És ha azok számára, akik ilyen tapasztalat nem elegendő - a gyermekek számára, stb itt sok affordansy világosnak kell lennie, hogy megkönnyítse elismerést ...

Egy ilyen megközelítés hasznos, hogy egyszerűsítse a felület - funkcionális kombinálva, része lehet a másodlagos elemek „elrejteni”, így azok expressziója függ a feltételeket. De ebben az esetben természetesen fennáll annak a veszélye, hogy a látogató soha nem lesz képes használni a rejtett elem, egyszerűen nem találják meg.

Rejtett elemeket kell alkalmazni azzal a felfogással, helyük és jelentőségét - egy olyan dolog, amikor a gomb „Like” jelenik meg, ha lebeg a kurzort a kép fölé, és egy másik dolog, amikor a hozzáférés a galéria maga csak akkor lehetséges, miután az ilyen intézkedés az oldalon. Soha ne használjon olyan rejtett affordans az alapvetően fontos funkciókat.

Hasonlóképpen, ez lényegtelen elrejtett elemek Landing - mindent meg kell világos és érthető, de a kérelmet, hogy a felhasználó vásárolni, és lesz egy ideig, hogy vizsgálja meg annak működését is jól elemeket tartalmaznak, nem nyilvánvaló.

Néhány karakter kontextus-függő. Nagyító dokumentum vagy kép szimbolizálja a növekedés. De a szöveg mellett - keresés.

Szimbólumok használata menti hely - ezek rövidebb magyarázó címkék kifejezett affordansa.

Fontos, hogy gondosan válassza ki a karaktereket. Itt egy példa:

Elfogadom, rossz autó szimbólum kifejti, hogy ez a gomb információkat cserélnek az irányt, illetve elhelyezését. Van jobb lenne megközelíteni térkép szimbólum.

A „szív”, például utalhat számos affordansov:

• Ha erre kattint, mond valamit, mint szeretett engem
• Bárki, aki helyezett engem jelölt tárgy, akkor értesítjük, hogy szeretem
• Ez lehetővé teszi számomra, hogy a tárgy jelölt „kedvencek”
• Azt is kap hozzáférést a gyűjtemény által kiválasztott objektumok nekem

Egy másik példa - egy szimbólum a referencia, a két kapcsolódó láncszem. Az alábbi példa azt mutatja, hogy még egy kis stilizálás a karakter, fordult be egy szimbólum a végtelenbe tör sztereotípiák és felfogás a sablon:

Hamis negatív vagy affordans

Vannak olyan helyzetek, amikor egy tétel a maga nemében azt mondja egy dolog, a tervező használja nagyon eltérő:

• Pont úgy néz ki, mint egy gomb, de nem nyomják
• A logó nem adja vissza a felhasználónak, hogy a főoldalon
• Szöveg, hasonlóan egy linket (kék és aláhúzott) nem egy link
• Zöld gomb (amely magában foglalja a létrehozását valamit) törli az adatokat
• A szó szürke, általában azt jelenti, nincs funkcionális kapcsolat tartalmaz
• Boríték, társított e-mail, SMS-t küld

Ez nagyban megzavarhatja a felhasználókat, és természetesen, az ilyen dolgok el kell kerülni. Nem számít, mennyire vonzó ez nem tűnik tervezési ötleteket.

Egy másik példa lehet a használata egy világos szürke az aktív oldalon elemek. Általános szabály, hogy egy interfész elem átmenetileg nem működőképes, kiemelve világosszürke:

Ebben a példában a jelszó mezőt szürke színű, ami azt jelenti, hogy nem lehet változtatni. szükséges nyomja meg a „Change” a változtatás aktiválásához jelszó mezőt.

Ha a használni kívánt szürke CTA gomb, a látogatók nem nyomja neki, azt gondolva, hogy használhatatlan. Egyetértenek abban, hogy az alábbi példa mutatja, úgy tűnik, hogy a gomb «keresse fel listája tervezési szolgáltatások» nem működik.

Megvizsgáltuk ezért számos típust affordansa, a mód, ahogyan elemei a felület tájékoztatja a felhasználót annak működését:

• explicit affordans
• kontextus affordans
• rejtett affordans
• szimbolikus affordans
• hamis affordans

Válassza ki a megfelelő típust a helyzetet, és elkerülni a leggyakoribb hibák, amelyek a fent tárgyalt.