O autorovi

Steven Bradley je autorem knihy Design Fundamentals: Autor je autorem knih Design: Elements, Attributes, & Principles a CSS Animations and Transitions for Modern Web. Pokud se zrovna nevěnuje práci s webovými stránkami, je jeho nejoblíbenějším …Více oSteven Bradley↬

Je to pravda? Nebo může být návrh, který se špatně používá, přesto úspěšný, protože díky němu jsou uživatelé zdatnější nebo splňuje určité tvůrčí potřeby? Musíte mít všechny nízkoúrovňové potřeby přesně v pořádku, než začnete uvažovat o potřebách vyšší úrovně? Abychom na tyto otázky odpověděli, začněme Maslowovou hierarchií.

Maslowova hierarchie potřeb

Americký psycholog Abraham Maslow ve svém článku „Teorie lidské motivace“ z roku 1943 navrhl myšlenku psychologické hierarchie lidských potřeb.

• Fyziologické potřeby jsou požadavky na přežití člověka. Patří mezi ně dýchání, jídlo, voda, přístřeší, sex, oblečení, spánek a pohodlí.
• Potřeby bezpečnosti lze považovat za způsob, jak uspokojit fyziologické potřeby zítřka. Zahrnují osobní a finanční bezpečí, zdraví, pořádek, právo a ochranu před živly.
• Potřeby lásky a sounáležitosti se týkají sociálních interakcí. Nechceme procházet životem sami. Sociální potřeby zahrnují přátelství, lásku, intimitu, rodinu, společenství, sounáležitost a vztahy.
• Potřeby úcty zahrnují sebeúctu i uznání od druhých. Úcta může mít podobu úspěchu, postavení, prestiže, uznání, mistrovství, nezávislosti a odpovědnosti.
• Potřeby seberealizace se týkají toho, abychom se stali něčím víc, než čím jsme, a mohou pramenit z klidu, poznání, seberealizace, realizace osobního potenciálu, osobního růstu a vrcholných zážitků.

Podle Maslowa, pokud se snažíte uspokojit potřeby jedné úrovně v hierarchii, aniž byste předtím uspokojili potřeby úrovně předchozí, bude vaše místo v hierarchii nestabilní. Nelze očekávat, že budete dobře pracovat v týmu (úroveň 3), pokud čekáte na výsledky lékařských testů, které mají určit, zda máte rakovinu (úroveň 2).

Nižší úrovně v hierarchii slouží jako základ pro vyšší úrovně. Pokud se váš základ otřese, budete staženi zpět na nižší úroveň, abyste stabilizovali svůj základ předtím, než postoupíte zpět na vyšší úroveň hierarchie. Pokud se tak nestane, jste vedeni k myšlenkám a pocitům stresu a úzkosti.

Kritika Maslowovy hierarchie

Ne každý s Maslowem souhlasí. Mnozí hierarchii zpochybňují, protože nezohledňuje nesobecké činy, statečnost a dobročinnost. Neodpovídá ani fenoménu „hladovějících umělců“, kteří usilují o seberealizaci, i když jejich základní fyziologické potřeby jsou jen stěží uspokojeny.

Kritici poukazují na nedostatek empirických důkazů a omezený rozsah pozorování předtím, než Maslow vytvořil své teorie. Maslow nebere v úvahu duchovní stránku lidí a vynechává příliš mnoho případů, které se do jeho teorie nehodí. Možná je to dobrá myšlenka a začátek, ale ještě zdaleka není přijata tak, jak je. Intuitivně to působí správně, ale Maslowova hierarchie má omezení, jak je shrnuto níže:

