🎨 uxowy.dev #71: Mity UX i efektowne komponenty z kodem źródłowym

Mikołaj Waśkowski -

...wiosna powoli puka do drzwi naszych programistycznych jaskiń 😂. Czas kończyć wszystkie rozgrzebane side-projecty (bo jeden to za mało...) i zacząć korzystać z dobrej pogody 🤪 🌳 ☀️

A tak na serio... mam dziś dla Ciebie dwie rzeczy:

  • Mity UX - lista wybranych + źródło do pełnej wersji ze szczegółami
  • 39 efektownych komponentów z kodem źródłowym

Zapraszam do obczajki 🙂

⬇️ ⬇️ ⬇️

Mity UX

UX | źródło

Źródło, które podaję niżej, zbiera błędne przekonania dotyczące UX i wyjaśnia dlaczego nie są one prawdziwe.

I to nie są domysły projektanta X.

To wnioski oparte na badaniach i artykułach guru projektowania.

Poniżej kilka wybranych mitów.
Po więcej i głębsze wyjaśnienia - zapraszam do źródła (ang).

  1. Ludzie czytają content (nie, ludzie skanują content)
  2. Każda strona / miejsce w appce powinno być osiągalne w 3 kliknięcia (nie ważna jest ilość kliknięć a np.: intuicyjność, brak kognitywnego przeciążenia, podział trudnych rzeczy na kroki itd.)
  3. Ludzie nie scrollują (ludzie scrollują jeśli wiedzą, że mogą - false bottom)
  4. Design musi być oryginalny (głównie powinien być użyteczny)
  5. Robienie dostępnych rozwiązań jest kosztowne (robienie niedostępnych rozwiązań jest kosztowne, kiedy chcemy zrobić je bardziej dostępne)
  6. Więcej ficzerów i możliwości skutkuje większą satysfakcją użytkownika
  7. Ikony zwiększają użyteczność (często ją pogarszają, trzeba dodać tekstowy opis ikony lub oznaczyć ją jako nieistotną aira-hidden)
  8. Jesteś taki sam jak użytkownicy, wiesz jak będą używać Twojego produktu i czego potrzebują
  9. Wyszukiwarka rozwiąże wszystkie problemy nawigacyjne strony
  10. Jeśli coś działa na Allegro to zadziała i u mnie
  11. Testowanie użyteczności jest drogie (czasami wystarczy test z 5 użytkownikami)
  12. White space to stracone miejsce (to wizualny separator, dodaje oddechu)
  13. Jeśli jesteś ekspertem, nie musisz testować swojego designu
  14. Łatwy === minimalistyczny
  15. Ludzie są racjonalni

Link do pełnej listy i wyjaśnień dla każdego z mitów: uxmyths.com

UX Myths
UX Myths collects the most frequent user experience misconceptions and explains why they don’t hold true.
UX MythsZoltan Gocza, Zoltan Kollin
🟣
Jeśli podoba Ci się ten mail, zarzuć linka na social-mediach lub firmowym slacku! Na pewno jest tam ktoś, komu pomożesz. Gotowiec do skopiowania poniżej:
Właśnie wpadł mi na maila newsletter 🎨 uxowy.dev #71: Mity UX i efektowne komponenty. Polecam! Link do wersji online: https://uxowy.dev/email/71. Subskrybujcie (za darmo 🧅).

Daj znać, gdzie wrzuciłeś(aś).
Może będę w stanie się jakoś odwdzięczyć 🤝.

39 efektownych komponentów z kodem źródłowym

Resources | źródło
Aceternity UI

Z pewnością widziałeś gdzieś efektowne karty 3D, czy efekt świecących gwiazdek w tle.

No to tutaj mamy listę takich i innych efektownych komponentów z ich kodem źródłowym. Nie jest to moim zdaniem copy-paste, ale w wygodny sposób możemy sobie podejrzeć jak to jest zrobione.

Jest nawet seria buttonów z gotowymi klasami Tailwinda do wklejenia:

Bardzo inspirujący zbiór.

Link: ui.aceternity.com/components

PS. EfektOwny to nie to samo co efektYwny 😂 Warto sprawdzać performance i accessibility takich rozwiązań.

To wszystko na dziś!

Pozdrawiam i dobrego weekendu!  🌳 ☀️ 🚲

Mikołaj Waśkowski
uxowy.dev

Poprzednie wysyłki: