UX in 60 seconden Componentbibliotheken gebruiken

Welkom bij deze supersnelle introductie van het gebruik van componentenbibliotheken; nuttig voor ontwerpers, ontwikkelaars en gebruikers. Laten we erin springen!

Componentbibliotheken in 60 seconden

 

Elke interactie die een gebruiker tegenkomt, moet ze leren, wat een cognitieve belasting veroorzaakt. Het is vooral een uitdaging voor een gebruiker als elementen van de gebruikersinterface zijn bijna hetzelfde, maar anders. De gebruiker moet dan vragen als "waarom zijn deze verschillen?", "Zal hetzelfde gebeuren als ik op deze twee knoppen klik?"

Begin met het identificeren van algemene objecten in uw ontwerpen, definieer ze als componenten en later (wanneer u schermen ontwerpt), u kunt ze weer terugtrekken. Hierdoor dwingt u zichzelf om meer consistent te zijn. Je zult misschien zelfs verrast zijn door het aantal kilometers dat je kunt krijgen door dezelfde objecten te gebruiken om verschillende problemen op te lossen.

Sketch gebruiken

Praktisch gezien kunt u symbolen in uw Sketch-project maken of de Craft by InVision-plug-in gebruiken. Om echt waarde uit uw componentenbibliotheek te halen, werkt u samen met uw ontwikkelaars om dezelfde dingen ook in de code te definiëren.

  • Craft: ontwerpen met real-world data
  • Hoe je schetsstijlen en -symbolen te organiseren als een professional

Het hoeft ook niet puur visueel te zijn; je zou de verschillende toestanden van elk object moeten definiëren, en zelfs complexe interacties.

Bij gebruik van een componentenbibliotheek kunnen ontwerpers en ontwikkelaars dezelfde objecten steeds opnieuw gebruiken om verschillende problemen op te lossen. En voor gebruikers zullen ze bekende componenten tegenkomen, omdat ze minder tijd hoeven te besteden aan het gebruik van uw app of website.

Aanbevolen UI-kits

Je zult gemerkt hebben dat een paar UI-kits in deze video zijn opgenomen; pak ze nu als onderdeel van uw Envato Elements-abonnement!

Eenvoudig

Meer dan 100 bewerkbare en aanpasbare Photoshop-elementen, gebaseerd op zuivere vectorvormen. Lagen zijn gegroepeerd en goed georganiseerd, elementen kunnen eenvoudig worden aangepast en aangepast, evenals kleuren bewerken.

Zoomie

Social Media mobiele app voor Sketch; alle schermkunstborden zijn goed georganiseerd en gelaagd.