Ačkoli Maslowova hierarchie dává smysl z intuitivního hlediska, existuje jen málo důkazů, které by podporovaly její hierarchický aspekt. Ve skutečnosti existují důkazy, které jsou v rozporu s pořadím potřeb stanoveným modelem. Například se zdá, že některé kultury kladou sociální potřeby před všechny ostatní. Maslowova hierarchie také obtížně vysvětluje případy, jako je „hladovějící umělec“, kdy člověk zanedbává nižší potřeby v honbě za vyššími. A konečně, existuje jen málo důkazů o tom, že lidé jsou motivováni uspokojovat vždy jen jednu úroveň potřeb, s výjimkou situací, kdy dochází ke konfliktu mezi potřebami.

Chilský ekonom a ekolog Manfred Arthur Max-Neef předložil jinou teorii základních lidských potřeb, teorii bez hierarchie přesahující uspokojení základních lidských potřeb pro přežití. Místo toho je uspokojování potřeb vzájemně propojeno a probíhá současně, přičemž v tomto procesu dochází ke kompromisům.

V tomto systému by člověk mohl uspokojovat tvůrčí potřeby, aniž by musel nejprve uspokojovat potřeby ochrany a bezpečí.

Hierarchie potřeb designu

Maslowovu hierarchii lze převést na design, pro který by hierarchie od nejnižší po nejvyšší byla funkčnost, spolehlivost, použitelnost, zdatnost a kreativita.

Funkčnost

Design musí být schopen fungovat dříve než cokoli jiného. Aby mohl být přehrávač MP3 považován za přehrávač MP3, musí být schopen přehrávat, pozastavovat, přetáčet a převíjet MP3 a jiné digitální zvukové soubory. Pokud tyto funkce nedokáže plnit, pak návrh selhal.

Počet funkcí je jiný příběh. I když jeden přehrávač MP3 dokáže vytáhnout obaly alb, jiné to nutně nemusí umět. Pokud to však umí většina přehrávačů MP3, pak to musí umět i ten váš. Co určuje, které funkce jsou nutné? Samotný produkt? Návrhář? Trh?“

Design, který splňuje pouze základní požadavky na funkčnost, je považován za málo hodnotný. Od návrhu se očekává, že bude splňovat základní potřeby funkčnosti; splnění těchto požadavků není považováno za nic zvláštního.

Charakteristikami webu, který splňuje potřeby funkčnosti, mohou být stránky, které se načítají v rozumném čase, funkční odkazy a stránky, které reagují na základní tlačítka prohlížeče, jako je „Zpět“ a „Vpřed“.

Spolehlivost

Pokud váš návrh splňuje potřeby funkčnosti, může se posunout na další úroveň v hierarchii návrhů: spolehlivost. Váš návrh by nyní měl nabízet stabilní a konzistentní výkon. Nejenže funguje, ale funguje opakovaně.

Pokud váš přehrávač MP3 někdy hraje a někdy ne, pak nesplnil potřeby spolehlivosti. Pokud přehrává vždy, ale dělá to nepravidelně (tu a tam přeskočí, občas zpomalí a zrychlí), pak také nesplnil potřeby spolehlivosti.

Design, který splňuje pouze potřeby spolehlivosti, je vnímán jako nízká hodnota. Opět očekáváme, že produkty, které kupujeme, budou fungovat a budou fungovat trvale.

Spolehlivý web funguje trvale. To, co fungovalo včera, by mělo fungovat i dnes. Když se přidávají nové stránky a sekce, musí fungovat stejně dobře jako stávající stránky a sekce.

Uživatelnost

Jak snadno mohou uživatelé provádět základní úkoly? Může osoba s přehrávačem MP3 snadno zjistit, jak jej zapnout a vypnout? A co způsob přehrávání, zastavení, pozastavení a výběr skladby? To jsou potřeby použitelnosti. Váš návrh nyní funguje konzistentně. Otázka zní: „Dokážou lidé přijít na to, jak ho používat?“

Kromě toho, že je váš design snadno použitelný, je i šetrný? Stisknutí špatného tlačítka by nemělo smazat všechny skladby v přehrávači MP3. Důsledky jednoduchých chyb by neměly být hrozivé. Pokud uklouznutí prstu vymaže veškerou hudbu, pak přehrávač MP3 selhal v použitelnosti.

