A szerzőről

Steven Bradley a Design Fundamentals szerzője: Elements, Attributes, & Principles és CSS Animations and Transitions for the Modern Web című könyvek szerzője. Amikor nem …További információSteven Bradley↬

Ez igaz? Vagy lehet egy nehezen használható dizájn mégis sikeres, mert gyakorlottabbá teszi a felhasználókat, vagy kielégít bizonyos kreatív igényeket? Minden alacsony szintű igényt pontosan meg kell valósítani, mielőtt a magasabb szintű igényeket figyelembe vennénk? E kérdések megválaszolásához kezdjük Maslow hierarchiájával.

Maslow szükséglethierarchiája

Abraham Maslow amerikai pszichológus 1943-ban megjelent “Az emberi motiváció elmélete” című tanulmányában az emberi szükségletek pszichológiai hierarchiájának gondolatát vetette fel.

• A fiziológiai szükségletek az emberi túlélés követelményei. Ezek közé tartozik a légzés, az élelem, a víz, a menedék, a szex, a ruházat, az alvás és a kényelem.
• A biztonsági szükségletek a holnapi fiziológiai szükségletek kielégítésének egyik módjának tekinthetők. Ide tartozik a személyes és pénzügyi biztonság, az egészség, a rend, a törvény és az elemektől való védelem.
• A szeretet és az összetartozás szükségletei a társas interakciókról szólnak. Nem akarunk egyedül végigmenni az életen. A szociális szükségletek közé tartozik a barátság, a szeretet, az intimitás, a család, a közösség, a hovatartozás és a kapcsolatok.
• A megbecsülési szükségletek közé tartozik az önbecsülés, valamint a mások általi elismerés. A megbecsülés megjelenhet teljesítmény, státusz, presztízs, elismerés, uralom, függetlenség és felelősség formájában.
• Az önmegvalósítási szükségletek arra vonatkoznak, hogy többé váljunk, mint amik vagyunk, és a békéből, a tudásból, az önmegvalósításból, a személyes potenciál megvalósításából, a személyes növekedésből és a csúcsélményekből származhatnak.

Maslow szerint, ha a hierarchia egyik szintjének szükségleteit úgy próbáljuk kielégíteni, hogy előtte nem elégítettük ki az előző szint szükségleteit, a hierarchiában elfoglalt helyünk instabil lesz. Nem várható el, hogy jól dolgozzon egy csapatban (3. szint), ha orvosi vizsgálati eredményekre vár, hogy megállapítsák, rákos-e (2. szint).

A hierarchia alacsonyabb szintjei a magasabb szintek alapjául szolgálnak. Ha az alapod meginog, akkor visszahúznak egy alacsonyabb szintre, hogy stabilizálják az alapodat, mielőtt újra feljebb lépnél a hierarchiában. Ha nem, akkor a stressz és a szorongás gondolataihoz és érzéseihez vezet.”

A Maslow-hierarchia kritikája

Nem mindenki ért egyet Maslow-val. Sokan megkérdőjelezik a hierarchiát, mert az nem veszi figyelembe az önzetlen cselekedeteket, a bátorságot és a jótékonyságot. Nem ad magyarázatot az “éhező művészek” jelenségére sem, akik akkor is önmegvalósításra törekszenek, amikor alapvető fiziológiai szükségleteik alig vannak kielégítve.

A kritikusok rámutatnak az empirikus bizonyítékok hiányára és a megfigyelések korlátozott körére, mielőtt Maslow kidolgozta elméleteit. Maslow nem számol az emberek lelki oldalával, és túl sok olyan esetet hagy ki, amelyek nem illenek az elméletébe. Talán jó ötlet és kezdet, de még mindig messze van attól, hogy úgy fogadják el, ahogy van. Intuitívan helyesnek tűnik, de Maslow hierarchiájának vannak korlátai, amelyeket az alábbiakban foglalunk össze:

Míg Maslow hierarchiájának intuitív szempontból van értelme, kevés bizonyíték támasztja alá hierarchikus aspektusát. Sőt, vannak olyan bizonyítékok, amelyek ellentmondanak a modell által meghatározott szükségletrendnek. Úgy tűnik például, hogy egyes kultúrák a szociális szükségleteket minden más szükséglet elé helyezik. Maslow hierarchiája nehezen magyarázza az olyan eseteket is, mint az “éhező művész”, amikor az ember a magasabb szükségletek kielégítése érdekében elhanyagolja az alacsonyabb szükségleteket. Végül kevés bizonyíték utal arra, hogy az embereket egyszerre csak egy szükségletszint kielégítése motiválja, kivéve azokat a helyzeteket, amikor a szükségletek között konfliktus áll fenn.

