IN modernom svete pochopenie základov použiteľnosti je nevyhnutnosťou. Väčšina návštevníkov stránok nevykonáva akcie, ktoré od nich vlastníci zdrojov očakávajú. Ľudia si neobjednávajú tovar, neregistrujú sa, neodoberajú aktualizácie atď. Aký je dôvod tohto používateľského správania?
Dôvod je jednoduchý - zdroj je pre používateľa nepohodlný. Napríklad, aby ste si „objednali“ produkt, musíte prejsť niekoľkými stránkami a tlačidlo registrácie je úplne nemožné nájsť. To robí zdroj nekonkurencieschopným.
Ako znížiť počet okamžitých odchodov z webu? Ak si projekt vyžaduje dôkladný prístup, môžete kontaktovať štúdio, špecialistov. Laboratóriá použiteľnosti ponúknuť nielen rôzne možnosti testovanie a návrh rozhrania. A ak je rozpočet obmedzený, môžete sa pokúsiť naučiť základy použiteľnosti sami.

Pre vlastný vývoj rozhrania musíte zvážiť niekoľko jednoduchých pravidiel:

1. Pravidlo 7.
   Je známe, že schopnosť ľudský mozog nie neobmedzené. Osoba je schopná udržať krátkodobá pamäť nie viac ako 5-9 subjektov. Preto by ste do navigácie nemali umiestniť viac ako 7 položiek.
   Z tohto hľadiska si stránka tutu.ru určite zaslúži dobré recenzie, keďže hlavná funkcionalita bola umiestnená v hlavičke stránky, obmedzená na 4 položky ponuky a rozbaľovací zoznam.
   Zatiaľ čo webová stránka ruských železníc - skvelý príklad ako to nerobiť. Z množstva nesúrodých informácií je v očiach plno, chcete to jednoducho zavrieť a už sa nevrátiť.
2. pravidlo 2 sekundy.
   Čím menej používateľ čaká na odpoveď z programu, lokality alebo aplikácie, tým je pravdepodobnejšie, že daný produkt bude naďalej používať. 2 sekundy sú optimálny interval odozvy programu, o ktorý sa oplatí usilovať. Takže by ste sa mali stokrát zamyslieť, kým na stránku umiestnite ťažké flashové intro, ako to urobili na mtv.ru.
3. Pravidlo 3 kliknutia.
   Nikto nemá rád surfovanie po stránkach, ktoré hľadá potrebné informácie a funkčnosť. Návštevník musí mať prístup domovskej stránke na ktorúkoľvek inú stránku lokality vykonaním maximálne 3 kliknutí. To prispieva k úspešnejšiemu indexovaniu stránky vyhľadávacími robotmi.
4. Fittsovo pravidlo
   Model ľudského pohybu, ktorý publikoval Paul Fitts v roku 1954, určuje čas potrebný na to rýchle cestovanie k cieľovej zóne ako funkcia vzdialenosti k cieľu a veľkosti cieľa.
   Metaforicky možno pravidlo vysvetliť takto: ľahšie je ukázať na zapaľovač ako na zápalku. Ale ukázať na útes alebo obrovskú vzducholoď je rovnako jednoduché. Ak je objekt rozhrania, napríklad odkaz, už dostatočne veľký, nemá zmysel ho ešte zväčšovať.
5. obrátená pyramída
   Tohoto princípu sa drží aj samotný guru použiteľnosti Jakob Nielsen. Článok by mal začať súhrnným záverom, po ktorom nasleduje Kľúčové body, a končíme najmenej dôležitými informáciami pre čitateľov. To je optimálne pre web, kde chce používateľ získať informácie čo najrýchlejšie.

Ale aj rozhranie navrhnuté podľa všetkých pravidiel stojí za testovanie. Fokusové skupiny sú najviac cenovo dostupným spôsobom na testovanie na vlastnej koži.

Testovanie pozostáva zo štyroch fáz:

1. Výber cieľovej skupiny. Testeri sa musia zhodovať s vašimi cieľové publikum. Nežiadajte babičku, aby otestovala aplikáciu na nájdenie aktualizácií ovládačov.
2. Vypracovanie plánu testu- zoznam úloh, pre ktoré je váš produkt určený. Toto je zoznam, ktorý budú testeri nasledovať. Ak prevádzkujete internetový obchod, zoznam by mal obsahovať úlohy ako vyhľadávanie produktu, získanie informácií o produkte, cesta od získania informácií o produkte po jeho objednanie, odstránenie položky z košíka.
3. Vykonanie zoznamu úloh testermi a oprava chýb. Za chybu možno považovať čokoľvek: príliš zložitý obrázok captcha, žiadna správa zo servera, že „položka bola pridaná do košíka“, nemožnosť zmeniť počet položiek v košíku alebo zrušiť akciu atď.
4. Po identifikácii a oprave chýb je potrebné znova spustiť testovací cyklus. Cyklus sa musí opakovať, kým výsledky nebudú spĺňať požadované požiadavky.

Hodnotenie kvality rozhrania by sa malo vykonávať v každej fáze projektu. Neodkladajte testovanie použiteľnosti na poslednú chvíľu. Závažné chyby sa jednoducho nedajú opraviť, pretože projekt je v záverečnej fáze. A potom - buď to zopakujte znova, alebo získate nízke skóre použiteľnosti.
Na identifikáciu hlavných chýb spravidla stačí 5 testerov.

