20 Podmienky používania webového dizajnu pre bezradného klienta

V priemysle dizajnu webu používame veľa zasvätené informácie. To nie je len ťažké začať pre začínajúcich, najmä klientov, ktorí sa nezúčastňujú na projekčnom priemysle, ale komunikácia ich významu správne môže byť niekedy celkom výzvou.

V tomto glosári sme zhromaždili 20 často používaných termínov webového dizajnu a k nim pridal krátke vysvetlenie, aby si ich každý mohol v prípade akejkoľvek neistoty rýchlo pozrieť. Ak máte klienta, ktorý naozaj potrebuje kurz zlyhania v žargóne webového dizajnu, zdieľajte tento článok s ním.

“animácie”

Technika webového dizajnu, ktorá pridáva pohyb na prvky na obrazovke, aby ste mohli vizualizovať zmenu alebo k prilákať pozornosť používateľov.

Animácie sú výkonnejšie ako prechody, pretože môžu prechádzať mnohými rozdielnymi stavmi medzi ich počiatočným a koncovým bodom, a preto môžu byť použité komplikovanejšie účinky.

“strúhanka”

typ navigácie informuje o tom ich používateľov súčasná poloha na mieste.

Breadcrumbs obsahujú cesta na ktoré sa dá aktuálna stránka dostať z domovskej stránky, zvyčajne vo formáte Domov / Kategória / Stránka. Každý prvok cesty je tiež klikacie aby používatelia mohli rýchlo prejdite na stránku hierarchie. Obyčajne sa zobrazujú drobné figúrky na každej stránke.

“zmätok”

Chyba webového dizajnu, indikátor a zle navrhnutá stránka.

Hovoríme o prehnanú stránku, keď je návrhár stlačili príliš veľa informácií na rovnakej stránke bez toho, aby ste pridali dostatok miesta a správne štruktúrujúci obsah. Nesprávne stránky majú nízka čitateľnosť, a poškodiť používateľskú skúsenosť.

“Farebná schéma”

zhromažďovanie harmonizujúcich farieb použitý na vytvorenie identifikovateľnosť značky.

Obvykle je to rovnaká farebná schéma konzistentne cez webové stránky značky, mobilnú aplikáciu, logo a marketingové materiály. Farebná schéma môže byť navrhnutá podľa rôzne zásady, existujú monochromatické, analogické, komplementárne, triadické a iné farebné schémy.

“kontrastovať”

Technika dizajnu na zdôrazniť rozdiely medzi prvkami, ktoré majú odlišnú úlohu alebo význam.

Použitím doplnkové farby (protiklady na farebnom koliesku) sú najznámejším spôsobom vyjadrenia kontrastu vizuálne rozdiely v tvare, štýle, typografii alebo rozložení prvkov stránky, ktoré chceme odlišovať, môže tiež dosiahnuť kontrastný efekt.

“Prázdny štát”

Špecifický stav webovej stránky alebo aplikácie, ak existuje ešte žiadny obsah na konkrétnej stránke, ale dizajnové prvky sú už na svojom mieste.

Stavy prvého použitia, napríklad prázdne profily, sú typické príklady prázdnych stavových stránok. Vyžadujú špecifické konštrukčné techniky (ako napríklad dizajn na palube) informovať používateľov o tom, čo by malo byť na stránke, a povzbudiť ich vykonávať určité činnosti.

“Pevné usporiadanie”

typ rozloženia v ktorom sa nachádza miesto a jeho prvky použite rovnakú šírku vo všetkých rozlíšeniach, definované v statických hodnotách (zvyčajne pixely).

Tradičný spôsob budovania webových stránok. Zriedka sa vybralo pre novšie webové stránky, pretože stránky s pevnými rozloženiami sú na mobilných obrazovkách ťažko použiteľné (čitateľné). Ak chcete zostať prístupný pre mobilných používateľov, mnoho stránok s pevným rozložením používa a sekundárne mobilné miesto.

“Plochý dizajn”

UI dizajnový jazyk, ktorý sa zameriava na čisté a minimalistické štýly, a odstraňuje zložité textúry, vzory, prechody a iné efektné efekty, aby pomohli používateľom lepšie zamerať sa na obsah.

Plochý dizajn bol kritizovaný za problémy použiteľnosti vyplývajúce z nedostatok trojrozmernosti. Viac vyspelý Návrhové jazyky plochých 2.0, ako napríklad materiálový dizajn spoločnosti Google, sa objavili ako reakcia a pridali trochu hĺbky späť k plochému dizajnu.

“Rozloženie kvapaliny”

typ rozloženia že používa relatívne jednotky definovať šírku lokality a jej prvkov.

Najčastejšie používané relatívne jednotky pre rozloženie tekutín sú percentá, ale ems a rems môžu byť tiež použité. Rozloženie kvapaliny zmena veľkosti (úseky a zmršťovanie) ako sa mení šírka výrezu. Na rozdiel od citlivých usporiadaní, rozloženie tekutín nepoužíva mediálne dopyty. Tiež označované ako kvapalné usporiadanie.

“zložiť”

Spodná strana viditeľnej časti obrazovky.

Termín “nad záhybom” odkazuje na časť webovej stránky, ktorú môžu návštevníci vidieť bez akýchkoľvek krokov, zatiaľ čo “pod záhybom” odkazuje na zvyšok stránky, ktorú používatelia môžu dosiahnuť interakciu s webom - zvyčajne posúvaním alebo posúvaním (na mobilnom telefóne).