A chilei közgazdász és környezetvédő Manfred Arthur Max-Neef az alapvető emberi szükségletek másfajta elméletét állította fel, amely nem tartalmaz hierarchiát az alapvető emberi túlélés kielégítésén túl. Ehelyett a szükségletek kielégítése egymással összefügg, és egyszerre, kompromisszumokkal jár.

Ebben a rendszerben az ember anélkül is kielégíthetné a kreatív szükségleteket, hogy előbb a védelmi és biztonsági szükségleteket kellene kielégítenie.

Design szükséglethierarchia

Maslow hierarchiája lefordítható a tervezésre, amelynél a hierarchia alacsonyról felfelé a funkcionalitás, megbízhatóság, használhatóság, profizmus és kreativitás lenne.

Funkcionalitás

A designnak mindenekelőtt működőképesnek kell lennie. Egy MP3-lejátszónak képesnek kell lennie az MP3 és más digitális hangfájlok lejátszására, szüneteltetésére, visszatekerésére és előretekerésére ahhoz, hogy MP3-lejátszónak lehessen tekinteni. Ha ezeket a funkciókat nem tudja ellátni, akkor a tervezés megbukott.

A funkciók száma egy másik történet. Még ha az egyik MP3-lejátszó be is tudja húzni az albumok borítóját, másoknak nem feltétlenül kell. De ha a legtöbb MP3-lejátszó képes erre, akkor a tiédnek is meg kell tennie. Mi határozza meg, hogy milyen funkciók szükségesek? Maga a termék? A tervező? A piac?

A csak alapvető funkcionalitási igényeket kielégítő dizájnokat kevéssé vagy egyáltalán nem értékesnek tekintik. Egy dizájntól elvárják, hogy megfeleljen az alapvető funkcionalitási igényeknek; ha ezt teszi, az nem számít semmi különlegesnek.

A funkcionalitási igényeket kielégítő webhely jellemzői lehetnek az ésszerű idő alatt betöltődő oldalak, a működő linkek és a böngésző olyan alapvető gombjaira reagáló oldalak, mint a “Vissza” és az “Előre”.”

megbízhatóság

Amint a dizájn megfelel a funkcionális igényeknek, a dizájnhierarchia következő szintjére léphet: megbízhatóság. Tervének most már stabil és egyenletes teljesítményt kell nyújtania. Nem csak működik, hanem újra és újra működik.

Ha az MP3-lejátszója néha lejátszik, néha pedig nem, akkor nem felelt meg a megbízhatósági követelményeknek. Ha mindig lejátszik, de ezt rendszertelenül teszi (hol itt-ott kihagy, hol lelassul, hol felgyorsul), akkor szintén nem elégítette ki a megbízhatósági igényeket.

A csak a megbízhatósági igényeket kielégítő terveket alacsony értékűnek tekintik. Ismétlem, elvárjuk, hogy az általunk megvásárolt termékek működjenek, mégpedig következetesen.

Egy megbízható weboldal következetesen működik. Ami tegnap működött, annak ma is működnie kell. Amikor új oldalakat és részeket adunk hozzá, azok ugyanolyan jól működjenek, mint a meglévő oldalak és részek.

Használhatóság

Milyen könnyen tudják a felhasználók elvégezni az alapvető feladatokat? Az MP3-lejátszóval rendelkező személy könnyen rájön, hogyan kell azt be- és kikapcsolni? Mi a helyzet a lejátszás, a leállítás, a szünet és a dal kiválasztásának módjával? Ezek a használhatósági igények. Az Ön tervezése most következetesen működik. A kérdés az, hogy az emberek rájönnek-e, hogyan kell használni?

Amellett, hogy könnyen használható, a dizájnja megbocsátó is? A rossz gomb megnyomása nem törölheti az összes zeneszámot az MP3-lejátszón. Az egyszerű hibák következményei ne legyenek súlyosak. Ha egy ujjmozdulat törli az összes zenét, akkor az MP3-lejátszó nem használható.

