Butoanele de acțiune (butoane de acțiune), capitolul 2 al formularului, citite online, fără înregistrare

BUTOANE DE ACȚIUNE (BUTOANE DE ACȚIUNE)

Pentru a trece la pasul următor sau pentru a finaliza sarcina, utilizatorii trebuie să trimită formularul după completarea acestuia. Pentru ca utilizatorii să continue sarcina și să nu piardă date, este important ca utilizatorii să selecteze acțiunea corectă.







Fig. 2.30. În această formă, site-ul LinkedIn indică în mod clar acțiunea principală Send - send

Butoanele sunt de obicei identificate cu executarea unor acțiuni, de exemplu trimiterea unui formular completat, care le distinge de legăturile care vă permit să navigați între pagini. Datorită formei lor (convexe, cum ar fi butoanele reale), butoanele le plac "clic" sau "faceți clic" pe ele. În plus, deoarece utilizatorii întâlnesc butoanele în aplicațiile client desktop, butoanele oferă o modalitate bună de a alege modul de efectuare a acțiunii.

Fig. 2.31. În aplicația Dell, acțiunea de plată principală (Checkout) este reprezentată ca un buton, iar acțiunea secundară de cumpărare este prezentată ca un link

Dacă există prea multe butoane de control, interfața poate părea supraîncărcată și va fi dificil pentru utilizatori să decidă ce măsuri să ia pentru a finaliza activitatea. În astfel de cazuri, încercați să schimbați mai multe butoane de comandă în linkuri (sau link-uri cu pictograme), mai ales dacă aceste butoane sunt secundare. În plus, încercați să combinați butoanele aferente în mai multe grupuri separate din exterior.

Numele butoanelor trebuie să fie clare și concise

Utilizați nume care descriu în mod clar acțiunile pentru a minimiza orice posibilitate de acțiune eronată. Deoarece butoanele sunt folosite pentru a efectua o sarcină sau pentru a obține un rezultat, utilizați verbe pentru a reprezenta această sarcină sau rezultat atunci când numiți butoane. Evitați utilizarea comenzilor rapide precum "Trimitere", care reflectă numai procesul de trimitere a formularului; În schimb, utilizați nume precum "Salvați modificările", "Gasiți bilet de avion" sau "Găsiți utilizatori" (Figura 2.32). Mai jos sunt două sfaturi suplimentare pentru numirea butoanelor de control:

• Utilizați "Eliminați" și "Ștergeți". Utilizați numele "Ștergeți" dacă datele sunt șterse definitiv și nu există nicio modalitate de a adăuga alte date. Utilizați numele "Eliminați" dacă datele sunt șterse numai din acest context, dar sunt disponibile în alte contexte. De exemplu, în timp ce trimiteți un e-mail pentru a șterge un document din lista de aplicații, utilizați numele "Eliminare aplicație" sau "Eliminare". Și pentru a șterge un mesaj din lista de mesaje, utilizați "Ștergeți mesajul" sau "Ștergeți".







• Utilizați "Add" și "New". Utilizați numele "Nou" atunci când creați o înregistrare complet nouă (sau un element de date). Utilizați numele "Adăugați" atunci când selectați sau asociați un element de date existent cu alte elemente de date. De exemplu, pentru a crea un nou cont de utilizator, utilizați numele "Utilizator nou" sau "Nou" și pentru a crea o nouă listă de sarcini, utilizați Lista de adăugare a noilor funcții sau Adăugați.

Fig. 2.32. Pe site-ul Expedia, butoanele sunt atribuite etichete care descriu activități, de exemplu, Căutare de zboruri și Căutare de zboruri + hoteluri (Căutare bilet de avion + hotel)

Aliniați butoanele primare de control în raport cu câmpurile pentru introducerea datelor

Fig. 2.33. În pagina de conectare a contului de servicii Basecamp, acțiunea principală Sign In este aliniată cu elementele formularului

Oferiți utilizatorilor posibilitatea de a efectua acțiunea principală apăsând tasta Enter

Acțiunea principală a formularului trebuie efectuată în mod prestabilit dacă utilizatorii apasă tasta Enter. Acest lucru este deosebit de important atunci când completați formulare care conțin doar un singur câmp de introducere, de exemplu, "Căutare". Această sarcină poate fi efectuată utilizând HTML după cum urmează:

Corectați modificările

Aveți grijă atunci când dezactivați acțiunea principală

În forme scurte, este uneori posibil să dezactivați butonul acțiunii primare până când utilizatorii completează câmpurile necesare (Figura 2.34). Această metodă face posibilă evitarea acelor erori care sunt cauzate de trimiterea inadecvată a unui formular care nu este complet finalizat. Cu toate acestea, această abordare poate să nu fie potrivită pentru forme mari sau complexe, deoarece utilizatorii nu înțeleg de ce acțiunea primară nu poate fi efectuată. Ei pot ajunge la concluzia greșită că forma nu funcționează corect și refuză să o umple.

Fig. 2.34. Pe site-ul Campfire, butonul Sign up este dezactivat până când toate câmpurile sunt completate

După primul clic, dezactivați butonul de control

Realizarea aceleiași acțiuni de mai multe ori (prin apăsarea din nou a butonului de comandă) poate duce la consecințe nedorite. De exemplu, apăsarea repetată a butonului de comandă poate determina plasarea comenzii de mai multe ori. În astfel de cazuri, dezactivați butonul de comandă sau ascundeți-l și înlocuiți-l cu o inscripție ca "Prelucrare ..." sau "Vă rugăm să așteptați ...". Astfel, utilizatorii se asigură că acțiunea lor este confirmată și că aplicația web așteaptă un răspuns (Figura 2.35).

Fig. 2.35. Pe site-ul Advanta, butonul Continue este înlocuit cu textul Vă rugăm așteptați ... (așteptați) pentru a permite utilizatorilor să știe că au finalizat cu succes acțiunea și aplicația așteaptă un răspuns

Butoanele de resetare clare

Modele de design similare

Pentru formularul care trebuie trimis, este de obicei necesar să îl confirmați într-un fel. În cazul în care formularul a fost refuzat, utilizatorii ar trebui să fie informați cu privire la motivele refuzului. Acest lucru se poate face, de obicei, folosind șablonul MESAJE ERROR.







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: