Intuitívne rozhranie. Spočítajte, ako často počujete / čítate túto frázu? Alebo si to často hovoríš sám? ;)

Zároveň si vždy kladiem rôzne zákerné otázky: kto tomu rozumie? ako je to jasné? A tak ďalej ... Pamätám si, že sme sa viackrát hádali napríklad s Kapitánom o weby všeobecne (posledný takýto prípad).

Toto je príslovie. A tu je rozprávka. Nepísal som a ani neplánujem písať platené príspevky: príspevky, v ktorých sa musím pozitívne vyjadrovať o tom, kto mi zaplatí. Takto odpovedám každému, kto si chce príspevok kúpiť. Ale niekedy – na moju radosť – natrafím na adekvátnych ľudí, ktorí sú pripravení CHOP sa príležitosti... Neberiem peniaze, ale sľubujem, že vyjadrím, čo si myslím o službe / webovej stránke / spoločnosti. Poctivé riziko? :))

Som rád, že tentoraz na moju návnadu padla práve bieloruská služba. A rozhodol som sa nielen opísať to, čo vidím, ale aj uskutočniť takýto experiment s mikropoužiteľnosťou.

Ja sám nešoférujem (a - bože - ani nebudem). Mám však vynikajúci experimentálny predmet: moja matka je skúsená vodička a neskúsená používateľka internetu :) Položil som mamu k počítaču, otvoril som stránku zavodi.by a ponúkol som jej, že nájdem pneumatiky, ktoré sú pre ňu teraz relevantné ...

Takže po krátkom pokyne - o aký druh stránky ide - moja matka začala hľadať ...

Objavy, ktoré urobila, boli pre mňa tiež odhaleniami.

Napríklad neskúsený používateľ internetu okamžite nerozumie ako môžeš hľadať:)) Navyše to "rýchle vyhľadávanie" () v skutočnosti nie je také malé, však? A od rozšíreného () sa dosť líši... Úprimne povedané, RÝCHLE hľadanie osobne by som (spolu s mamou :)) urobil menej...

Druhý objav večera: mama je síce zarytá vodička, no všetky parametre pneumatík si nepamätá naspamäť (áno, aj bez toho je na čo spomínať...) Pretože hlavným háčikom bolo zapamätať si správne parametre... Interval„Aj mne sa to zdalo neprehľadné (síce nie som motorista, ale na druhej strane žijem stále na webe...)

Mimochodom, úspešným riešením problému v tejto tiesni je ... no, veľmi rýchle vyhľadávanie v samostatnom menu, keď si môžete okamžite vybrať to, čo je najrelevantnejšie (podľa ceny, podľa štátu, typu a tak ďalej) ().

Samostatne by som chcel poznamenať stránku, na ktorej majitelia stránok hlásia, že v databáze nie sú žiadne vhodné pneumatiky. Bežnému používateľovi v tejto chvíli padne do oka to, čo je väčšie a jasnejšie, teda: logo Nokian a text o nich. A to je všetko... Keby som bol vývojármi, venoval by som pozornosť tejto malej, ale dôležitej stránke, zvýrazňujúcej aspoň trochu jasnejšie samotné posolstvo a pokyn "Čo robiť ďalej?" ().

Po nájdení vhodných pneumatík si mama pozorne (áno, aj to je pre ňu dôležité) prečítala popis a mohla si už objednať... Keby to doteraz nebol len experiment :) Tu budem pokračovať vo svojom mene.

Chcel by som tiež poznamenať, že služba je robená tak, že „ objednávky gumy sa vykonávajú prostredníctvom nášho manažéra! Deje sa tak preto, aby bola vaša požiadavka vybavená čo najrýchlejšie a najefektívnejšie.„Tento prístup nám – kupujúcim – šetrí čas a nervy (pamätajte na časté konflikty takýchto stránok, napr. Online, na tému „kto je na vine“: stránka alebo predajcovia v každom prípade).

Čo bude dôležité pre väčšinu Bielorusov: stránka je „ľahká“ a načítava sa pomerne rýchlo a bez problémov (ako viete: „Zatiaľ čo Rusi pozerajú YouTube, Bielorusi čítajú Wikipédiu.“

Moja veta? zavodi.by riskovali nie nadarmo (hlavne vzhľadom na to, že nemajú ani mesiac, pokiaľ som pochopil). Myslím tým, že tieto služby sú užitočné v mnohých oblastiach. A ako sa mi teraz uľahčí život, keď nebudem potrebovať hľadať vhodné pneumatiky pre mamu po celej zátoke: -D Samozrejme, na projekte je ešte veľa práce, je priestor rásť a rozvíjať sa , ale východisko podľa mňa nie je zlé.

Existuje veľa informácií o rôznych metódach návrhu používateľského rozhrania, ktoré môžete použiť pri vytváraní webovej stránky alebo rozhrania programu.
Zostavil som zoznam 8 charakteristík, ktoré považujem za kľúčové k úspešnému používateľskému rozhraniu.

Dostupnosť

Prístupnosť je najdôležitejším prvkom dizajnu! V podstate celý účel používateľského rozhrania je umožniť používateľom interakciu s vaším systémom. Ak osoba nedokáže pochopiť, ako vaša aplikácia funguje, bude len zmätená a nakoniec frustrovaná. Preto sa pri navrhovaní rozhrania pre vašu aplikáciu alebo webovú stránku uistite, že je pre vášho používateľa intuitívne.

Čo robí toto tlačidlo? Umiestnite kurzor myši a čítajte.

Minimalizmus

Preťaženie je nepriateľom dobrého používateľského rozhrania. Je ľahké padnúť do pasce nadbytočnej dostupnosti – pridávaním ďalších a ďalších ovládacích prvkov urobíte obrovskú chybu – preplníte rozhranie. Vaše rozhranie rastie a používateľ bude musieť veľa čítať, aby pochopil, čo, kde a prečo sa nachádza.
Ujasnite si veci, ale s minimálnou réžiou. Ak dokážete opísať možnosti jednou vetou namiesto troch, urobte to. Keď môžete označiť prvok jedným slovom namiesto dvoch, urobte to. Ušetrite čas svojich používateľov, zatiaľ čo pohodlie a minimalizmus trvá dlho, vaše úsilie bude odmenené.

Ovládací panel úrovne zvuku v OS X. Stručný a dostupný, nič viac.

Dôvera

Mnoho dizajnérov sa snaží, aby boli rozhrania „intuitívne“. Čo však v skutočnosti znamená „intuitívne“? To znamená, že používatelia musia inštinktívne pochopiť a pochopiť možnosti projektu. Ale ako môžete urobiť niečo intuitívne? Navrhujete veci, ktoré sú vám známe, a to, čo sa vám môže zdať samozrejmé, môže byť pre používateľov odpudzujúce a náročné.
Požiadajte svojich príbuzných a priateľov, aby vykonali akékoľvek akcie prostredníctvom vášho rozhrania, napríklad si objednali produkt, ak vaše rozhranie zahŕňa predaj niečoho. Sledujte každú akciu používateľa, chyby, ktoré robí. Týmto spôsobom nazbierate množstvo medzier v rozhraní, ktoré komplikujú interakciu systému s používateľom. A až po odstránení problémových oblastí môže byť vaše rozhranie pripravené na prácu.

Intuitívne rozhranie GoPlan. Štítky na kartách pomáhajú používateľovi pochopiť obsah sekcie.

Schopnosť reagovať

Reakcia znamená niekoľko vecí. Rozhranie webovej stránky by malo byť veľmi rýchle. Dlhé čakanie na načítanie stránky je otravné. Uistite sa, že sa stránka načíta čo najrýchlejšie, dokonca aj na pomalých internetových kanáloch.
Odozva tiež znamená určitú konzistentnú formu interakcie používateľa. Rozhranie by malo informovať používateľa o tom, čo sa deje. Napríklad kliknete na tlačidlo odoslať správu. Ak sa správa odosiela cez AJAX, bolo by rozumné uviesť na výstup stavy odoslania, ako napríklad „Odosielam...“, „Odoslaná správa“ alebo „Správu sa nepodarilo odoslať“. Keď používateľ vidí pokrok, cíti sa pokojnejšie. Toto je obzvlášť viditeľné na pomalých internetových kanáloch.

Počas načítavania Gmailu sa zobrazuje indikátor priebehu.

Zhoda s kontextom

Pri rozhodovaní o dizajne zvážte typ obsahu stránky. Rôzne stránky môžu obsahovať rôzne typy obsahu. Prispôsobte každú stránku tak, aby vyhovovala jej príslušnému obsahu, vytvorte ovládacie prvky, ktoré používateľovi uľahčia interakciu s webom, a skúste to urobiť. Nezabúdajte však na minimalizmus!
Používateľ si teda po práci s vašimi ovládacími prvkami na ne zvykne a ďalšia práca s vašimi prostriedkami bude pre neho „rutinná“.


Ovládacie prvky MS Office, ktoré sa líšia pre každý typ obsahu.

Atraktívnosť

Aj keď to môže byť trochu kontroverzné, verím, že dobré rozhranie by malo byť atraktívne. Užívateľsky prívetivé rozhranie spríjemňuje prácu s ním. Áno, môžete vytvoriť rozhranie, ktoré sa ľahko používa, je efektívne a pohotové, a svoju prácu bude robiť perfektne – ale ak k tomuto zoznamu výhod pridáte atraktívnosť, bude sa vám s ním pracovať čisto!
Je však ťažké vytvoriť rozhranie, ktoré sa bude páčiť každému. Každý má svoje preferencie a to, čo sa jednému zdá krásne, bude pre iného hnusné. Používateľov však možno rozdeliť do niektorých sociálnych/demografických skupín, ktoré budú zahŕňať vaše cieľové skupiny. Napríklad rozhranie pre skupinu „mladé matky“ sa bude zásadne líšiť od „manažérov predaja autodielov“.

Efektívnosť

Používateľské rozhranie je nástrojom na správu. Poskytuje prístup k rôznym funkciám vašej aplikácie alebo webovej lokality. Dobré rozhranie by malo používateľovi umožniť vykonať požadovanú akciu s čo najmenším úsilím.
Je veľmi dôležité pochopiť, čo chce používateľ na konkrétnej stránke najčastejšie dosiahnuť. Nemusíte uvádzať všetky funkcie vášho projektu, používateľa najčastejšie zaujíma len malá časť tohto zoznamu.
Uistite sa, že používateľ môže okamžite nájsť najužitočnejšie a najžiadanejšie funkcie, výrazne mu to zjednoduší komunikáciu s projektom.

Tri najčastejšie vykonávané akcie na fotografiách v Apple Iphone sú spojené do spoločného zoznamu s okamžitým prístupom.

blahosklonnosť

Nikto a nič nie je dokonalé. Buďte pripravení na to, že používatelia budú robiť chyby pri práci s vaším projektom. Môže sa to stať vašou vinou alebo vinou používateľa. Musíte správne zvládnuť všetky možné chyby - to bude jeden z hlavných ukazovateľov kvality vášho projektu. Netrestajte používateľa – vytvorte „zhovievajúce“ rozhranie.
Údaje musíte chrániť pred náhodnými akciami používateľa. Ak napríklad niekto vymaže dôležité informácie, poskytnite možnosť na ich obnovenie. Keď používateľ prejde na neexistujúce stránky, neodstrašte ho chybami servera, namiesto toho poskytnite zoznam alternatívnych smerov, ktorými sa môže riadiť.
Páči sa mi, ako je vytvorená chybová stránka 404 v Yandex.

Omylom vymazali dôležité informácie v Gmaile. Žiadny problém, akciu môžeme vrátiť späť!

Záver

Tým, že budete pracovať na dosiahnutí jednej z týchto vlastností, môžete vytvoriť problémy na dosiahnutie druhej. Napríklad v snahe urobiť rozhranie zrozumiteľnejším, môžete pridať veľa popisov a vysvetlení, vďaka čomu bude rozhranie v konečnom dôsledku ešte ťažkopádnejšie a nepohodlné. Alebo skrátenie materiálu na dosiahnutie minimalizmu môže spôsobiť, že veci budú pre bežného používateľa nepochopiteľné. Na dosiahnutie rovnováhy je potrebná zručnosť a veľa času a pamätajte, že váš výber dizajnu sa bude pravdepodobne líšiť od projektu k projektu. To, čo je relevantné pre jednu osobu, nemusí byť prijateľné pre druhú.
Rád by som počul vaše komentáre k tomuto článku. 26. decembra 2016 o 22:23 hod

Intuitívne programovanie

• ladenie,
• programovanie,
• Perfektný kód

Počas mojej relatívne krátkej pracovnej praxe (asi 6 rokov) som pomerne často počúval vety skúsených aj začínajúcich programátorov - „Mám pocit, že by to malo fungovať“, „Mám pocit, že táto metóda nebude fungovať“, „Poďme na to intuitívne. užívateľsky prívetivé rozhranie "a tak ďalej. To všetko je prejavom intuície v procese vývoja a programovania.
O nej a bude pokračovať ďalší rozhovor.

Prevzaté z oprah.com

Na začiatok by som chcel definovať samotný pojem „intuícia“.

Intuícia (neskoro latinsky intuitio - "kontemplácia", od slovesa intueor - uprene sa pozerám) je metóda riešenia problémov pomocou jednorazového podvedomého záveru, na základe predstavivosti, empatie a predchádzajúcej skúsenosti, „intuície“, rozlišovania.

"wikipedia"

Intuícia (z lat. Intueri – hľadieť pozorne, pozorne) je myšlienkový proces, ktorý spočíva v takmer okamžitom nájdení riešenia problému s nedostatočným uvedomením si logických súvislostí.

Intuícia (z lat. Intueri – hľadieť sústredene, pozorne) je poznanie, ktoré vzniká bez uvedomenia si spôsobov a podmienok jeho prijatia, vďaka čomu ho má subjekt v dôsledku „priamej diskrétnosti“

Základom týchto definícií je, že intuícia je spôsob rozhodovania. Dôvodov pre túto metódu môže byť niekoľko: je to predchádzajúca skúsenosť, predstavivosť a iracionálny „inštinkt“ atď.

A každá z týchto metód sa odráža v procese programovania a môže mať pozitívny aj negatívny vplyv.

Preto by som v prvom rade rád rozdelil „intuitívne“ programovanie na 2 zložky: - optimistický a pesimistický

Optimistické intuitívne programovanie

Jeho podstata spočíva v optimistickom alebo pozitívnom vplyve intuície na proces tvorby kódu. V tomto prípade je intuícia pomocníkom, „dobrým priateľom“, nástrojom v rukách vývojára.

Intuícia založená na skúsenostiach

Hlavnou myšlienkou je, že v procese hromadenia vývojových skúseností si rozvíjame určité stereotypy, asociácie spojené s kódom, ktoré sme schopní určiť bez toho, aby sme sa ponorili do myšlienkového procesu.

Veľké množstvo príkladov využitia takejto intuície v pracovných procesoch opísal Dmitrij Chepel z Acronis vo svojom. Ak ste ju ešte nečítali, určite si ju prečítajte.

Chcel by som vám ponúknuť ďalší príklad experimentu. Nižšie je uvedený príklad kódu Sidef (dúfam, že ho nepozná veľa z vás). Skúste nezachádzať do detailov, hádajte, o čo mu ide:

Slučka (var zamenená = nepravda (| i | if (arr> arr [i]) (arr = arr zamenená = pravda)) * arr.end zamenená || break) return arr

Možno niektorí z vás uhádli, o čo ide, keďže ste videli známe časti v kóde, možno niektorí nie. Pokúsil som sa vykonať tento experiment na malej skupine mojich kolegov programátorov a výsledok je nasledovný - viac ako polovica (asi 65%) ľudí bola schopná pochopiť, čo sa hovorilo vo veľmi krátkom čase.

Spýtal som sa ich, ako môžu hádať - a najobľúbenejšia odpoveď bola:
"Videli sme známe časti kódu a hneď sme uhádli, čo to je."

Nahromadením skúseností je teda náš mozog schopný veľmi rýchlo, bez ďalšej mentálnej námahy, rozhodovať o kóde, s ktorým pracujeme.

Práve kvôli tomu sa nám zdá, že skúsenejší programátori majú určitý „šmrnc“ na projekt alebo akýkoľvek programovací jazyk.

Intuícia založená na logike

Skúste pokračovať v nasledujúcom riadku:
Určite ste ani na chvíľu nepremýšľali, aké číslo bude nasledovať.
Toto je jednoduchý príklad vzoru, v ktorom môžeme doslova bez rozmýšľania pokračovať.

Ale čo keď si ako príklad vezmeme nasledujúcu časť kódu Pythonu:

Def súčet (a, b): ... def mult (a, b): ... def odčítanie (a, b): ... def delenie (a, b): ... def výpočet (a, b , stratégia): ... vypočítať (4, 2, súčet) # 6 vypočítať (4, 2, násobiť) # 8 vypočítať (4, 2, odčítať) # 2 vypočítať (4, 2, rozdeliť) # ??
Aj bez toho, aby sme videli zdrojový kód, „intuitívne“ cítime, aký bude výsledok vykonania poslednej funkcie v zozname.

Je to spôsobené tým, že analyzujeme názvy funkcií, porovnávame ich s výsledkom a tak vytvárame nejaké vzory, predpoklady o analyzovanom kóde. Na čítanie takéhoto kódu teda spájame našu intuíciu podporovanú logikou.

Tu by som rád poznamenal, že kód, ktorý zodpovedá našim predpokladom, našej intuícii, zvyčajne nazývame „čitateľný“, „pochopiteľný“ kód. Je to spôsobené tým, že využívame nielen zdroje nášho mozgu, ale aj svoju intuíciu, čím uľahčujeme čítanie a pochopenie kódu.

Intuitívne rozhranie

A teraz by som rád prešiel k takému často používanému výrazu ako „intuitívne rozhranie“. Týka sa to softvéru aj používateľského rozhrania.
Vzhľadom na vyššie uvedené body môžeme povedať, že intuitívne rozhranie je rozhranie, ktoré spĺňa očakávania používateľa, či už je to programátor alebo koncový používateľ.

Tieto očakávania sa formujú na základe 2 komponentov – našich predchádzajúcich skúseností a logických vzorcov a predpokladov.

Ak majú všetky stránky vášho webu ponuku navrchu, ale na stránke Spätná väzba je ponuka vľavo, potom môže byť koncový používateľ trochu zmätený, pretože „jeho intuícia“ mu hovorí, že ponuka by mala byť navrchu.

Prečo však niekedy, keď navštívime webovú stránku s originálnym dizajnom alebo novou mobilnou aplikáciou, máme pocit, že táto stránka vyzerá cool alebo hrozne?

Intuícia ako iracionálna

Základom tohto úsudku je, že intuícia sa často rodí ako jednoduchý pocit niečoho, ktorý nie je podporený žiadnymi závermi, logikou alebo skúsenosťou.

Tento druh intuície je vo vývoji najnebezpečnejší, no zároveň je to spôsob, ako rýchlo vyriešiť zložité problémy.

Tomuto sa v programovaní hovorí „mágia“ – zmeníme hodnotu jednej premennej alebo príznaku a náš kód ako zázrakom začne fungovať, hoci toto rozhodnutie bolo urobené absolútne inštinktívne. A práve tento druh intuície je jej skutočným prejavom.

Pesimistické inštinktívne programovanie

No intuícia môže byť pri vývoji aj negatívna.

Ako už bolo spomenuté vyššie, „iracionálna“ intuícia je v rukách programátora záchranca aj nebezpečný nástroj.

Spoliehajúc sa na takéto inštinktívne rozhodnutia strácame dôveru v kód, ktorý sme napísali, v ktorom sa začína diať „mágia“.

Dôležité je, že takéto rozhodnutia vytvárajú určitú úroveň úzkosti pri následných rozhodnutiach. Prevaha pocitov, vnemov a iracionálneho počas vývoja vedie k nemožnosti ospravedlniť všetko pomocou logiky a v dôsledku toho - zložitosť pochopenia kódu, strata čitateľnosti.

Ako záver

Vo všeobecnosti nebola otázka intuície pri vývoji softvéru nastolená prvýkrát.
Dôvodom je skutočnosť, že problém vplyvu procesov nesúvisiacich s logikou a myslením na proces písania kódu zostane relevantný, pretože tento proces je obsadený osobou, ktorá má pocity, predsudky, „iracionálne“.

P.S. Pre tých, ktorí sa zaujímajú o tému intuície vo vývoji softvéru, odporúčam prečítať si

Počas mojej relatívne krátkej pracovnej praxe (asi 6 rokov) som pomerne často počúval vety skúsených aj začínajúcich programátorov - „Mám pocit, že by to malo fungovať“, „Mám pocit, že táto metóda nebude fungovať“, „Poďme na to intuitívne. užívateľsky prívetivé rozhranie "a tak ďalej. To všetko je prejavom intuície v procese vývoja a programovania.
O nej a bude pokračovať ďalší rozhovor.

Prevzaté z oprah.com

Na začiatok by som chcel definovať samotný pojem „intuícia“.

Intuícia (neskoro latinsky intuitio - "kontemplácia", od slovesa intueor - uprene sa pozerám) je metóda riešenia problémov pomocou jednorazového podvedomého záveru, na základe predstavivosti, empatie a predchádzajúcej skúsenosti, „intuície“, rozlišovania.

"wikipedia"

Intuícia (z lat. Intueri – hľadieť pozorne, pozorne) je myšlienkový proces, ktorý spočíva v takmer okamžitom nájdení riešenia problému s nedostatočným uvedomením si logických súvislostí.

Intuícia (z lat. Intueri – hľadieť sústredene, pozorne) je poznanie, ktoré vzniká bez uvedomenia si spôsobov a podmienok jeho prijatia, vďaka čomu ho má subjekt v dôsledku „priamej diskrétnosti“

Základom týchto definícií je, že intuícia je spôsob rozhodovania. Dôvodov pre túto metódu môže byť niekoľko: je to predchádzajúca skúsenosť, predstavivosť a iracionálny „inštinkt“ atď.

A každá z týchto metód sa odráža v procese programovania a môže mať pozitívny aj negatívny vplyv.

Preto by som v prvom rade rád rozdelil „intuitívne“ programovanie na 2 zložky: - optimistický a pesimistický

Optimistické intuitívne programovanie

Jeho podstata spočíva v optimistickom alebo pozitívnom vplyve intuície na proces tvorby kódu. V tomto prípade je intuícia pomocníkom, „dobrým priateľom“, nástrojom v rukách vývojára.

Intuícia založená na skúsenostiach

Hlavnou myšlienkou je, že v procese hromadenia vývojových skúseností si rozvíjame určité stereotypy, asociácie spojené s kódom, ktoré sme schopní určiť bez toho, aby sme sa ponorili do myšlienkového procesu.

Veľké množstvo príkladov využitia takejto intuície v pracovných procesoch opísal Dmitry Chepel z Acronis vo svojom článku o Habré. Ak ste ju ešte nečítali, určite si ju prečítajte.

Chcel by som vám ponúknuť ďalší príklad experimentu. Nižšie je uvedený príklad kódu Sidef (dúfam, že ho nepozná veľa z vás). Skúste nezachádzať do detailov, hádajte, o čo mu ide:

Slučka (var zamenená = nepravda (| i | if (arr> arr [i]) (arr = arr zamenená = pravda)) * arr.end zamenená || break) return arr

Možno niektorí z vás uhádli, o čo ide, keďže ste videli známe časti v kóde, možno niektorí nie. Pokúsil som sa vykonať tento experiment na malej skupine mojich kolegov programátorov a výsledok je nasledovný - viac ako polovica (asi 65%) ľudí bola schopná pochopiť, čo sa hovorilo vo veľmi krátkom čase.

Spýtal som sa ich, ako môžu hádať - a najobľúbenejšia odpoveď bola:
"Videli sme známe časti kódu a hneď sme uhádli, čo to je."

Nahromadením skúseností je teda náš mozog schopný veľmi rýchlo, bez ďalšej mentálnej námahy, rozhodovať o kóde, s ktorým pracujeme.

Práve kvôli tomu sa nám zdá, že skúsenejší programátori majú určitý „šmrnc“ na projekt alebo akýkoľvek programovací jazyk.

Intuícia založená na logike

Skúste pokračovať v nasledujúcom riadku:
Určite ste ani na chvíľu nepremýšľali, aké číslo bude nasledovať.
Toto je jednoduchý príklad vzoru, v ktorom môžeme doslova bez rozmýšľania pokračovať.

Ale čo keď si ako príklad vezmeme nasledujúcu časť kódu Pythonu:

Def súčet (a, b): ... def mult (a, b): ... def odčítanie (a, b): ... def delenie (a, b): ... def výpočet (a, b , stratégia): ... vypočítať (4, 2, súčet) # 6 vypočítať (4, 2, násobiť) # 8 vypočítať (4, 2, odčítať) # 2 vypočítať (4, 2, rozdeliť) # ??
Aj bez toho, aby sme videli zdrojový kód, „intuitívne“ cítime, aký bude výsledok vykonania poslednej funkcie v zozname.

Je to spôsobené tým, že analyzujeme názvy funkcií, porovnávame ich s výsledkom a tak vytvárame nejaké vzory, predpoklady o analyzovanom kóde. Na čítanie takéhoto kódu teda spájame našu intuíciu podporovanú logikou.

Tu by som rád poznamenal, že kód, ktorý zodpovedá našim predpokladom, našej intuícii, zvyčajne nazývame „čitateľný“, „pochopiteľný“ kód. Je to spôsobené tým, že využívame nielen zdroje nášho mozgu, ale aj svoju intuíciu, čím uľahčujeme čítanie a pochopenie kódu.

Intuitívne rozhranie

A teraz by som rád prešiel k takému často používanému výrazu ako „intuitívne rozhranie“. Týka sa to softvéru aj používateľského rozhrania.
Vzhľadom na vyššie uvedené body môžeme povedať, že intuitívne rozhranie je rozhranie, ktoré spĺňa očakávania používateľa, či už je to programátor alebo koncový používateľ.

Tieto očakávania sa formujú na základe 2 komponentov – našich predchádzajúcich skúseností a logických vzorcov a predpokladov.

Ak majú všetky stránky vášho webu ponuku navrchu, ale na stránke Spätná väzba je ponuka vľavo, potom môže byť koncový používateľ trochu zmätený, pretože „jeho intuícia“ mu hovorí, že ponuka by mala byť navrchu.

Prečo však niekedy, keď navštívime webovú stránku s originálnym dizajnom alebo novou mobilnou aplikáciou, máme pocit, že táto stránka vyzerá cool alebo hrozne?

Intuícia ako iracionálna

Základom tohto úsudku je, že intuícia sa často rodí ako jednoduchý pocit niečoho, ktorý nie je podporený žiadnymi závermi, logikou alebo skúsenosťou.

Tento druh intuície je vo vývoji najnebezpečnejší, no zároveň je to spôsob, ako rýchlo vyriešiť zložité problémy.

Tomuto sa v programovaní hovorí „mágia“ – zmeníme hodnotu jednej premennej alebo príznaku a náš kód ako zázrakom začne fungovať, hoci toto rozhodnutie bolo urobené absolútne inštinktívne. A práve tento druh intuície je jej skutočným prejavom.

Pesimistické inštinktívne programovanie

No intuícia môže byť pri vývoji aj negatívna.

Ako už bolo spomenuté vyššie, „iracionálna“ intuícia je v rukách programátora záchranca aj nebezpečný nástroj.

Spoliehajúc sa na takéto inštinktívne rozhodnutia strácame dôveru v kód, ktorý sme napísali, v ktorom sa začína diať „mágia“.

Dôležité je, že takéto rozhodnutia vytvárajú určitú úroveň úzkosti pri následných rozhodnutiach. Prevaha pocitov, vnemov a iracionálneho počas vývoja vedie k nemožnosti ospravedlniť všetko pomocou logiky a v dôsledku toho - zložitosť pochopenia kódu, strata čitateľnosti.

Ako záver

Vo všeobecnosti nebola otázka intuície pri vývoji softvéru nastolená prvýkrát.
Dôvodom je skutočnosť, že problém vplyvu procesov nesúvisiacich s logikou a myslením na proces písania kódu zostane relevantný, pretože tento proces je obsadený osobou, ktorá má pocity, predsudky, „iracionálne“.

P.S. Pre tých, ktorí sa zaujímajú o tému intuície vo vývoji softvéru, odporúčam prečítať si

Návštevníci opúšťajú vaše stránky bez toho, aby sa stali predplatiteľmi / potenciálnymi zákazníkmi / zákazníkmi?

Možno jednoducho nedokážu pochopiť, čo sa vo všeobecnosti deje s vaším zdrojom. Tak im pomôžte prísť na to! Uľahčite používanie stránky.

Tu prichádza vhod intuitívny dizajn. Som si istý, že mnohí o ňom počuli, ale nikto nemôže povedať, čo to je.

Dnes však rozoberiem, ako urobiť vašu stránku užívateľsky príjemnou. Začnime…

1. Jednoduchosť je kľúčom k úspechu

Čím jednoduchšie je používanie vašej stránky, tým väčší je počet vašich čitateľov / odberateľov / potenciálnych zákazníkov. Čo je jednoduchosť? To je, keď človek okamžite pochopí, kam ísť, aby dostal to, čo chce. Tak by to bolo aj v živote!

Nepotrebujete super moderné zvončeky a píšťalky - intuitívny dizajn je neviditeľný... Ale zároveň sám nasmeruje človeka tam, kde má byť, aby dosiahol svoj cieľ. Ak ide o nákup produktu, nájde sa rýchlo a jednoducho. Ak je to čítanie článku, bude to pohodlné a príjemné. Každá nová akcia je pre užívateľa zrejmá, nestráca čas rozmýšľaním, čo ďalej.

Dôležitú úlohu tu zohráva používateľská skúsenosť. Predstavte si situáciu: prišli ste do autobazáru s autom svojich snov. Vo farbách povedali predajcovi, aké by to malo byť. A potom vám povie, že majú to, čo potrebujete! V očakávaní dlho očakávaného zoznámenia doslova letíte za svojou „krásou“ a ... Zrazu sa ukáže, že žiadne z jej dverí nemajú kľučku! Aký trapas! Ako sa dostať do salónu?

Tento príklad ukazuje, aký by nemal byť dizajn webovej stránky. Nemal by odvádzať pozornosť človeka a vytvárať mu situácie bez zjavného riešenia. Je skvelé, keď sa návštevník bez straty hlavnej myšlienky pohybuje po stránke. Sústredí sa na svoju úlohu a dizajn mu pomáha ju realizovať. Keď sa človek potrebuje neustále zastaviť a rozmýšľať, čo ďalej, odpútava sa od hlavného cieľa. Preto, aby sa zachránil pred komplikáciami, stránku jednoducho zatvorí.

Chcete príklad jednoduchej a priamočiarej stránky? Navštívte naše znalostné laboratórium. Nič vás tu nebude odvádzať od užitočných článkov, pretože okrem nich tu nič nie je. Stratiť sa je jednoducho nemožné.

2. Hlavný problém: kto rozumie vášmu dizajnu?

Na webe je veľa zdrojov, ktoré obťažujú návštevníkov. Prečo každý nerobí webové stránky s intuitívnym dizajnom? Koniec koncov, toto je to, čo ľudia potrebujú. Ale nie je to také jednoduché, pretože všetci používatelia sú iní. To, čo je pre jedného ľahké a pochopiteľné, môže druhému pripadať ako čínske znaky.

Som si istý, že každá webová stránka je vytvorená s dobrými úmyslami. Stránky sú však častejšie intuitívne iba pre ich vývojárov. prečo? Je to banálne, ale pravdivé: dizajnéri a dizajnéri dispozícií sa neobťažujú kontrolovať, či je pre „obyčajných“ ľudí vhodné použiť ich duchovné dieťa.

Majú tendenciu myslieť si, že každý vníma svet rovnako ako oni. Vytvorenie skutočne intuitívneho dizajnu však začína pochopením používateľov. Najprv si preto určite, ako budú vnímať vašu stránku.

3. Vedomosti, ktoré sú, a vedomosti, ktoré sú potrebné

Osoba prichádza na vašu stránku s určitým pochopením toho, ako by všetko malo fungovať. Toto je poznanie, ktoré už má. Na dizajne vašej webovej stránky však môže byť niečo, čomu používateľ nerozumie.

Rozdiel medzi tým, čo je a čo je potrebné, je „medzera vedomostí“. Ak je minimálny a používateľ rýchlo doplní chýbajúce znalosti, vaše rozhranie je intuitívne. Problém je však v tom, že vašimi návštevníkmi môžu byť skúsení používatelia aj ľudia, ktorí počítač prvýkrát videli len pred týždňom.

Ak pracujete s úzkou cieľovou skupinou, bude pre vás jednoduchšie vytvoriť si pohodlnú webstránku. Ak máte široké publikum, vytvorenie intuitívneho dizajnu bude hádankou s hviezdičkou. V takejto situácii odporúčam zacieliť na „najpokročilejšieho“ návštevníka.

4. Ako používať konceptuálne modely

Znie to komplikovane? Teraz všetko vysvetlím :) Ak niekto prvýkrát prišiel na vašu stránku, neznamená to, že jeho znalosti sú nulové.

Povedzme, že ste nikdy nič nekúpili online. Ale v skutočnom svete ste to urobili tisíckrát. Preto, ak vás posadím za počítač, ukážem vám určitý obchod a poviem vám, že tu kúpite všetko potrebné, rýchlo prídete na to, ako na to. Využite koncepčný model nakupovania offline a získate novú skúsenosť.

Tu je stránka obľúbeného internetového obchodu. Jeho dizajn sám o sebe hovorí, čo máte urobiť, aby ste dostali vybraný produkt. Po kliknutí na tlačidlo „Kúpiť“ sa požadovaná položka nachádza vo vašom virtuálnom nákupnom košíku. Všetko robíte ako v bežnom obchode, len zároveň môžete stále popíjať čaj sediac pred monitorom.

Ak má návštevník skúsenosť s online nakupovaním, ale nikdy predtým na tejto stránke nenakupoval, jeho koncepčný model sa bude mierne líšiť. Už vie, čo a ako má robiť, a svoje skúsenosti jednoducho použije na nový zdroj.

Pri vytváraní webovej stránky majte na pamäti, aké skúsenosti už má váš potenciál. Ak zdroj nezodpovedá jeho konceptuálnemu modelu, osoba sa rozhodne, že stránka je ťažko použiteľná a ... odíde.

5. Študujte svojho návštevníka

Na vytvorenie intuitívneho dizajnu je dôležité zistiť, čo vaši návštevníci už vedia a čo vaši návštevníci vedieť potrebujú. Existujú 2 skvelé spôsoby, ako to určiť:

1. Urobte si prieskum. Sledujte, ako návštevníci používajú webové stránky známym spôsobom. To vám dá predstavu o ich súčasných znalostiach. Táto metóda nie je jednoduchá, ale existuje aj alternatíva.

2. Vzdelávanie na diaľku. Vyberte skupinu ľudí, ktorí budú web používať. Dajte im súbor úloh a požiadajte ich, aby sa vyjadrili k tomu, čo si o zdroji myslia. Čo a ako by sa podľa ich názoru malo robiť? Čo im pomáha a čo im bráni? Čo je to rozptýlenie? To určí, aké znalosti musí potenciálny návštevník získať.

Dôležité! V každom prípade len pozorujete, vyvodzujete závery a nezasahujete. Skúste to a rýchlo zistíte, čo je zlé. Mimochodom, netrápte sa veľkým počtom účastníkov, na identifikáciu 90% problémov stačí iba 10.

Vyvodené závery pomôžu popísať ľudí, pre ktorých bude stránka vytvorená.

6. Vzorec intuitívneho dizajnu

V ideálnom prípade to vyzerá takto: aktuálne poznatky = relevantné poznatky.

Samotní používatelia rozlišujú 2 podmienky, za ktorých je dizajn stránky intuitívny:

1. Pointa súčasných vedomostí a požadovaných vedomostí je približne rovnaká. Používatelia môžu ľahko určiť, čo by mali urobiť, aby dosiahli cieľ na stránke.
2. Pointa súčasného poznania a potrebného poznania je od seba vzdialená, no dizajn pomáha vyplniť medzeru. Návštevníci sa učia plynulo a prirodzene.

Najlepšie je, aby bol váš dizajn čo najjednoduchší, aby ste sa nemuseli učiť alebo postupovať podľa pokynov. Prvú podmienku ideálne ilustruje vyhľadávač Google. Nedá sa zneužiť. Je to jednoduché, ako všetko dômyselné.

Uvažujme ako príklad splnenie druhej podmienky na našej webovej stránke. Nie sú tu žiadne zbytočné detaily, nebude vás rozptyľovať obrovské pole a tlačidlá a šípky ukazujú, kam ísť a čo sa môžete naučiť.

To znamená, že pri vývoji dizajnu ho môžete čo najviac zjednodušiť, aby ste ho priblížili vedomostiam a skúsenostiam, ktoré majú návštevníci. Alebo im môžete dať nové poznatky pomocou návodu. Ak chcete, môžete tieto dva prístupy aj kombinovať.

