Atenție necesară Cloudflare

Acest site web utilizează un serviciu de securitate pentru a se proteja de atacurile online. Acțiunea pe care tocmai ați efectuat a declanșat soluția de securitate. Există mai multe acțiuni care ar putea declanșa acest bloc, inclusiv trimiterea unui anumit cuvânt sau o expresie, o comandă SQL sau date malformate.

ce pot face pentru a rezolva acest lucru?

Utilizați statisticile noastre avansate și panoul de conversie pentru a analiza datele în timp real. Creați profiluri de utilizatori, pe baza feedback-ului. Detectează punctele forte și punctele slabe și să le utilizeze pentru a face ajustări - este simplu.

Utilizatorii de toate vârstele vor aminti în continuare oamenii fișier foldere cu tab-uri utilizate pentru a comanda aduce într-o cantitate mare de informații și de a face super-simplu pentru a găsi ceea ce căutau. Dacă sunteți încercarea de a proiecta un bun mod de a împiedica utilizatorii de a avea pentru a căuta un ac în carul cu fân de fiecare dată, interfața cu utilizatorul cu tab-uri este doar ceea ce ai nevoie. Aici, vă vom aduce până la viteza cu diferențele dintre diferitele tipuri de file și când să le folosească. În curând, veți fi cu un pas mai aproape de proiectarea sistemelor ultra-eficiente, beneficiind în același timp utilizatorilor de sănătate mintală ca ei găsesc ceea ce doresc mult mai rapid.

Problema de proiectare

a face cu un site pentru mai multe niveluri, de sistem, aplicație, caseta de dialog, panou, sau o fereastră, și doriți să permiteți utilizatorilor să navigheze la aceste niveluri diferite de la un punct de pe interfața cu utilizatorul. Fiecare nivel conține diferite seturi de conținuturi care trebuie să fie grupate în următoarele scopuri:

Permite ia în considerare bogăția de materiale pe care le-ar putea avea nevoie de a include în piesa lucrai. De exemplu, imaginați-vă de lucru sunteți pe un site oficial pentru un actor celebru. Ai biografia, filmografia, știri, linii celebre sau amuzante, și, probabil, o secțiune pentru imagini din viața lui de pre-stele. In cadrul filmografie, cu toate acestea, veți dori să împartă filmele sale între câteva genuri-să zicem, acțiune, science fiction, și rom-com-și apoi theres cele două serii de televiziune se afla înainte de a făcut-o mare (și fiecare dintre acestea vor avea nevoie să apară în cadrul propriei subsecțiuni). Thats o mare cantitate de informații pentru a organiza-sau, mai precis, stratifica-în secțiuni dedicate. Fanii și browsere ocazionali vor aștepta să aibă un timp de ușor de navigație până la secțiunile relevante. Surprizele doar theyll de căutare va fi în ceea ce învață despre el, spre deosebire de întrebam în cazul în care informația este sau de ce apare într-un mod neașteptat.

Soluția de proiectare

O soluție comună la această problemă de proiectare este de a utiliza o interfață cu tab-uri de documente, de asemenea, menționată ca un „model de stivă carte“. În acest model, „cartele“ etichetate sau file de ajutor la conținutul structurii în seturi separate de link-uri, cum ar fi secțiunea de date de piață Reuters prezentată mai jos, în cazul în care link-uri către subsecțiuni sunt aranjate în patru categorii: acțiuni, obligațiuni, valute și mărfuri.

Acest exemplu arată model file de proiectare modul în care poate contribui la crearea de structuri în conținut. Cele patru categorii de acțiuni, obligațiuni, valute, mărfuri și fiecare face o filă separată, dar conținutul este afișat în aceeași pagină, făcându-l un exemplu de model de modul filă.