Odporúčame umiestniť prvky značky (napríklad logo), navigácia na mieste, a ný obsah nad záhybom, aby používatelia rýchlo pochopili účel stránky a mali záujem o zvyšok obsahu.

“Pôvabná degradácia”

Stratégia webového dizajnu, ktorá obsahuje všetky pokročilé funkcie v predvolenom nastavení na stránkach, neskôr odstráni alebo zjednoduší veci, ktoré nefungujú v starších prehliadačoch, na menej schopných zariadeniach alebo na nižších pásmach.

ohniská viac na vzhľad než na obsah. V mobilnej ére sa progresívne zdokonaľovanie stalo prevládajúcou stratégiou webového dizajnu pre nové lokality, ladná degradácia sa používa hlavne na staršie alebo staršie stránky.

“Hero Image”

Nadmerné obrazový banner umiestnená nad záhybom.

Hero obrázky sú vysokokvalitné, zvyčajne plné šírky obrázky relevantné pre obsah stránky. Okrem nich je zvyčajne a krátky text (jeden alebo dva riadky) ktorý prenáša správu používateľom a tlačidlo výzvy na akciu ktorý ich vyzýva, aby vykonali určitú akciu, napríklad nakupovanie alebo registráciu na webe.

“Vstupná stránka”

Pôvodne každá stránka, kde online návštevník vstúpi na stránku. Nedávno sa termín používa skôr na samostatnú stránku určenú pre špecifický obchodný účel.

Ak napríklad používatelia webu sledujú bannerovú reklamu, často sa nachádzajú na vstupnej stránke, ktorá ich volá, aby si kúpili príslušný produkt. Vstupné stránky s jediné zaostrenie a a jasná výzva na akciu majú tendenciu dosiahnuť vyššie miery konverzie.

“Lazy Loading”

Technika na nakladanie obrázkov a iného statického obsahu, ako sú videá, len krátko predtým byť viditeľný pre používateľa.

Ak web používa lenivé načítanie, najprv sa načítajú iba obrázky nad záhybom, zvyšok sa načíta iba vtedy, keď (ak) používateľ posúva stránku. Často používané v citlivom a mobilnom dizajne šetrí zdroje. Služba Google AMP napríklad urýchľuje stránky pre mobilné zariadenia lenivé načítanie statických zdrojov predvolene.

“Media Query”

Funkcia CSS, ktorá robí citlivý dizajn webu čo umožňuje dizajnérom vytvárať rôzne konštrukcie pre rôzne rozmery zariadenia (šírka a / alebo výška), orientácie (na šírku alebo na výšku) a typy médií (tlač, obrazovka atď.),.

Zvyčajne citlivé stránky mať samostatné usporiadanie pre počítače, tablety a mobilné obrazovky, zarážky medzi nimi sú definované mediálnymi dopytmi pridané do CSS.

“Progresívne vylepšenie”

Stratégia webového dizajnu, ktorá je najprv pridáva iba základné prvky na stránky, ktoré pracujú na ľubovoľnom prehliadači, šírke pásma a zariadení. Výkonnejšie predné funkcie (štýly a interaktivita) sú naložené vo vrstvách neskôr.

Postupné zvýšenie predovšetkým sa zameriava na obsah, výsledky na stránkach, ktoré sú prístupný pre každého používateľa, preto je to prevládajúci spôsob budovania webových stránok v mobilnej ére (na rozdiel od ladnej degradácie).

“Realizujúci dizajn”

Prístup webového dizajnu na vytvorenie webových stránok prispôsobte rozmerom rôznych typov zariadení (najčastejšie mobilné, tablety a desktopy) navrhovaním rôzne rozloženia a iné štýly (napríklad typografiu, veľkosť obrázka).

Reagujúca konštrukcia využíva rôzne techniky, ako napr relatívnych jednotiek, flexibilné siete, a mediálnych dopytov aby slúžil každému používateľovi s použiteľným, čitateľným a prístupným obsahom. Väčšina moderných webových stránok využíva citlivý dizajn.

“Skeuomorphism”

Návrhový jazyk používateľského rozhrania, ktorý používa princípom oboznámenosti, a zameriava sa na tvorbu návrhových prvkov podobajú ich ekvivalentom v reálnom svete.

Napríklad tlačidlá, ktoré vyzerajú ako reálne tlačidlá pomocou efektov ako napr skosenie a embosovanie, tieňovanie stôp, prechody a ďalšie. Predtým, než sa stal plochý dizajn prevládajúci, bol skejomorfizmus popredným trendom v oblasti webového dizajnu už mnoho rokov.

“prechod”

Technika webového dizajnu pre vizualizácia jednoduchých zmien keď je na obrazovke prvok hladko mení medzi začiatočným a koncovým stavom.

Prechody - na rozdiel od animácií - nemajú medzi stavy, len a štart a koniec, preto sa majú používať jemné zmeny, ako napríklad na vizualizáciu hover states.

“Biely vesmír”

prázdny priestor medzi susednými konštrukčnými prvkami. Tiež označované ako negatívny priestor.

Biele miesto pomáha používateľom skopírujte obsah, a vizuálne označuje hierarchiu obsahu. Biele miesto nie je nevyhnutne biele, ale používa farbu pozadia webu. Nedostatok dostatočného priestoru vedie k a prehnanú stránku.