Súvisiaci príklad

Nakoniec poďme analyzovať typické chyby na príklade stránky známeho umelca Vlada Topalova. Predpokladajme, že si chceme dohodnúť prejav s jeho vedením a chceme na stránke nájsť ich kontakty. A tu začína pátranie!
Prvá vec, ktorú na stránke vidíme, je čierna úvodná obrazovka s odkazom „vstúpiť“ a návrhom na aktualizáciu prehrávača Flash.


Tlačidlo „vstúpiť“ znie ako výzva na prechod na hlavnú stránku webu. Ale namiesto hlavnej stránky sa dostávame na „prázdnu tabuľku“.


Tu upúta pohľad na červenú stužku a my si, samozrejme, myslíme, že je to odkaz a možno aj jedálny lístok. Ale nie - je to len symbol boja proti AIDS, ktorý má naznačovať sociálne postavenie speváka a nič viac. A potom ruka siaha doľava horný roh. A nie je tam vôbec menu, ale tlačidlo režim celej obrazovky. Pár sekúnd zmätku a hľadanie je na konci, vytúžené menu v spodnej časti, v strede obrazovky. Klikneme ... a uvidíme HRÁČA! Opäť sme boli oklamaní.


Počas prehrávania klipu v prehrávači pokračujeme v hľadaní menu. Teraz je na vrchole, v samom strede. V rozbaľovacom zozname konečne vidíme vytúžené slovo „Kontakty“. Ale ani tu to nie je také jednoduché. Tieto kontakty nie je možné skopírovať. Bude potrebné prepísať ručne!


Teraz o číslach. Čas odozvy sa môže líšiť v závislosti od rýchlosti pripojenia, no v každom prípade bude viac ako 2 sekundy. A cesta na stránku s kontaktmi na vedenie trvala 7 kliknutí. A mohol som si vziať len jeden.
Vlad Topalov si, samozrejme, takéto „kreatívne“ riešenia môže dovoliť. Je však zrejmé, že takéto rozhodnutia sú pre podnikanie jednoducho katastrofálne.

Použiteľnosť (z anglického usability – „ease of use“) je kvalitatívne hodnotenie jednoduchosti a komfortu práce so stránkou Používateľ by mal ľahko nájsť potrebné informácie, bez toho, aby ste sa stratili vo funkčnosti a početných stránkach, a zároveň získali estetické potešenie z práce so zdrojom.

Prečo je dôležité dodržiavať zásady použiteľnosti webu?

• Konverzia. Správne premyslená navigácia dotlačí užívateľa k vykonaniu cieľovej akcie: zavolať do firmy, stiahnuť si cenník, objednať si produkt, využiť službu atď. Je dôležité správne postaviť rozprávanie a štruktúru, pretože ak sa návštevník aspoň na pár sekúnd zamyslí alebo hneď nepochopí, ako ďalej, môžete ho stratiť. Napríklad, ak sa po prechode na hlavnú stránku od prvých riadkov nedozvie o pôsobnosti spoločnosti, nezistí, kde sa nachádza a čo robiť ďalej, kartu bez ľútosti zatvorí. Ak nenájde podrobné odpovede na svoje otázky vo forme článku, videa, grafiky, stane sa to isté.
• Dochádzka. Používateľ sa na stránku vráti len vtedy, ak ho práca s ňou baví. Preto by mal byť zdroj pohodlný a zrozumiteľný zo všetkých pozícií: text, navigácia, rozhranie, postupnosť akcií atď. Vzhľadom na veľký výber nemusí moderný spotrebiteľ zisťovať zložitosť práce s webom na dlhú dobu: je to tu ťažké - pôjde ku konkurencii, ktorá to má jasnejšie a jednoduchšie.

Princípy použiteľnosti webových zdrojov

Vývoj použiteľnosti webových stránok je založený na hlavnom pravidle: „čím jednoduchšie, tým lepšie“. Čím známejšiu štruktúru a rozhranie používateľ vidí, tým ľahšie sa mu orientuje a tým menej času strávi hľadaním požadovanej sekcie, pretože. sa bude cítiť sebavedomejšie.

1. Dizajn je kľúčom k dôvere v stránku

Vizuálnu časť nepreťažujte množstvom detailov, farieb a dynamických prvkov. Nič by nemalo odvádzať pozornosť používateľa od vnímania informácií. A pri dlhom pobyte na zdroji by sa nemal unaviť množstvom kontrastu, slabou čitateľnosťou textu, rôznorodou grafikou. Dôraz je kladený na minimalistický dizajn: okrem jedinečnosti by ste mali zvážiť kombináciu farieb pozadia a písma, počet a typ obrázkov.

Ešte jeden dôležitý bod: premyslený vzhľad» stránka – sľub dôvery zo strany spotrebiteľa, ktorý k vám prišiel prvýkrát. Jednoduchosť a dostupnosť použitia, farebné kombinácie, štýl, obrázky vhodné pre vašu cieľovú skupinu, kvalita obsahu, absencia chýb - to všetko ovplyvňuje umiestnenie zdroja.

Príklad webu presýteného grafikou. Dizajn je plný farebných kombinácií, ktoré rozptyľujú pozornosť, množstvo obrázkov.

2. Logický štruktúrovaný obsah

