#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

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

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

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

4. Toast

Toast to małe, wyskakujące powiadomienie, służące do wyświetlenia informacji o operacji, którą wykonaliśmy.

#PrzemoPatterns - Loader

5. Loader

Jedną z częstszych przyczyn irytacji użytkowników aplikacji jest długie ładowanie się danych.

#PrzemoPatterns - Loading cz. 2

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

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

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

9. Checkbox

Dzisiejszym wpisem zamkniemy niejako rozdział związany z rodziną selekcyjnych przycisków.

#PrzemoPatterns - Breadcrumbs

10. Breadcrumbs

To ścieżka strony internetowej, umożliwiająca użytkownikowi łatwiejszą orientację, w którym miejscu się aktualnie znajduje...

#PrzemoPatterns - Slideshow

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

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

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

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

15. Datepicker

Ten z pozoru prosty element interfejsu może napsuć wiele naszym użytkownikom, dlatego pilnujmy tych kilku, prostych zasad.

#PrzemoPatterns - Footer

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

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.