File se inspiră din foldere de fișiere și cărți de adrese indexate, care permit utilizatorilor să sari rapid la secțiunea lor țintă prin deținerea unei anumite etichete și deschiderea cărții pe acea pagină. Deși cărțile de adrese sunt de obicei indexate în ordine alfabetică, file de interfață includ, în general, una sau două cuvinte descriptive, care ajuta utilizatorul să identifice conținutul unei anumite pagini. Tab-uri acționează ca secțiunile sau categoriile cel mai înalt ordin; ele sunt intenționat largi, astfel încât utilizatorul poate canaliza treptat în interfața de utilizator pentru a accesa conținut mai specific, fără a fi nevoie să scaneze toate conținuturile disponibile un site are de oferit la o dată.

Există două tipuri distincte de file pe care le puteți utiliza. file de navigare sunt plasate aproape exclusiv de-a lungul barei de navigare de nivel superior de site-uri web, oferind etichete mici, care se poate da clic cu conținut deschis într-o nouă pagină web. Putem vedea file de navigare în exemplul de mai jos interfața Firefox. Acest lucru este în contrast cu filele modulelor, care prezintă informații pe aceeași pagină, de obicei într-un panou fix, permițând utilizatorului să funcționeze fără a trebui să navigheze la alte secțiuni separate ale interfeței de utilizator. Exemplul Reuters, arătat anterior, este un bun exemplu de implementare a fila Module.

De ce să alegeți un model de proiectare a interfeței de documente tabelate?

Poate că argumentul cel mai convingător pentru utilizarea filelor este pur și simplu că acestea sunt atât de frecvente în designul interfeței utilizator și, în special, web design. Aceasta înseamnă că chiar și utilizatorii novice vor veni probabil peste model și știu cum să le folosească. Mai mult, datorită asemănării cu dosarele de fișiere fizice, de modă veche și cărțile de adrese, filele se potrivesc modelului de organizare a secțiunilor de conținut perfect.

Un alt beneficiu pentru utilizarea filelor este ajută la menținerea interfeței cu utilizatorul fără aglomerație. Fiecare filă navă utilizatorul într-o pagină web separată (file de navigare) sau secțiune (filele modulului), care poate conține o cantitate enormă de informații; Acestea pot conține, de asemenea, legături sau alte modele de design de interfață de utilizator care iau utilizatorul la conținut suplimentar. Prin urmare, dacă toate conținutul din aceste secțiuni distincte au fost combinate pe o singură pagină, interfața cu utilizatorul va fi inundată. Utilizatorii s-ar confrunta cu sarcina nedorită de a scana afișajul masiv pentru a încerca să identifice anumite elemente sau elemente de interes pentru acestea. După cum știm, nu se va întâmpla - cu excepția cazului în care o viață a utilizatorilor depindea de ea, dar chiar și atunci, materia noastră producătoare de acest lucru ar contraveni codului nostru ca designeri. Din fericire, avem file, care nu numai că oferă un mijloc satisfăcător de a urca, de la și între diferite secțiuni, ci ajută la stabilirea ordinii în interfața cu utilizatorul.

Implementat corespunzător, filele oferă un mijloc de schimbare mereu de schimbare a locației. Indiferent unde sunt utilizatorii, aceștia pot naviga la o altă categorie largă făcând clic pur și simplu pe o altă filă. Mai mult, fișierele modulului au avantajul asupra filelor de navigare ale economisirii utilizatorilor să se deplaseze între diferite pagini ale unui site web. Întreținerea filelor din nivelul superior al interfeței utilizator poate, de asemenea, să ajute la orientarea utilizatorilor și să le furnizeze informații contextuale importante. Dacă fila selectată este evidențiată / distinsă de opțiunile neselectate, utilizatorii vor ști unde sunt, unde pot merge și cum pot ajunge acolo.

Când este implementat corespunzător, filele permit utilizatorilor să navigheze la o altă categorie largă pur și simplu, atât în ​​site-uri web, cât și în aplicații, cum ar fi aplicația Microsoft Word prezentată aici. Întreținerea filelor în partea superioară a interfeței de utilizator ajută la orientarea utilizatorilor și le permite să știe unde sunt, unde pot merge și cum pot ajunge acolo.

