UX în 60 de secunde Utilizarea bibliotecilor componente

Bine ați venit la această introducere super-rapidă în utilizarea bibliotecilor de componente; util pentru designeri, dezvoltatori și utilizatori. Hai să intrăm!

Componentele bibliotecilor în 60 de secunde

Fiecare interacțiune cu care un utilizator întâlnește, trebuie să învețe, ceea ce creează o sarcină cognitivă. Este o provocare deosebită pentru un utilizator dacă elementele UI sunt aproape la fel, dar diferit. Apoi, utilizatorul trebuie să analizeze întrebări precum "de ce sunt acestea diferite?", "Se va întâmpla același lucru dacă aș lovi aceste două butoane?"

Începeți prin identificarea obiectelor obișnuite în desenele dvs., le definiți ca componente, apoi mai târziu (când proiectați ecrane), puteți începe să le trageți înapoi. Prin aceasta veți forța să deveniți mai consecvenți. S-ar putea chiar să fiți surprins de kilometrajul pe care îl puteți obține folosind aceleași obiecte pentru a rezolva diferite probleme.

Utilizând schița

Practic, puteți crea simboluri în cadrul proiectului Sketch sau puteți utiliza pluginul Craft by InVision. Pentru a obține cu adevărat valoare din biblioteca de componente, lucrați cu dezvoltatorii dvs. pentru a obține aceleași lucruri definite în cod.

• Craft: Proiectarea cu date din lumea reală
• Cum să organizați stilurile și simbolurile schiței ca un pro

Nu trebuie să fie pur vizuală; ar trebui să definiți diferitele stări ale fiecărui obiect și chiar interacțiuni complexe.

Când folosiți o bibliotecă de componente, designerii și dezvoltatorii pot folosi aceleași obiecte din nou și din nou pentru a rezolva diferite probleme. Și pentru utilizatori, aceștia se vor confrunta cu componente familiare, trebuind să petreacă mai puțin timp estimând cum să folosească aplicația sau site-ul dvs. Web.

Kituri UI recomandate

Ați observat câteva seturi de UI prezentate în acest videoclip; apucați-le acum ca parte a abonamentului Envato Elements!

Simplu

Peste 100 de elemente Photoshop editable și redimensionabile, bazate pe forme vectoriale curate. Straturile sunt grupate și bine organizate, elementele ușor de redimensionat și reglabile, precum și modificarea culorilor.

Zoomie

Social Media Aplicație mobilă pentru schiță; toate placile de arta sunt bine organizate si stratificate.