Použitelný design je vnímán jako středně hodnotný. Máme určitá základní očekávání ohledně použitelnosti, ale uznáváme, že mnoho věcí nefunguje zcela tak, jak bychom očekávali nebo chtěli. Použitelný design částečně odlišuje vaše webové stránky od těch na nižších úrovních.

Použitelný web má navigační systém, který je snadno pochopitelný a použitelný, organizaci, která umožňuje snadné procházení obsahu, čitelný text a rozvržení, v němž je orientace jednoduchá.

Výkonnost

Umožňuje váš design lidem dělat více a lépe? Umožňuje přehrávač MP3 vytvářet seznamy skladeb a snadno v nich vyhledávat? Poskytuje snadný mechanismus pro stahování skladeb z internetu a jejich přenášení do jiných zařízení a z nich?“

Tyto potřeby jsou zběhlostní. Není nezbytně nutné, aby váš MP3 přehrávač doporučoval nové skladby na základě vašich oblíbených, ale je to žádoucí a výrazně by to zlepšilo design.

Design považovaný za proficientní je vnímán jako fungující na vysoké úrovni. Za skvělý je považován design, který umožňuje lidem dělat věci, které dříve nebyly možné, a rozšiřuje základní funkce.

Profesionální web může obsahovat pokročilé možnosti vyhledávání, možnost kombinovat data z různých zdrojů do sofistikovanějších úrovní informací a webové nástroje.

Kreativita

Pokud jsou splněny všechny potřeby nižší úrovně, může váš design přejít ke kreativním potřebám. Po jejich splnění může nyní váš návrh interagovat s lidmi inovativními způsoby. Design může zkoumat a vytvářet věci, které rozšiřují samotný produkt.

Možná váš přehrávač MP3 učí hudební teorii tím, že dává doporučení na základě hudební struktury nejčastěji poslouchaných skladeb a poskytuje akordové tabulky a noty, které se přehrávají vizuálně v rytmu zvuku. Váš přehrávač MP3 může umožňovat vlastní skiny nebo vám umožní kombinovat části skladeb a vytvářet tak novou hudbu. Váš přehrávač MP3 může být tím nejkrásnějším na trhu.

Design, který splňuje kreativní potřeby, je vnímán jako design na nejvyšší úrovni. Vytvářejí si věrnou základnu fanoušků. Pokud vás úspěch společnosti Apple mate, už se nedivte. Uspokojuje kreativní potřeby designu.

Kreativní webová stránka může zahrnovat efekty AJAX, estetickou přitažlivost a interakci prostřednictvím hlasových příkazů.

Kritika hierarchie designu

Stejnou kritiku, jaká byla použita na Maslowovu hierarchii, lze aplikovat i na hierarchii designu. Musí být návrh nejprve spolehlivý, aby mohl být použitelný? Nelze splnit obojí najednou? Mohl by váš návrh uspokojit potřeby způsobilosti pro pokročilé uživatele a zároveň nebýt nejpoužitelnější pro začátečníky?“

Musíme opravdu mít vše správně na jedné úrovni, než věnujeme prostředky vyšším úrovním? Bude trh tolerovat produkt, který v 10 % případů bezdůvodně selhává, pokud ve zbývajících 90 % případů splňuje vše nad očekávání?

Ačkoli hierarchie intuitivně dává smysl, potřeby a přání trhu pravděpodobně určí, co je v hierarchii nejkritičtější zlepšit.

Další hierarchie potřeb

Maslowova hierarchie byla použita nejen na design. Mnoho příbuzných oborů ji používá k popisu toho, co dělají, a navrhuje, jak to dělat lépe.

Maslow aplikovaný na marketing