Best Practice: Cum să implementați filele de navigare și modul

Designul consecvent ajută la reducerea cantității de efort cognitiv necesar pentru a decoda reprezentările vizuale într-o interfață de utilizator. Ca resurse cognitive, cum ar fi memoria și atenția pe termen scurt, sunt limitate, un design consistent permite utilizatorilor să aplice cunoștințe de la o pagină tuturor celorlalți, fără a-și realiza, prin urmare, conservând astfel aceste resurse prețioase pentru obiectivele și obiectivele lor principale. Utilizatorii nu doresc să-și petreacă timpul să funcționeze cum își pot atinge obiectivele în conformitate cu constrângerile sistemului; Designul interfeței cu utilizatorul trebuie să le ia această presiune, eliberând atenția lor, astfel încât să se poată muta și să interacționeze (în mare măsură) inconștient pentru a-și îndeplini sarcinile bazate pe sistem.

Obțineți șablonul gratuit pentru file

Când un utilizator trebuie să se ocupe de mai mult de zece file, vizibilitatea și claritatea etichetelor TAB începe să sufere. În timp ce utilizatorii experimentați vor învăța unde sunt localizate filele lor favorizate, utilizatorii noi sau utilizatorii de novici iau pentru a identifica fila dorită vor crește proporțional ca număr de alternative crește. Acest fenomen este denumit legea lui Hick și, deși sa confruntat cu critici, există dovezi puternice care sugerează că viteza de selecție este puternic influențată de numărul de opțiuni alternative.

Google Chrome permite utilizatorilor să deschidă mai mult de zece tab-uri la un moment dat. Deși această flexibilitate este plăcută, restricționează utilizatorii să vizualizeze întreaga etichetă a fiecărei fila. Aceasta înseamnă că utilizatorii vor pierde din vedere ceea ce au deschis.

o plângere comună cu filele când oamenii utilizează metoda de afișare automată este sensibilitatea lor la mișcările cursorului. Deși utilizatorii se pot deplasa de la o filă la alta mai repede decât ar fi trebuit să facă clic pe file, folosind locația cursorului pentru a deschide și închiderea filelor pot fi o neplăcere. Dacă utilizatorii doresc să vadă conținutul într-o singură filă, trebuie să se asigure că au plasat cursorul pe o altă filă; În caz contrar, va fi afișat conținutul nedorit. Prin urmare, chiar dacă utilizatorii dont trebuie să faceți clic pe o filă pentru a vizualiza conținutul său, afișare automată de conținut poate fi frustrant-ca utilizatorii trebuie să se asigure cursorul nu se aruncă peste stânga sau pe o altă filă. Mai mult decât atât, în cazul în care conținutul tab sunt revelate într-un meniu drop-down, ele pot ascunde utilizatorii văd de conținut de pe restul paginii, astfel încât acestea trebuie să fie atenți să nu pentru a muta cursorul pe lamelele modulului atunci când participă la conținutul pe restul afișajul.

De ce am fost blocat?

În Cloud Connect Comunitate, discuta despre cele mai noi caracteristici cu googleri și alți administratori Google Spațiul de lucru ca tine. Aflați mai multe sfaturi și trucuri care vor face munca și viața mai ușoară ta. Fii primul care afla ce se întâmplă cu Google spațiu de lucru.

Pe Ce este nou în Google spațiu de lucru? pagină din Centrul de ajutor, afla mai multe despre noile produse și funcții lansarea în Google spațiu de lucru, inclusiv schimbări mai mici, care a fost havent anunțat pe blogul Google spațiu de lucru actualizări.

Spațiu de lucru Programe Google Beta oferă clienților participante o oportunitate de a ne ajuta să îmbunătățim și să dezvolte noi produse și funcții precum și să ofere feedback cu privire la ele, înainte de a theyre puse la dispoziția tuturor.