A használható dizájnt mérsékelt értékűnek tartják. Vannak alapvető elvárásaink a használhatósággal kapcsolatban, de felismerjük, hogy sok minden nem egészen úgy működik, ahogyan azt elvárjuk vagy szeretnénk. A használható design részben megkülönbözteti az Ön weboldalát az alacsonyabb szintűektől.

A használható weboldal olyan navigációs rendszerrel rendelkezik, amely könnyen érthető és használható, olyan szervezéssel, amely megkönnyíti a tartalom böngészését, olvasható szöveggel és olyan elrendezéssel, amelyben a tájékozódás egyszerű.

Proficiency

A designja képessé teszi az embereket arra, hogy többet és jobban tegyenek? Az MP3-lejátszó lehetővé teszi lejátszási listák összeállítását és a dalok egyszerű keresését? Biztosít-e egyszerű mechanizmust a dalok internetről való letöltéséhez és más eszközökre és más eszközökről való átviteléhez?

Ezek a profizmus igényei. Nem feltétlenül szükséges, hogy az MP3-lejátszó a kedvencek alapján ajánlásokat tegyen az új dalokra, de kívánatos, és jelentősen javítaná a dizájnt.

A gyakorlottnak tekintett dizájnokat úgy érzékelik, hogy magas szinten működnek. Nagyszerűnek tartanak egy olyan dizájnt, amely lehetővé teszi az emberek számára, hogy olyan dolgokat tegyenek, amelyekre korábban nem volt lehetőségük, és amely az alapvető funkciókat kibővíti.

A gyakorlott weboldal tartalmazhat fejlett keresési lehetőségeket, a különböző forrásokból származó adatok kifinomultabb szintű információk és webalapú eszközök kombinálásának lehetőségét.

Kreativitás

Mihelyt az összes alacsonyabb szintű igényt kielégítette, a dizájn továbbléphet a kreatív igények felé. Ezek kielégítésével a terved már innovatív módon léphet kapcsolatba az emberekkel. A dizájn felfedezhet és létrehozhat olyan dolgokat, amelyek kibővítik magát a terméket.

Talán az MP3-lejátszója zeneelméletet tanít azáltal, hogy ajánlásokat tesz a leginkább hallgatott dalok zenei struktúrája alapján, és akkorddiagramokat és hangjegyeket ad, amelyek a hanggal együtt vizuálisan is lejátszódnak. Lehet, hogy az MP3-lejátszója lehetővé teszi az egyéni skineket, vagy lehetővé teszi a dalok részeinek kombinálását, hogy új zenét hozzon létre. Lehet, hogy az Ön MP3-lejátszója a legszebb a piacon.

A kreatív igényeket kielégítő dizájnokat a legmagasabb színvonalúnak érzékelik. Hűséges rajongótábort generálnak. Ha zavarba ejt az Apple sikere, ne csodálkozzon tovább. Kreatív tervezési igényeket elégít ki.

Egy kreatív weboldal tartalmazhat AJAX-effekteket, esztétikus megjelenést és hangutasításokon keresztüli interakciót.

A tervezési hierarchia kritikája

A Maslow-féle hierarchiára alkalmazott kritika a tervezési hierarchiára is alkalmazható. Egy dizájnnak megbízhatónak kell lennie ahhoz, hogy használható legyen? Nem lehet egyszerre mindkettőnek megfelelni? Lehet, hogy a tervezésed kielégíti a haladó felhasználók jártassági igényeit, miközben a kezdők számára nem a leghasználhatóbb?

Tényleg mindent jól kell csinálnunk egy szinten, mielőtt erőforrásokat fordítanánk a magasabb szintekre? Elvisel-e a piac egy olyan terméket, amely az esetek 10%-ában ok nélkül hibázik, ha a másik 90%-ban mindent az elvárásokon felül teljesít?

Még egyszer, bár a hierarchia intuitívan értelmes, a piac igényei és vágyai valószínűleg meghatározzák, hogy a hierarchiában mi az, amit a legkritikusabb javítani.

A szükségletek egyéb hierarchiái

Maslow hierarchiáját nem csak a tervezésre alkalmazták. Számos kapcsolódó tudományág használja arra, hogy leírja, mit csinál, és javaslatot tegyen arra, hogyan lehetne jobban csinálni.

Maslow alkalmazása a marketingben