Maslowovy myšlenky se často uplatňují v marketingu. Ať už prodáváte cokoli, produkt má uspokojit potřebu někde v hierarchii. Chcete-li svůj výrobek nebo službu co nejlépe uvést na trh, určete, kde v hierarchii se nachází, a pochopte motivaci cílového uživatele k uspokojení těchto potřeb. Klasickým příkladem jsou pneumatiky Michelin. Namísto pouhého výčtu specifikací svých pneumatik a chlubení se tím, jak dobře drží na silnici, ukazuje reklama Michelin pneumatiky, které chrání děti, se sloganem: „Protože na vašich pneumatikách toho tolik závisí.“

Reklama využívá naši potřebu bezpečí. Využívá také dalšího stupně v hierarchii, našich sociálních potřeb – v tomto případě naší lásky k dětem. Specifikace jsou nudné. Příběh o tom, jak se ujistit, že vy a vaše rodina jste v bezpečí, uspokojuje hluboké psychologické potřeby.

Maslowova hierarchie nám také pomáhá určit, na jaký trh se zaměřit a jak nejlépe tento trh oslovit. Například máte skvělý nápad, jak zaplnit mezeru v poptávce po budování důvěry. Fantastické.

Ale zaměřujete se na nové majitele firem. Tato skupina je v hierarchii na druhé úrovni: bezpečnost. Obávají se o své zaměstnání a uživení rodiny. Zatím je nezajímá pocit sebedůvěry.

Museli byste si najít buď jiný příběh, který budete vyprávět ve svém marketingu, nebo jinou cílovou skupinu.

Maslow aplikovaný na psaní kódu

Patrick Dubrow se zabýval Maslowovou hierarchií a hierarchií designu a předložil hierarchii potřeb pro psaní kódu:

Pokud jste někdy psali kód, snadno pochopíte, jak tato hierarchie zapadá do Maslowovy i designové hierarchie. I ona je intuitivní a mohla by být podrobena stejné kritice jako Maslowova. Jistě, špatně fungující kód je třeba hned opravit, ale není důvod, proč by člověk nemohl psát elegantní a efektivní kód od prvního řádku.

Zdroje

Zde je několik dalších hierarchií založených na Maslowově:

• Hierarchie potřeb SEO
• Hierarchie potřeb uživatelského zážitku

Příklady

Všechny níže uvedené webové stránky jsou dobře navržené. Každý z nich má svůj vlastní styl a pro naše účely řeší jinou úroveň v hierarchii designu. Většina přirozeně splňuje potřeby nižší úrovně, ale některé se více zabývají vyššími úrovněmi a zanedbávají některé detaily nižší úrovně.

Oliver James Gosling

Y3K

Webové stránky Olivera Jamese Goslinga a Y3K jsou jednostránková portfolia. Oba splňují požadavky na funkčnost a spolehlivost. Jsou také estetické a začínají splňovat kreativní potřeby. Oliverovy webové stránky mají odkaz „Zpět na začátek“, který se posouvá po stránce dolů; tento příjemný prvek použitelnosti na webových stránkách Y3K chybí. Oliver také nabízí PDF obsahující všechny informace o jeho webových stránkách, což možná přidává designu trochu na profesionalitě.

Zloděj sklepůZloděj sklepů splňuje požadavky na funkčnost a je dalším esteticky příjemným webem. Estetika odpovídá celkovému sdělení o vínech. Spolehlivost i použitelnost by však snesly určité zlepšení. Tři hlavní odkazy v dolní části úvodní stránky („Vyberte si víno“, „Řekněte to svým přátelům“, „Dobrý pocit“) vedou nečekaně na stránku „O webu“. Na webu se také prodávají pouze tři vína dne, což je naprosto v pořádku, ale není to hned zřejmé.

Elan SnowboardsElan Snowboards splňuje základní funkčnost a má zajímavou estetiku. Děje se toho hodně a je těžké vědět, kam se dívat. Odkazy nejsou vždy zřejmé, a když kliknete hlouběji do webu, není vždy jasné, kde se nacházíte. Na druhou stranu web nabízí fórum, komunitní blogy a videa, které návštěvníkům zvyšují profesionalitu webu. Celkově se web zaměřuje spíše na potřeby vyšší úrovně na úkor některých nižších úrovní. Vzhledem k publiku webu je tento přístup pravděpodobně oprávněný.