Jedným z hlavných faktorov použiteľnosti je pohodlné vnímanie textov. Štruktúra, dizajn, informačný obsah, logické členenie, optimalizácia, absencia chýb – všetky tieto parametre je dôležité zvážiť pri písaní článku. Ak je to dlhý textový sprievodca, vytvorte obsah vo forme odkazov, aby používateľ mohol rýchlo nájsť požadovanú časť.

Podľa správ od Clicktale a CX Partners dĺžka stránky neovplyvňuje, či používateľ preskúma obsah nižšie alebo nie. Dôležitejšia je dobre premyslená štruktúra grafiky a textu: zvýraznenie prioritných informácií, postupnosť.

3. Dôležité informácie - v ľavom rohu

Návštevníci prehliadajú webstránka v F-vzore: pozornosť je sústredená v ľavom hornom rohu a obmedzená na niekoľko prvých odsekov textu v zostupnom poradí. Preto pri distribúcii dôležitých informácií použitie takejto schémy zvýši pravdepodobnosť, že návštevník rýchlo nájde potrebné údaje, pozri najdôležitejšie, letmo preletí sekciou.

4. Komunikácia s používateľom

Úspešná registrácia, prijatá objednávka, neexistujúca stránka – človek by si mal vždy uvedomiť, čo sa deje. A to v každom detaile. Ak je zaregistrovaný v systéme - povedzte nám, čo robiť ďalej, ak je objednávka prijatá: uveďte číslo, čakaciu dobu hovoru, kontaktné údaje; ak ste sa dostali na stránku 404 – ako nájsť potrebné informácie alebo kam sa vrátiť.

Keď sa používateľ dostane na takúto stránku 404, nebude zmätený a pravdepodobne okamžite neopustí zdroj.

5. Vrátiť späť

Človek by mal byť schopný zmeniť názor. napr. sociálna sieť VKontakte vám umožňuje obnoviť stránku po jej odstránení. Niektoré internetové obchody - zmeniť alebo zmazať objednávku po jej zadaní, upraviť spôsob doručenia a platby. Všetky tieto sú súčasťou použiteľnosti webovej stránky.

6. Nenápadná ponuka pomoci

Netreba trvať na komunikácii. Veľké vyskakovacie okná ponúkajúce pomoc pri výbere, farebný pruh s telefónnym číslom zaberajúcim tretinu obrazovky – takéto prvky nielenže pôsobia rušivo, odpudzujú návštevníka, ale aj uzatvárajú časť funkcionality. V nižšie uvedenom príklade - formulár na výber produktu. Okno pomocníka by sa malo dať ľahko skryť, takže krížiky a iné podobné ikony by mali byť viditeľné, nie priesvitné alebo splývajúce s pozadím.

Je to lepšie ako na začiatku danej forme bol v zloženom stave, ale zároveň bol viditeľný - napríklad vo forme svetlej bočnej záložky. A zároveň neprekrývala časť obsahu na stránke. To posledné platí aj pre tlačidlá sociálnych médií.

7. Hovorenie jednoduchým jazykom

Nezameriavajte sa na odborné výrazy – hovorte jednoducho, aby používateľ nemusel tráviť čas výkladom nezrozumiteľného slova. Ak sa nezaobídete bez úzkych pojmov, vysvetlení, vytvorte vyskakovacie okná. To isté platí pre vypĺňanie formulárov: ak diktujete určité podmienky vo forme dĺžky mena, hesla, formátu telefónu, povolenej geografie - uveďte to vo forme rád.

8. Odmietnutie prudkých zmien

Týka sa to položiek menu, názvu a typu tlačidiel, ich umiestnenia. Predstavte si zmenu vo vašom obľúbenom supermarkete: po roku každodenného nakupovania si zrazu všimnete, že vedenie sa rozhodlo vymeniť oddelenia, produkty a zmeniť dizajn. A teraz je na pulte mlieko na kyslú smotanu, kašu - tam, kde bývalo maslo, a namiesto mrazených čerešní nájdete bravčové obličky. Ukazovatele sa stali krajšími, ale úplne inými - ako bežné ikony zliav. Zrátané a podčiarknuté: stratíte sa a strávite oveľa viac času ako zvyčajne, aby ste sa naučili nový dizajn a zorientovali sa, znova si na to zvykli.

To isté platí pre web dizajn: používateľ strávi nielen viac času, ale bude aj sklamaný, pretože namiesto ikony košíka teraz - "Pridať produkt", namiesto "Katalóg" - "Produkty" a obvyklé tri -rozmerné tlačidlá zjednodušeného tlačidla sa stali plochými a sekanými. Preto po koncepcii „preusporiadania“ nešokujte návštevníka - zmeny by mali byť postupné a nemali by radikálne meniť známu štruktúru.

9. Všetky možnosti – na prvý pohľad

Dobrým riešením je, keď používateľ vidí všetky sekcie, do ktorých môže ísť, pretože. môže kedykoľvek rýchlo zistiť, kde sa nachádza a ako sa dostať späť. Ak sa na stránke plánuje veľa obsahu, je rozumné poskytnúť vodorovný vrch, vertikálne menu(obe - prípadne s podsekciami), ako aj "suterén". Ak rozprávame sa o minimalistickú „vizitku“ resp vstupná stránka- stačí len horné horizontálne menu.