Fii liderul wobblers din terenuri vechi, locuri infricosatoare, si lumi fantastice. Urmăriți-le în lupta simulări realizate cu wobbliest sistemul de fizica creat vreodată, face propriile wobblers în unitatea creatorul și trimite armata ta să lupte prietenii în multiplayer.

Recenzii

Structura file constă dintr-o listă neordonată file care au hashes corespunzătoare ID-uri tab. Atunci când faceți clic pe fiecare filă, numai recipientul cu id-ul fila corespunzătoare vor deveni vizibile. Puteți adăuga clasa. isabled pentru a face o filă inaccesibile.

Inițializare

În mod implicit, este selectată prima filă. Dar dacă acest lucru nu este ceea ce doriți, puteți preselecta o filă fie prin trecerea în hash în URL ex: # test2. Sau puteți adăuga clasa activă la tag-ul o.

Conectarea la o pagină externă

În mod implicit, filele va ignora comportamentul Materializare lor implicit ancora. Pentru a forța o filă să se comporte ca un hyperlink obișnuit, specificați doar proprietatea țintă de care se leagă! O listă a valorilor țintă pot fi găsite aici.

file glisa cu degetul

Prin setarea opțiunii glisa cu degetul la true, puteți activa tab-uri în cazul în care puteți să glisați la atingere dispozitive cu file comutator activat. Asigurați-vă că vă păstrați divs conținut fila în același container de ambalaj. Puteți seta, de asemenea, opțiunea de responsiveThreshold la o lățime de ecran în pixeli în cazul în care funcționalitatea glisa cu degetul se va activa.

De ce am fost blocat?

Conținutul fiecărui panou filă poate fi definită în pagină sau pot fi încărcate prin intermediul Ajax; ambele sunt gestionate automat, pe baza href de ancora asociată cu fila. În mod implicit filele sunt activate pe clic, dar evenimentele pot fi modificate pentru a Hover prin intermediul opțiunii evenimentului.

class = "govuk-rubrica-l"> Ultima zi

File poate lucra bine pentru persoanele care folosesc un serviciu regulat, de exemplu, utilizatorii unui sistem caseworking. Nevoia lor de a efectua sarcini rapid poate fi mai mare decât nevoia de simplitate de prima utilizare.

Când nu utilizați această componentă

Luați în considerare utilizarea filelor în loc de detaliile componentei în cazul în care există mai multe secțiuni legate de conținut. Detalii Componenta ar putea fi mai bine dacă aveți doar 1 sau 2 secțiuni de conținut. Detalii Componenta este mai puțin proeminent vizual decât filele, astfel încât tinde să funcționeze mai bine pentru un conținut care nu este la fel de important pentru utilizatori.

Cum funcționează

utilizări Limbuțele componente JavaScript. Atunci când JavaScript nu este disponibil, utilizatorii vor vedea conținutul cu tab-uri pe o singură pagină, în ordine, de la prima la ultima, cu un cuprins care link-uri către fiecare dintre secțiuni.

25 filme animate de Crăciun, care sunt prea drăguț pentru a rezista

drame romantice, comedii amuzante, povești de groază înfricoșătoare, actionpacked thrillere aceste filme și emisiuni TV în Tamil au ceva pentru fanii de toate genurile..

Aflați mai multe

Atenție necesară Cloudflare

Versuri complete și exacte pentru acea fată de la Olly Murs o fată, dar l-am lăsat să scape, totul de vina mea provoacă mândria a ajuns în cale, și id că ....

Aflați mai multe

Popular

© 2022 May | Ultimate Classic Rock

Folosim cookie-uri
Folosim cookie-uri pentru a vă asigura că vă oferim cea mai bună experiență pe site-ul nostru. Prin utilizarea site-ului, sunteți de acord cu utilizarea cookie-urilor noastre.
Permiteți cookie-urile.