CSS-TricksCSS Tricks pravděpodobně zná většina z vás. Splňuje potřeby funkčnosti, spolehlivosti a použitelnosti. Chris Coyier má sekce pro fórum, screencasty, volně dostupné soubory a úryvky kódu, což webu dodává vrstvu zběhlosti. Po kreativní stránce má web pěknou, i když známou, estetiku blogu a v postranním panelu má vhodné doteky AJAXu. Chris si dal také záležet na drobných detailech, které pomáhají naplňovat kreativní potřeby.

Ali FelskiWebové stránky Aliho Felskiho jsou kombinací portfolia a blogu. Funguje konzistentně a orientace v něm je snadná. Po splnění tří potřeb nižší úrovně dodává webu kreativitu. Jednou z příjemných věcí na designu je, že byste mohli odstranit všechny estetické prvky a stále byste měli vysoce funkční, spolehlivý a použitelný design.

Antique Piano ShopAntique Piano Shop splňuje všechny potřeby designu nižší úrovně a zároveň nabízí příjemnou estetiku. Splňuje potřeby profesionálů tím, že nabízí stránky, na kterých můžete identifikovat svůj klavír a prodat jej. Vzhledem k povaze stránek by ke splnění potřeb zběhlosti mohlo přispět, kdyby návštěvníci slyšeli, jak klavíry zní.

Fluid 960 GridSystém Fluid 960 Grid dobře splňuje potřeby designu nižší úrovně. Funguje, funguje konzistentně a snadno se používá. I když není nejkrásnější stránkou, se kterou se setkáte, má poměrně dost věcí, které splňují potřeby designu vyšší úrovně. Většina každé části stránky je funkční ukázkou. Můžete si prohlédnout, jak bude každá z nich fungovat pomocí knihoven jQuery nebo MooTools, nebo můžete zcela vypnout JavaScript a podívat se, jak dema fungují. Můžete také přepínat mezi 12- a 16sloupcovou tekutou a pevnou mřížkou.

Shrnutí

Ačkoli Maslowova hierarchie dává intuitivně smysl, kritici poukazují na mizivé důkazy, které ji podporují, zejména na předpoklad, že nižší úrovně musí být uspokojeny dříve než úrovně vyšší. Totéž lze říci o hierarchii potřeb v oblasti designu, nebo dokonce o jakékoli hierarchii založené na Maslowově. Na povrchu dávají smysl, ale chybí jim empirické důkazy.

Tyto hierarchie nejsou absolutní, kterými se musíte řídit. Stejně jako u každého návrhu se podívejte na kritéria úspěchu, abyste určili cíle návrhu. Vaše publikum může dát přednost esteticky krásnému webu, který má občasné zádrhele, před nudným webem, který je dokonale spolehlivý.

Není důvod, proč byste nemohli uspokojit potřeby vyšší úrovně před úplným uspokojením všech potřeb nižší úrovně, pokud chápete, že některé potřeby nižší úrovně jsou naprosto nezbytné. Samozřejmě, pokud se žádná z vašich stránek nenačte, pak je vše ostatní irelevantní. Tento problém budete muset vyřešit dříve, než se začnete starat o postupné vylepšování.

Podívejte se na hierarchii návrhu jako na vodítko. Většinou má smysl uspokojovat potřeby nižší úrovně před pokusy o uspokojení potřeb vyšší úrovně. Pokud váš web není použitelný, pravděpodobně to budete chtít napravit dříve, než návštěvníkům poskytnete další způsoby, jak se zdokonalit.

Další čtení na SmashingMagu:

• Vrstva osobnosti
• Toto rozhraní je (dobrý) vtip!
• Oprava pokaženého uživatelského prostředí
• Jak si poradit s přetíženými, iracionálními klienty

(al)

.