Ak existuje veľa kategórií, pridajte položku „Mapa stránok“, ktorá používateľovi umožní zistiť, ktoré sekcie zdroj obsahuje a ako sa tam dostať. Nezanedbávajte" chlebové omrvinky» - navigačný reťazec v hornej časti bloku obsahu, ktorý vám povie, ako sa daná osoba dostala na stránku.

Príklad šťastná karta stránky

10. Registračný a objednávkový formulár: čím stručnejšie, tým lepšie

Čím viac polí je potrebné vyplniť, tým menej času tomu chce používateľ venovať. Navyše rozloženie polí, nápisov, výber písma môže byť ideálne, no dĺžka je odpudivá. Moderné základy použiteľnosť núti webových vývojárov skrátiť dĺžku týchto formulárov na minimum a nemilosrdne vyhadzovať otázky o vzdelaní, výške príjmu, profesii atď. Ale! Porovnajte tieto dva formuláre: napriek prítomnosti iba niekoľkých dodatočných polí chcete prvé vyplniť menej ako druhé. Nehovoriac o požiadavke uviesť telefónne číslo.

11. Nápadné dlhé vyhľadávacie pole

Zodpovedajúce tlačidlo je najlepší pomocník návštevník. Najmä ak ide o veľký zdroj. Používateľ by mal nájsť hľadaný reťazec bez problémov. Aby pri prvom zoznámení nestrávil ani pár sekúnd hľadaním zodpovedajúceho riadku.

Ďalším dôležitým bodom je dĺžka vyhľadávacieho poľa. Podľa výskumu Jakoba Nielsena je priemerná veľkosť 18 znakov a optimálna dĺžka je 27 znakov. V 90% prípadov dokonca dlhý dotaz aby ho používateľ mohol vidieť celý a v prípade potreby ho opraviť. Ak chcete nastaviť požadovanú šírku, použite relatívna jednotka"em" sa rovná veľkosti použitého písma.

Vyhľadávací panel sa nenachádza v hlavičke stránky, ale pod prezentáciou, v spodnej časti stránky. Nie najviac pohodlná možnosť vzhľadom na to, že používateľ automaticky vyhľadá túto možnosť v hornej časti stránky.

12. Viac voľného miesta

Stránka sa dá porovnať s obývacou izbou: ak každá meter štvorcový zaneprázdnený niečím - človek sa bude cítiť nepríjemne. Aj tu je to rovnaké: ak je stránka preplnená užitočnými blokmi, sekciami, poznámkami a inými informáciami, návštevník sa stratí a nebude chápať, kam má v prvom rade zamerať svoju pozornosť. Moderný dizajn sklon k minimalizmu: na stránke - len to najdôležitejšie.

Veľa blokov s takmer nepostrehnuteľnými rámami, množstvo rôznych grafických prvkov a nedostatočné uprednostňovanie informácií neujasňujú, na čo treba pri vstupe na stránku venovať pozornosť.

Po zohľadnení všetkých zásad použiteľnosti sa prejde na testovanie, ktoré sa vykonáva neustále, pretože. akákoľvek chyba môže potenciálneho klienta odcudziť.

Testovanie použiteľnosti

Nové rozhranie sa hodnotí z dvoch pohľadov:

• kvalita. Táto kategória analyzuje funkčnosť zdroja, cieľovú orientáciu, gramotnosť štruktúry a prípravy obsahu, ako aj ďalšie parametre uvedené v predchádzajúcej časti. Je dôležité skontrolovať, či stránka neobsahuje chyby: nefunkčné odkazy, presmerovania, vzhľad stránky 404 atď.
• Kvantitatívne. Vyhodnocuje rýchlosť načítania stránky, odozvu, prechod medzi stránkami, vyhľadávanie požadovanej sekcie či tlačidla.

Testovanie sa vykonáva nezávisle alebo s pomocou špeciálne služby- napríklad Yandex.Metrica. Ak chcete sami vyhodnotiť použiteľnosť, musíte stráviť trochu času: prijať skupinu 5-6 ľudí z kategórie cieľových používateľov, pripraviť pre nich úlohy a otázky týkajúce sa prevádzky zdroja, vyvodiť závery zo získaných výsledkov, opravte nájdené chyby. Po zmeny ohnisková skupina by sa mala znovu zostaviť.

Je dôležité aplikovať pravidlá použiteľnosti nie na poslednú chvíľu: čím skôr vývojár začne plánovať štruktúru a vzhľad budúceho zdroja, tým viac aspektov bude premýšľať, tým lepší výsledok dostane a bude môcť vykonajte všetky úpravy bez zhonu. Najprv by ste mali analyzovať stránky konkurentov a identifikovať ich slabé stránky silné stránky, ako aj vyhodnotiť predchádzajúci zdroj, ak je k dispozícii, nájdením bodov, ktoré si vyžadujú zlepšenie.

Článok pripravila Victoria Zakirová.

Ponúkame vám preklad článku o základných pravidlách a princípoch, na ktorých je postavená použiteľnosť, uverejneného na blogu SmashingMagazine (s našimi doplnkami a komentármi na začiatok).

Každý vývojár, ktorý rešpektuje seba a svojich klientov vo veci tvorby webového projektu, vystupuje z pozície synergie vlastnej vízie a názorov zákazníkov do jedného kvalitného produktu. Najťažšie je napraviť nesprávne nápady a neúspešné návrhy prichádzajúce zvonku. Aby to bolo možné, musíte jasne vyjadriť svoj vlastný názor, podporený základnými princípmi použiteľnosti a odporúčaniami založenými na vlastných skúsenostiach.

