3 obiective semnificative de proiectare a mișcării (cu exemple)

Împerecherea mișcării cu obiectivele cheie ale utilizatorilor vă poate face să vă asigurați că design-urile dvs. sunt semnificative și nu doar să adăugați sarcină cognitivă pentru utilizatorii dvs.. 

Iată câteva obiective, cu exemple, pe care proiectarea mișcării o poate sprijini. 

1. Apelați atenția

Mișcarea poate aduce focalizarea pe o zonă a paginii care este relevantă pentru utilizator. 

Aveți nevoie de un utilizator pentru a fi conștient de o eroare sau de un pas important pe care l-au ratat pe un formular web? Adăugarea unei mișcări poate atrage rapid atenția utilizatorului asupra unei părți a paginii, astfel încât să poată lua măsuri.

Acest pix de Alex Mourer folosește mișcarea pentru a oferi feedback continuu:

2. Adăugați angajamentul 

Chiar și mișcarea subtilă poate oferi confirmarea unei acțiuni a unui utilizator asupra unui element al paginii. Acest lucru ajută utilizatorii dvs. să înțeleagă că feedbackul lor a fost procesat sau introdus în sistem. De asemenea, poate distrage atenția de la procesele de fundal, cum ar fi timpul de încărcare pentru o tranziție a paginii. 

O animație distractivă sau animată de încărcare a paginilor este o oportunitate pentru dvs. de a expune personalitatea mărcii dvs. utilizatorilor, cum ar fi acest exemplu mesmeric de la Rachel Smith:

3. Explicați relațiile spațiale

Mișcarea poate oferi o tranziție fluidă între diferitele componente ale paginii. De exemplu, pe mobil, mișcarea este adesea folosită pentru interacțiunile detaliate dintre tranzițiile paginilor. Elementele redimensionează și afișează o relație dimensională (care apare în fața sau în spatele altor componente), ceea ce îi oferă utilizatorului indicații vizuale cu privire la ceea ce se va întâmpla în continuare. 

Acest exemplu de la Koen Vendrik demonstrează perfect relațiile:

Concluzie 

Propunerea de mișcare este un instrument puternic și atrăgător în setul de instrumente al designerului. Deși poate fi tentant să adăugați mai multe detalii despre mișcare, luați în considerare ce scopuri de proiectare a mișcărilor utilizatorilor pot să le susțină, astfel încât desenele dvs. să fie construite pe baza deciziilor semnificative care nu vor obstrucționa utilizatorii dvs. și nu vor pierde timpul.