Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

UX w 60 sekund: korzystanie z bibliotek komponentów

by
Difficulty:BeginnerLength:ShortLanguages:

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Witaj w tym bardzo krótkim wprowadzeniu do bibliotek komponentów; przydanych dla projektantów, developerów oraz użytkowników. Zacznijmy!

Biblioteki komponentów w 60 sekund

Użytkownik musi się nauczyć każdej interakcji, którą napotyka, co tworzy obciążenie poznawcze. To szczególnie trudne dla użytkownika, jeśli elementy interfejsu są prawie takie same, jednak różniące się od siebie. Użytkownik musi przeanalizować takie pytania jak "dlaczego elementy się różnią?", "czy stanie się to samo, jeśli kliknę oba przyciski?"

Rozpocznij od zidentyfikowania wspólnych obiektów w swoim projekcie, określ je jako komponenty, a następnie (gdy projektujesz ekrany) możesz zacząć wciągać je z powrotem. Robiąc to, osiągasz większą spójność. Możesz być nawet zaskoczony jak duży krok milowy wykonujesz, wykorzystując te same obiekty do rozwiązywania różnych problemów.

Używanie programu Sketch

Mówiąc praktyczne, możesz stworzyć symbole w projekcie Sketch lub skorzystać z wtyczki Craft od InVision. Aby naprawdę uzyskać korzyści z biblioteki komponentu, współpracuj ze swoimi developerami, aby uzyskać te same rzeczy określone również w kodzie.

To nie musi być wizualnie czyste. Powinieneś określić różne stany każdego obiektu, a nawet złożone interakcje.

Podczas korzystania z biblioteki komponentu, projektanci i deweloperzy mogą wielokrotnie wykorzystywać te same obiekty, aby rozwiązywać różne problemy. Natomiast użytkownicy napotykają na znane komponenty, poświęcając mniej czasu na zorientowanie się jak korzystać z aplikacji lub strony internetowej.

Polecane zestawy interfejsów

Zwróć uwagę na kilka zestawów interfejsów wspomnianych w wideo; pobierz je jako część subskrypcji Envato Elements!

Simple

Ponad 100 edytowalnych elementów w postaci plików Photoshopa, opartych na kształtach wektorowych. Warstwy są pogrupowane i dobrze uporządkowane, rozmiar elementów można z łatwością zmienić, a także edytować kolory.  

Simple Flat UI Kit

Zoomie

Mobilna aplikacja społecznościowa dla Sketch; wszystkie grafiki są dobrze zorganizowane oraz ułożone.

Zoomie

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.