Maslow gondolatait gyakran alkalmazzák a marketingben. Bármit is árulunk, a termék célja, hogy kielégítsen egy szükségletet valahol a hierarchiában. Ahhoz, hogy termékét vagy szolgáltatását a legjobban tudja értékesíteni, azonosítsa, hogy az a hierarchiában hol helyezkedik el, és értse meg a célfelhasználó motivációját, hogy kielégítse ezeket az igényeket. Klasszikus példa erre a Michelin gumiabroncsok. Ahelyett, hogy egyszerűen felsorolná a gumiabroncsainak specifikációit, és azzal dicsekedne, hogy milyen jól tapadnak az úton, a Michelin reklámjaiban olyan gumiabroncsokat mutat, amelyek kisbabákat védenek, a következő szlogennel: “Mert annyi minden múlik a gumiabroncsain.”

A reklám a biztonság iránti igényünket használja ki. Megcsapolja a hierarchia következő szintjét is, a szociális szükségleteinket – ebben az esetben a gyermekeink iránti szeretetünket. A specifikációk unalmasak. Egy olyan történet, amely arról szól, hogy Ön és családja biztonságban van, mély pszichológiai szükségleteket elégít ki.”

Maslow hierarchiája segít annak meghatározásában is, hogy melyik piacot célozzuk meg, és hogyan érhetjük el azt a legjobban. Például van egy nagyszerű ötlete arra, hogy betöltse a bizalomépítés iránti hiánypótló keresletet. Fantasztikus.

De ön az új vállalkozókat célozza meg. Ez a csoport a hierarchia második szintjén van: biztonság. Aggódnak a munkahelyük és a családjuk eltartása miatt. Őket még nem érdekli a magabiztosság érzése.

Neked vagy egy másik történetet kell találnod a marketingedben, vagy egy másik csoportot kell megcéloznod.

Maslow alkalmazása a kódírásra

Patrick Dubrow megvizsgálta Maslow hierarchiáját és a tervezési hierarchiát, és felállított egy hierarchiát a kódírásra vonatkozó szükségletekről:

Ha írtál már valaha kódot, könnyen láthatod, hogy ez a hierarchia hogyan illeszkedik mind Maslow, mind a tervezési hierarchiához. Ez is intuitív, és ugyanolyan kritikával illethető, mint Maslowé. Persze, a rosszul működő kódot azonnal javítani kell, de nincs ok arra, hogy ne lehetne már az első sortól kezdve elegáns és hatékony kódot írni.

Források

Itt van néhány további hierarchia Maslow alapján:

• SEO szükségletek hierarchiája
• A felhasználói élmény szükségleteinek hierarchiája

Példák

Az alábbi weboldalak mindegyike jól megtervezett. Mindegyiknek megvan a maga stílusa, és a mi céljaink szempontjából a tervezési hierarchia más-más szintjét célozza meg. A legtöbb természetesen kielégíti az alacsonyabb szintű igényeket, de néhányan inkább a magasabb szintekkel foglalkoznak, és elhanyagolnak néhány alacsonyabb szintű részletet.

Oliver James Gosling

Y3K

Az Oliver James Gosling és az Y3K honlapjai egyaránt egyoldalas portfóliók. Mindkettő megfelel a funkcionalitás és a megbízhatóság követelményeinek. Esztétikailag is tetszetősek, és kezdik kielégíteni a kreatív igényeket. Oliver weboldalán van egy “Vissza a tetejére” link, amely lefelé mozog az oldalon, ahogy haladunk; az Y3K weboldaláról hiányzik ez a szép húzás a használhatóságban. Oliver egy PDF-et is kínál, amely tartalmazza a weboldalának összes információját, talán egy kis profizmust adva a designhoz.

Cellar ThiefCellar Thief megfelel a funkcionalitás követelményeinek, és egy másik esztétikailag kellemes weboldal. Az esztétika illeszkedik a borokról szóló általános üzenethez. A megbízhatóság és a használhatóság azonban egyaránt megérdemelne némi javulást. A kezdőlap alján található három fő link (“Válasszon bort”, “Mondja el barátainak”, “Érezze jól magát”) mindegyike váratlanul a “Rólunk” oldalra vezet. Emellett a weboldal csak a nap három borát árulja, ami teljesen rendben van, de nem tűnik fel azonnal.

Elan SnowboardsAz Elan Snowboards megfelel az alapvető funkcionalitásnak és érdekes esztétikával rendelkezik. Sok minden történik, és nehéz tudni, hova nézzünk. A linkek nem mindig egyértelműek, és ahogy egyre mélyebbre kattintasz a weboldalon, nem mindig világos, hogy hol vagy. Másrészt a weboldal fórumot, közösségi blogokat és videókat is kínál, amelyek mindegyike a látogatók számára teszi a weboldalt még profibbá. Összességében a weboldal inkább a magasabb szintű igényekre összpontosít, néhány alacsonyabb szint rovására. Tekintettel a weboldal célközönségére, ez a megközelítés valószínűleg indokolt.

CSS-TricksCSS TricksCSS Tricks valószínűleg a legtöbben ismerik. Megfelel a funkcionalitás, a megbízhatóság és a használhatóság igényeinek. Chris Coyier a fórum, a screencastok, a freebies és a kódrészletek szekciókkal rendelkezik, így a weboldal egy profi réteggel rendelkezik. Kreatív szempontból a weboldal szép, bár ismerős blog-esztétikával rendelkezik, és az oldalsávban megfelelő AJAX-elemek találhatók. Chris sok munkát fektetett a kreatív igényeket kielégítő apró részletekbe is.

Ali FelskiAli Felski weboldala egy portfólió és blog kombinációja. Következetesen működik, és könnyű benne eligazodni. A három alsó szintű igényt kielégítve a weboldal kreativitást ad hozzá. A dizájn egyik szép tulajdonsága, hogy az összes esztétikai elemet eltávolíthatná, és mégis egy rendkívül funkcionális, megbízható és használható dizájnt kapna.

Antique Piano ShopAz Antique Piano Shop megfelel az összes alsó szintű tervezési igénynek, miközben kellemes esztétikát kínál. Azzal felel meg a profizmus igényeinek, hogy olyan oldalakat kínál, ahol azonosíthatja zongoráját és eladhatja azt. Tekintettel a weboldal jellegére, a zongorák hangjának hallhatóvá tétele segíthetett volna a jártassági igények kielégítésében.

Fluid 960 GridA Fluid 960 Grid rendszer jól megfelel az alacsonyabb szintű tervezési igényeknek. Működik, következetesen működik és könnyen használható. Bár nem a legszebb oldal, amivel találkozhatsz, elég sok mindent tartalmaz a magasabb szintű tervezési igények kielégítésére. Az oldal szinte minden része egy működő demó. Megnézheted, hogy mindegyik hogyan fog működni a jQuery vagy a MooTools könyvtárak használatával, vagy teljesen kikapcsolhatod a JavaScriptet, hogy lásd, hogyan működnek a demók. Váltogathat a 12 és 16 oszlopos folyékony és fix rácsok között is.

Összefoglaló

Míg Maslow hierarchiájának intuitívan van értelme, a kritikusok rámutatnak az azt alátámasztó kevés bizonyítékra, különösen arra a feltételezésre, hogy az alacsonyabb szinteket ki kell elégíteni a magasabb szintek előtt. Ugyanez mondható el a tervezési szükségletek hierarchiájáról, vagy akár bármely Maslow hierarchiáján alapuló hierarchiáról. A felszínen értelmesnek tűnnek, de hiányzik belőlük az empirikus bizonyíték.

Ezek a hierarchiák nem abszolútumok, amelyeket követni kell. Mint minden tervezésnél, a tervezési célok meghatározásához nézze meg a sikerkritériumokat. Lehet, hogy a közönségednek jobban tetszik egy esztétikailag szép, de időnként akadozó weboldal, mint egy unalmas, de tökéletesen megbízható weboldal.

Nincs ok arra, hogy miért ne elégíthetnéd ki a magasabb szintű igényeket az összes alacsonyabb szintű igény teljes kielégítése előtt, feltéve, hogy megérted, hogy néhány alacsonyabb szintű igény feltétlenül szükséges. Természetesen, ha egyik oldalad sem töltődik be, akkor minden más lényegtelen. Ezt a problémát kell orvosolnia, mielőtt a progresszív javítással foglalkozna.

Nézze a tervezési hierarchiát útmutatónak. Legtöbbször az alacsonyabb szintű igények kielégítésének van értelme, mielőtt a magasabb szintű igények kielégítésére teszünk kísérletet. Ha a webhelye nem használható, akkor valószínűleg ezt szeretné kijavítani, mielőtt a látogatóknak több lehetőséget adna a profizmusra.

További olvasnivalók a SmashingMag-on:

• A személyiségréteg
• This Interface Is A (Good) Joke!
• Fixing A Broken User Experience
• How Do You Deal With Overstressed, Irrational Clients?

(al)