Preto tento článok rozoberá najzákladnejšie pravidlá, princípy a odporúčania týkajúce sa použiteľnosti.

pravidlo 2 sekundy

Jedno z najzákladnejších pravidiel použiteľnosti. Používateľ nebude čakať na odpoveď systému dlhšie ako dve sekundy. Samotná hodnota „2“ bola zvolená svojvoľne, v procese sledovania rýchlosti načítania stránky sa však dokázala brániť.

IN všeobecný prípadčím nižšia je rýchlosť načítania stránky, tým lepšie. To platí pre projekty akejkoľvek zložitosti. Koniec koncov, vždy existuje možnosť súťažiť o zlomky sekúnd navyše. Ktovie, možno pomôžu návšteve vidieť vašu ponuku.

Pravidlo 7±2

Toto pravidlo predložil George Miller, ktorý uskutočnil výskum ľudského mozgu, konkrétne jeho schopnosti vnímať a spracovávať prichádzajúce informácie. V dôsledku toho sa získali výsledky, ktoré naznačujú, že krátkodobá pamäť je schopná pojať 5 až 9 entít.

Integráciou získaných výsledkov do oblasti budovania stránok môžeme hovoriť o limitných hodnotách počtu prvkov v navigačnom menu. Mnoho webmasterov zároveň tvrdí, že takýchto prvkov by nemalo byť viac ako 7. Na druhej strane existuje alternatívny názor, ktorý hovorí, že takéto tvrdenie neplatí pre všetky projekty (veľké portály a internetové obchody). Ak hovoríme o, povedzme, obyčajnom webe, potom pravidlo možno považovať za celkom funkčné.

Pravidlo 3 kliknutia

O tomto pravidle vie veľa ľudí. Je snáď najpoužívanejší. Jeho podstatou je, že používateľ, ktorý sa dostal na hlavnú stránku webu pri hľadaní informácií, nesmie urobiť viac ako 3 kliknutia a dostať sa na požadovaný obsah.

rozprávanie ľudský jazyk- navigácia by mala byť jednoduchá a nie zložitá, aby používateľ v čo najkratšom čase našiel to, čo hľadá.

Toto pravidlo nie je oficiálne, ale podmienené. Pre väčšinu stránok je to celkom rozumné.

Pri niektorých zdrojoch je zrozumiteľnosť systému zabezpečená napríklad 10 prechodmi. Hlavná vec je, že používateľ je pohodlný a jasne chápe, ktorým smerom by sa mal pohybovať.

Paretovo pravidlo alebo princíp 80/20

Pointa je taká 20 % akcií používateľa má za následok 80 % celkového efektu . Toto pravidlo pochádza z podnikateľského prostredia, kde „20 % zákazníkov tvorí 80 % tržieb spoločnosti“. Zároveň v oblasti použiteľnosti a elektronický obchod toto pravidlo nie menej relevantné. Mali by ste identifikovať týchto 20 % svojho publika a zvýšiť pozornosť na ich potreby tým, že pre nich vytvoríte čo najviac komfortné podmienky práca na stránke.

6 pravidiel pre vývoj dizajnu webových stránok a aplikácií

Ben Schneiderman uskutočnil výskum zameraný na štúdium interakcií medzi ľuďmi a počítačmi. V dôsledku toho boli na ich základe formulované základné princípy vývoja dizajnu:

• Logika umiestnenia a prítomnosti každého prvku;
• Používatelia sa delia na bežných a pokročilých. Pre druhú skupinu je potrebné vytvárať príležitosti pre viac rýchla práca: špeciálne schopnosti(napríklad implementácia RSS kanály), klávesové skratky, skratky atď.
• Návštevník stránky alebo aplikácie si musí byť istý, že všetku interakciu medzi ním a vaším produktom má plne pod kontrolou;
• Snažte sa príliš nezaťažovať krátkodobú pamäť používateľov;
• Prostredníctvom vášho produktu vstupujete do akéhosi dialógu s vašim návštevníkom. Tento dialóg musí byť ukončený;
• Implementujte ľahko dostupnú a informatívnu spätnú väzbu.

obrátená pyramída

obrátená pyramída- taký štýl písania, v dôsledku ktorého sa hlavná myšlienka dostáva do popredia a možno si ju prečítať hneď na začiatku článku. V skutočnosti sa článok začne záverom a po ňom budú odhalené hlavné kľúčové body. Najmenej dôležitá informácia by mali byť uvedené v spodnej časti článku.

Vznik tohto štýlu prezentácie sa vysvetľuje tým, že v dynamickom svete internetu chcú používatelia nájsť odpovede v čo najkratších časových intervaloch. Zároveň, ak návštevníka okamžite zaujme obsah článku, je väčšia pravdepodobnosť, že ho dokončí.

Subjektívna spokojnosť

Pri hodnotení činností používateľov je možné poznamenať, že spravidla si nevyberajú najoptimálnejšiu, ale najprijateľnejšiu cestu. Tie. pri hľadaní riešenia sa môžu uspokojiť s najrýchlejšou a zďaleka nie najlepšou odpoveďou.

Bežný používateľ bude hľadať riešenie, ktoré uspokojí jeho primárne potreby informácií na konkrétnu požiadavku, a nebude hľadať alternatívne riešenia, ktorá by potenciálne mohla pokryť súvisiace problémy a poskytnúť mu informácie na dlhšiu dobu.

Vo vyšetrovacej väzbe

Na základe vyššie uvedených informácií si teda môžete vytvoriť základnú predstavu o princípoch, odporúčaniach a základných verejných aj nevyslovených pravidlách použiteľnosti.

Je dôležité pochopiť, že používateľ nechce myslieť. Nechce premýšľať o tom, ako vykonať tú alebo onú akciu na stránke. Zamerajte sa preto na jednoduchosť implementácie a intuitívne veci, ktoré budú akýmisi ukazovateľmi na ceste návštevníka k cieľu.

Ak máte k prezentovaným doplnkom, odporúčaniam alebo komentárom, budeme vďační, ak sa s nami o ne podelíte v komentároch.

Jacob Nielsen

Použiteľnosť je atribút kvality, ktorý určuje, aké jednoduché je používanie používateľského rozhrania. Slovo „použiteľnosť“ tiež označuje súbor techník, ktoré slúžia na zlepšenie rozhrania počas procesu vývoja.

Použiteľnosť má päť kvantitatívnych komponentov:

* Naučiť sa: Aké ľahké je pre používateľov dokončiť základné úlohy, keď prvýkrát narazia na rozhranie, ktoré nepoznajú?

* Efektivita: Keď sa používatelia zoznámia s dizajnom, ako rýchlo môžu dokončiť rovnakú úlohu?

* Zapamätateľnosť: Keď sa používateľ po určitom čase opäť vráti do rozhrania, aké ľahké bude pre neho obnoviť svoje zručnosti pomocou tohto rozhrania?

* Chyby: koľko chýb používateľ urobí, aké závažné sú tieto chyby, ako ľahko môže používateľ tieto chyby opraviť?

* Spokojnosť: ako príjemné je používateľovi používať toto rozhranie?

Okrem použiteľnosti existuje mnoho ďalších dôležitých kvalitatívnych vlastností dizajnu. Jednou z kľúčových je utilita, ktorá popisuje funkčnosť dizajnu a odpovedá na otázku: je rozhranie to, čo používateľ potrebuje? Použiteľnosť a užitočnosť sú rovnako dôležité: aký zmysel má program, aj keď sa ľahko používa, ak nerobí to, čo chcete? Zlý je aj program, ktorý hypoteticky robí to, čo chcete, ale nemôžete s ním pracovať kvôli jeho komplikovanému rozhraniu. Na štúdium užitočnosti programu môžete použiť rovnaké metódy ako pri štúdiu kvality jeho použiteľnosti.

Na webe je použiteľnosť nevyhnutná podmienka prežitie. Ak sa s webovou stránkou ťažko pracuje, návštevníci ju jednoducho opustia. Ak na domovskej stránke webu nie je jasne uvedené, čo spoločnosť robí a aké úlohy vám stránka umožňuje, návštevníci odídu. Ak je stránka neprehľadná, návštevníci odchádzajú. Ak sú informácie na stránke ťažko zrozumiteľné a nereagujú na ne kľúčové otázky návštevníci, odchádzajú. Nie sú žiadni takí návštevníci, ktorí by si pozorne preštudovali „referenčnú príručku pre prácu so stránkou“ alebo venovali svoj čas ovládaniu jej rozhrania. IN Web-e kompletný Existuje veľa iných stránok, takže opustenie stránky je prvým impulzom, ktorý návštevníci majú, keď sa dostanú do ťažkostí.

Prvým pravidlom elektronického obchodu je, že ak návštevníci nemôžu nájsť produkt, neexistuje spôsob, ako si ho kúpiť.

Dnešné skúsenosti ukazujú, že približne 10 % rozpočtu projektu by sa malo minúť na použiteľnosť. V priemere to viac ako zdvojnásobí kvalitu webovej stránky a o niečo menej ako zdvojnásobí. V priemere to pomôže viac ako zdvojnásobiť kvalitu webovej stránky a o niečo menej ako zdvojnásobiť kvalitu intranetovej stránky. V prípade softvéru a iných produktov je miera zlepšenia kvality o niečo nižšia, ale stále významná.

Pri vývoji produktov pre interné použitie vezmite do úvahy, že 2x zlepšenie použiteľnosti znamená skrátenie času školenia používateľov na polovicu, zdvojnásobenie objemu predaja, počtu registrovaných používateľov a objednávok a vo všeobecnosti zdvojnásobenie výsledku, ktorý očakávate od projektu.

Existuje mnoho metód na učenie použiteľnosti, ale najzákladnejšou a najužitočnejšou je používateľské testovanie vášho návrhu.

Skladá sa z troch prvkov:

Vyberte používateľov, ktorí sú pre váš projekt/produkt najtypickejší, napríklad návštevníci komerčných stránok alebo zamestnanci vašej spoločnosti, ktorí často používajú internet (v druhom prípade by ste mali vybrať tých, ktorí nepracujú vo vašom oddelení);
- Požiadajte ich, aby dokončili najbežnejšie úlohy;
- Sledujte, čo používatelia robia, kde sa im darí, kde sú problémy s rozhraním. Buďte ticho a počúvajte, čo vám chcú povedať.

Najdôležitejšie je otestovať s každým používateľom. Nech každý z nich nezávisle vyrieši problémy, ktoré pred ním vyvstanú.