7. Intuitívna navigácia a vyhľadávanie

76 % kupujúcich tvrdí, že najdôležitejšou vecou pri navrhovaní webových stránok je „ako ľahko môžem nájsť to, čo potrebujem“. Pre pohodlné vyhľadávanie je potrebná správna navigácia.

Napríklad v internetovom obchode je dôležité logické triedenie kariet produktov. Menu by vám malo povedať, kam ísť, aby ste sa dostali do cieľa. Na správne pomenovanie položiek menu používajte chytľavé slová. Povedia vám, čo sa skrýva za každou sekciou.

Pamätajte! 50 % návštevníkov internetových obchodov odmieta nakúpiť, pretože nevedia nájsť to, po čo prišli. Preto sa bez vyhľadávania na stránkach nezaobídete. Predajňa Rozetka má obrovský sortiment. Priamo v strede obrazovky je však vyhľadávací panel. Preto nemusíte dlho premýšľať, čo robiť.

Malý tip: pripojiť vyhľadávanie na stránke k nástroju. Zvýši sa tým konverzia, pretože sám Google povie človeku, čo tu nájde.

8. Pamätajte: ľuďom je pohodlnejšie používať stránky, na ktoré sú zvyknutí

Aby bol dizajn vašej webovej stránky intuitívny, musíte dodržiavať pravidlá:

