#PrzemoPatterns
Witaj na stronie, gdzie znajdziesz wszystkie wpisy z serii #PrzemoPatters.
Co to jest? Mega prosta rzecz: bierzemy na tapet jeden element interfejsu, np. button i zarzucamy Ci samo UXowe mięsko: tipy, przykłady, co robić, a czego lepiej unikać. Tyle. Szybko i konkretnie.
Lista:
![#PrzemoPatterns - Modal](https://uxowy.dev/content/images/size/w600/2022/01/ux-patterns-modal.png)
1. Modal
Modal to po prostu wyskakujące okienko czekające na interakcję z użytkownikiem. Użyj, gdy chcesz przerwać bieżący widok użytkownika, aby przyciągnąć jego pełną uwagę na coś ważniejszego, np...
![#PrzemoPatterns - Toggle](https://uxowy.dev/content/images/size/w600/2022/01/pp-2.png)
2. Toggle
Element z pozoru prosty i zrozumiały, rzeczywistość pokazuje jednak, że twórcy aplikacji nie zawsze wiedzą, jak dobrze go używać. O czym zatem należy pamiętać?
![#PrzemoPatterns - Wykresy](https://uxowy.dev/content/images/size/w600/2022/01/pp-3-1.png)
3. Wykresy
Zwizualizowanie nudnych danych to coś, za co użytkownicy mogą pokochać Twój projekt. Z drugiej strony, nieczytelne wykresy to przyczyna sporej irytacji, co często prowadzi do wyboru konkurencji.
![#PrzemoPatterns - Toast](https://uxowy.dev/content/images/size/w600/2022/02/pp-4-1.png)
4. Toast
Toast to małe, wyskakujące powiadomienie, służące do wyświetlenia informacji o operacji, którą wykonaliśmy.
![#PrzemoPatterns - Loader](https://uxowy.dev/content/images/size/w600/2022/02/pp-5-1.png)
5. Loader
Jedną z częstszych przyczyn irytacji użytkowników aplikacji jest długie ładowanie się danych.
![#PrzemoPatterns - Loading cz. 2](https://uxowy.dev/content/images/size/w600/2022/02/pp-6-.png)
6. Loading cz.2
W nawiązaniu do poprzedniego wpisu, opiszę dwie, bardziej ogólne porady dotyczące ładownia danych i tego, jak uczynić ten proces bardziej user-friendly.
![#PrzemoPatterns - Avatar](https://uxowy.dev/content/images/size/w600/2022/02/pp-7.png)
7. Avatar
Avatar w aplikacji wizualizuje naszą osobę i często niesie ze sobą inne dodatkowe funkcje, jak np. przejście do ustawień użytkownika.
![#PrzemoPatterns - Radio](https://uxowy.dev/content/images/size/w600/2022/02/pp-8-1.png)
8. Radio
Radio-button to z pozoru banalna sprawa, klikamy w jakieś kółeczko, wybieramy opcję i gotowe. Niemniej jednak, jest kilka pułapek, które warto omijać.
![#PrzemoPatterns - Checkbox](https://uxowy.dev/content/images/size/w600/2022/03/pp-9.png)
9. Checkbox
Dzisiejszym wpisem zamkniemy niejako rozdział związany z rodziną selekcyjnych przycisków.
![#PrzemoPatterns - Breadcrumbs](https://uxowy.dev/content/images/size/w600/2022/03/pp-10.png)
10. Breadcrumbs
To ścieżka strony internetowej, umożliwiająca użytkownikowi łatwiejszą orientację, w którym miejscu się aktualnie znajduje...
![#PrzemoPatterns - Slideshow](https://uxowy.dev/content/images/size/w600/2022/03/pp-11-1.png)
11. Slideshow
Największą korzyścią płynącą z używania karuzeli jest możliwość ukazania wielu informacji w jednym miejscu, czyli zaoszczędzenie miejsca.
![#PrzemoPatterns - Tab](https://uxowy.dev/content/images/size/w600/2022/04/pp-12.png)
12. Tab
Tab (zakładka) to element nawigacyjny, który umożliwia użytkownikom łatwy dostęp do różnych treści na pojedynczej stronie. Podstawowe zasady...
![#PrzemoPatterns - Strona Kariera](https://uxowy.dev/content/images/size/w600/2022/04/pp-13.png)
13. Strona "Kariera"
Materiał przyda się szczególnie programistom, którzy opiekują się stroną swojego pracodawcy - możecie mocno zaplusować wprowadzając zaledwie kilka usprawnień...
![#PrzemoPatterns - Wyszukiwarka](https://uxowy.dev/content/images/size/w600/2022/06/pp-14.png)
14. Wyszukiwarka
Wyszukiwarka na stronie internetowej lub w aplikacji powinna być rozwiązaniem intuicyjnym. Jej celem jest skrócenie czasu poszukiwań i ułatwienie znalezienia konkretnej rzeczy.
![#PrzemoPatterns - Datepicker](https://uxowy.dev/content/images/size/w600/2022/06/pp-15-1.png)
15. Datepicker
Ten z pozoru prosty element interfejsu może napsuć wiele naszym użytkownikom, dlatego pilnujmy tych kilku, prostych zasad.
![#PrzemoPatterns - Footer](https://uxowy.dev/content/images/size/w600/2022/06/pp-16-1.png)
16. Footer
Co ciekawe, odpowiedni projekt footera może zwiększyć konwersje w witrynie o ponad 23%, a przychody o ponad 15%. Co zatem oznacza “odpowiedni projekt” i jakich zasad warto przestrzegać?
![#PrzemoPatterns - Dashboard](https://uxowy.dev/content/images/size/w600/2022/07/pp-17.png)
17. Dashboard
Zapewnia użytkownikowi globalny przegląd najważniejszych danych, funkcji i elementów nawigacyjnych. O czym warto pamiętać przy projektowaniu dashboardów?
Jeśli jeszcze nie ma Cię na liście 🤔
Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00. Wartościowa wiedza o UI/UX dla developera może wylądować prosto do Twojej skrzynki.