Ak im pomôžete alebo upozorníte na nejaký konkrétny prvok na obrazovke, pokazíte výsledky testu.

Na identifikáciu najviac vážne problémy pri použiteľnosti stačí do testovania zapojiť 5 používateľov. Namiesto toho, aby ste míňali veľa peňazí na veľa drahého výskumu, je najlepšie vykonať niekoľko malých testov a po každom vykonať zmeny v dizajne, aby ste mohli okamžite opraviť zistené chyby. Táto metóda prírastkového návrhu je najlepšia na zlepšenie kvality. finálny produkt. Čím viac verzií a nápadov používateľom vrátite, tým lepšie.
Použiteľnosť hrá úlohu v každej fáze projektu. Hodnotenie kvality rozhrania v každej fáze je len jedným z dôvodov, prečo odporúčam spustiť viacero rýchlych a lacných testov. Vyzerá to takto:

Pred spustením nového dizajnu otestujte starý dizajn, aby ste identifikovali dobré body, ktoré je potrebné zachovať alebo posilniť, a zlé body, ktoré spôsobujú používateľom problémy.

V prípade, že nepracujete na intranetovom projekte, preskúmajte dizajn svojich konkurentov, aby ste získali údaje možnosti rozhranie, ktoré má rovnakú funkčnosť ako vaše.

Vykonajte testovanie v reálnom svete, aby ste vyhodnotili, ako používatelia interagujú s rozhraním vo svojom vlastnom pracovnom prostredí.

Vytvorte papierové prototypy jedného alebo viacerých návrhov a otestujte ich s používateľmi. Čím menej času strávite realizáciou nápadu, tým lepšie, keďže stále musíte meniť dizajn na základe výsledkov testov.

Vyleštite nápady, ktoré dávajú najlepšie skóre na niekoľkých testoch. Postupne prejdite od načrtnutého návrhu na papieri k detailnejšiemu a detailnejšiemu návrhu v počítači. Spustite testy v každej fáze vykonávania zmien.

Skontrolujte dizajn podľa všeobecne uznávaných pokynov na používanie.

Keď sa rozhodnete pre konečný dizajn a implementujete ho, znova ho otestujte. Vo fáze implementácie sa vždy vyskytujú menšie chyby.

Neodkladajte testovanie svojho dizajnu s používateľmi na poslednú chvíľu. Ak to urobíte, väčšina kritické chyby, ktoré sa pri teste nájdu, už nebude možné opraviť. Mnohé z týchto chýb budú štrukturálneho charakteru a budú musieť byť prerobené, aby sa odstránili.

Jediný spôsob, ako získať kvalitu používateľské rozhranie- začať testovať od úplného začiatku vývoja projektu a pokračovať v testovaní v každej fáze.

Objednajte si audit vašej stránky vo Webcom Performance, zamestnanci vykonajú podrobnú analýzu všetkých parametrov stránky a poskytnú vám podrobnú správu s odporúčaniami na opravu chýb na stránke, zlepšenie jej štruktúry a funkčnosti.

14. novembra 2011 o 19:02 hod

Princípy použiteľnosti: zrozumiteľné, pohodlné, pohodlné. Stručne o hlavnom

• Blog centra digitálnych profesionálov

V dnešnom svete je pochopenie základov použiteľnosti nevyhnutnosťou. Väčšina návštevníkov stránok nevykonáva akcie, ktoré od nich vlastníci zdrojov očakávajú. Ľudia si neobjednávajú tovar, neregistrujú sa, neodoberajú aktualizácie atď. Aký je dôvod tohto používateľského správania?
Dôvod je jednoduchý - zdroj je pre používateľa nepohodlný. Napríklad, aby ste si „objednali“ produkt, musíte prejsť niekoľkými stránkami a tlačidlo registrácie je úplne nemožné nájsť. To robí zdroj nekonkurencieschopným.
Ako znížiť počet okamžitých odchodov z webu? Ak si projekt vyžaduje dôkladný prístup, môžete kontaktovať štúdio, špecialistov. Laboratóriá použiteľnosti ponúkajú nielen rôzne možnosti testovania a dizajn rozhrania. A ak je rozpočet obmedzený, môžete sa pokúsiť naučiť základy použiteľnosti sami.

Pre vlastný vývoj rozhrania musíte zvážiť niekoľko jednoduchých pravidiel:

1. Pravidlo 7.
   Je známe, že schopnosti ľudského mozgu nie sú neobmedzené. Osoba je schopná udržať v krátkodobej pamäti nie viac ako 5-9 entít. Preto by ste do navigácie nemali umiestniť viac ako 7 položiek.
   Z tohto hľadiska si stránka tutu.ru určite zaslúži dobré recenzie, pretože hlavná funkcia bola umiestnená v hlavičke stránky, obmedzená na 4 položky ponuky a rozbaľovací zoznam.
   Zatiaľ čo webová stránka ruských železníc je skvelým príkladom toho, čo nerobiť. Z množstva nesúrodých informácií je v očiach plno, chcete to jednoducho zavrieť a už sa nevrátiť.
2. pravidlo 2 sekundy.
   Čím menej používateľ čaká na odpoveď z programu, lokality alebo aplikácie, tým je pravdepodobnejšie, že daný produkt bude naďalej používať. 2 sekundy sú optimálny interval odozvy programu, o ktorý sa oplatí usilovať. Takže by ste sa mali stokrát zamyslieť, kým na stránku umiestnite ťažké flashové intro, ako to urobili na mtv.ru.