• Kliknutím na logo spoločnosti (umiestnené v ľavom hornom rohu) sa vždy dostanete na hlavnú stránku;
• Posledný odkaz vo vodorovnom menu alebo spodný odkaz vo zvislom menu sú kontakty;
• V spodnej časti sú duplikované kontaktné informácie;
• Všetky prvky sú konzistentné: položky ponuky zostanú na rovnakom mieste, bez ohľadu na to, ako sa pohybujete na stránke;
• Odkazy vynikajú na pozadí bežného textu;
• Ak používatelia môžu a mali by sa posúvať nadol, posúvač je jasne viditeľný;
• Text zarovnaný doľava sa ľahšie číta;
• Vyskakovacie správy pomáhajú pochopiť rozhranie;
• Položky menu sú pomenované zrozumiteľnými slovami (nemali by ste používať tlačidlo „Informačná podpora“ namiesto položky „Kontakty“).

Existujú výnimky z akéhokoľvek pravidla. Ale je lepšie držať sa týchto odporúčaní a starostlivo zvážiť všetky inovácie. Urobte, aby rozhranie vašej stránky spĺňalo očakávania ľudí.

9. Buďte opatrní s vašim redizajnom

20 % používateľov míňa 80 % svojich príjmov online. Toto sú dôležití ľudia, ktorých sa redizajn dotkne najviac. Už sú zvyknutí na to, ako veci fungujú. Takže keď redizajnujete stránku, meníte ju primárne pre nich. A mnohí nemajú radi, keď niečo nie je ako zvyčajne.

Pamätajte, že akékoľvek vylepšenie môže prehĺbiť medzeru vo vedomostiach. Ak teda stránka prestane byť pre návštevníkov intuitívna, môže citeľne klesnúť, čo znamená, že prídete o časť zisku.

Ak sa bez redizajnu nezaobídete, urobte z času na čas malé zmeny. Je to lepšie ako globálna zmena. Týmto spôsobom môžete analyzovať, ako ľudia reagujú na každú inováciu. Ale ak má váš web nízku návštevnosť kvôli dizajnu, pokojne ho prerobte.

Konečne

Vaša stránka by mala byť pre vašich kľúčových návštevníkov intuitívna. Koniec koncov, pomôže to dosiahnuť ich lojalitu a zvýšenie konverzie. Preto študujte správanie návštevníkov a zmeny rozhrania vždy testujte.

Vyskúšajte týchto 9 tipov v praxi. Uvidíte, že nárast konverzie na seba nenechá dlho čakať.

Bolo to užitočné? Neváhajte a dajte „Páči sa mi to“! To ukáže, že chcete vedieť viac o dizajne, a čoskoro napíšem nový príspevok na túto tému.