3. Pravidlo 3 kliknutia.
   Nikoho nebaví surfovať po stránkach a hľadať potrebné informácie a funkcie. Návštevník by mal byť schopný dostať sa z hlavnej stránky na akúkoľvek inú stránku webu tak, že neurobí viac ako 3 kliknutia. To prispieva k úspešnejšiemu indexovaniu stránky vyhľadávacími robotmi.
4. Fittsovo pravidlo
   Model ľudského pohybu, ktorý publikoval Paul Fitts v roku 1954, určuje čas potrebný na rýchly presun do cieľovej oblasti ako funkciu vzdialenosti cieľa a veľkosti cieľa.
   Metaforicky možno pravidlo vysvetliť takto: ľahšie je ukázať na zapaľovač ako na zápalku. Ale ukázať na útes alebo obrovskú vzducholoď je rovnako jednoduché. Ak je objekt rozhrania, napríklad odkaz, už dostatočne veľký, nemá zmysel ho ešte zväčšovať.
5. obrátená pyramída
   Tohoto princípu sa drží aj samotný guru použiteľnosti Jakob Nielsen. Článok by mal začínať zhrnutím, po ňom by mali nasledovať kľúčové body a na konci by mali byť pre čitateľov najmenej dôležité informácie. To je optimálne pre web, kde chce používateľ získať informácie čo najrýchlejšie.

Ale aj rozhranie navrhnuté podľa všetkých pravidiel stojí za testovanie. Focus groups sú cenovo najdostupnejší spôsob, ako si urobiť vlastné testovanie.

Testovanie pozostáva zo štyroch fáz:

1. Výber cieľovej skupiny. Testeri by mali byť relevantné pre vašu cieľovú skupinu. Nežiadajte babičku, aby otestovala aplikáciu na nájdenie aktualizácií ovládačov.
2. Vypracovanie plánu testu- zoznam úloh, pre ktoré je váš produkt určený. Toto je zoznam, ktorý budú testeri nasledovať. Ak prevádzkujete internetový obchod, zoznam by mal obsahovať úlohy ako vyhľadávanie produktu, získanie informácií o produkte, cesta od získania informácií o produkte po jeho objednanie, odstránenie položky z košíka.
3. Vykonanie zoznamu úloh testermi a oprava chýb. Za chybu možno považovať čokoľvek: príliš zložitý obrázok captcha, žiadna správa zo servera, že „položka bola pridaná do košíka“, nemožnosť zmeniť počet položiek v košíku alebo zrušiť akciu atď.
4. Po identifikácii a oprave chýb je potrebné znova spustiť testovací cyklus. Cyklus sa musí opakovať, kým výsledky nebudú spĺňať požadované požiadavky.

Hodnotenie kvality rozhrania by sa malo vykonávať v každej fáze projektu. Neodkladajte testovanie použiteľnosti na poslednú chvíľu. Závažné chyby sa jednoducho nedajú opraviť, pretože projekt je v záverečnej fáze. A potom - buď to zopakujte znova, alebo získate nízke skóre použiteľnosti.
Na identifikáciu hlavných chýb spravidla stačí 5 testerov.

Súvisiaci príklad

Nakoniec rozoberieme typické chyby na príklade stránky známeho umelca Vlada Topalova. Predpokladajme, že si chceme dohodnúť prejav s jeho vedením a chceme na stránke nájsť ich kontakty. A tu začína pátranie!
Prvá vec, ktorú na stránke vidíme, je čierna úvodná obrazovka s odkazom „vstúpiť“ a návrhom na aktualizáciu prehrávača Flash.


Tlačidlo „vstúpiť“ znie ako výzva na prechod na hlavnú stránku webu. Ale namiesto hlavnej stránky sa dostávame na „prázdnu tabuľku“.


Tu upúta pohľad na červenú stužku a my si, samozrejme, myslíme, že je to odkaz a možno aj jedálny lístok. Ale nie - je to len symbol boja proti AIDS, ktorý má naznačovať sociálne postavenie speváka a nič viac. A potom sa ruka natiahne do ľavého horného rohu. A nie je tam vôbec ponuka, ale tlačidlo režimu celej obrazovky. Pár sekúnd zmätku a hľadanie je na konci, vytúžené menu v spodnej časti, v strede obrazovky. Klikneme ... a uvidíme HRÁČA! Opäť sme boli oklamaní.


Počas prehrávania klipu v prehrávači pokračujeme v hľadaní menu. Teraz je na vrchole, v samom strede. V rozbaľovacom zozname konečne vidíme vytúžené slovo „Kontakty“. Ale ani tu to nie je také jednoduché. Tieto kontakty nie je možné skopírovať. Bude potrebné prepísať ručne!


Teraz o číslach. Čas odozvy sa môže líšiť v závislosti od rýchlosti pripojenia, no v každom prípade bude viac ako 2 sekundy. A cesta na stránku s kontaktmi na vedenie trvala 7 kliknutí. A mohol som si vziať len jeden.
Vlad Topalov si, samozrejme, takéto „kreatívne“ riešenia môže dovoliť. Je však zrejmé, že takéto rozhodnutia sú pre podnikanie jednoducho katastrofálne.