ZioPeng: UX.

2024-05-20T17:16:55Z

UX.

Nowa strona

Dobry UX wg mnie to taki, który dobrze spełnia swoje zadanie.

== Przykłady ==
=== Składanie zamówienia w sklepie ===
Wybrane opcje zamówienia - sposób płatności i dostawy - powinny być wyraźnie zaznaczone. Tutaj istotnymi elementami mogą być np. ramka wybranego koloru oraz rzucający się w oczy przycisk input radio, który może być np. wyróżniony kolorem. Może też takim opcjom towarzyszyć tekst "wybrana opcja", też w jakiś sposób wyróżniony. Chodzi tu o to, aby użytkownik był pewny, jakie opcje wybrał.

=== Wypełnianie formularzy ===
Na samym wejściu w formularz użytkownik powinien mieć jasno określone, które pola formularza powinien wypełnić. Najczęściej taką informację użytkownikowi daje czerwony asterysk (<code style="color: red">*</code>). Użytkownik, zostawiając niektóre pola niewypełnione, podczas przechodzenia do kolejnego kroku, może być zaskoczony komunikatem, że nie da rady przejść do następnego kroku, ponieważ pola X, Y i Z nie zostały wypełnione. No ale zaraz... przecież w trakcie wypełniania formularz nie powiadomił użytkownika, tylko po kliknięciu w przycisk.

=== Podawanie daty ważności karty płatniczej ===
Ja często robię zakupy przez internet, przez co często różnym podmiotom podaję moje informacje nt. mojej karty płatniczej. I gdy mój kursor znajduje się w polu , gdzie trzeba wpisać datę, do kiedy jest ważna moja karta, to nieraz nie mam informacji, czy tę datę należy podać w formacie MM/YY czy MM/YYYY, przez co jestem zaskoczony, gdy wpiszę 2 ostatnie cyfry roku, a się okazuje, że jednak muszę wpisać cały.

=== Program do tworzenia list rzeczy do zrobienia ===
Gdy dodaję kolejne listy rzeczy "do zrobienia" na mojej liście, to wyświetlają się one normalnym tekstem. Obok powinien być checkbox, by zaznaczyć, że zadanie zostało ukończone. Ukończone zadanie wystarczy, że będzie miało mniej rzucający się w oczy kolor, będzie przekreślone, a obok niego może być umieszczona informacja: "Zrobione", która może być napisana zieloną czcionką (zieleń raczej się kojarzy z czymś dobrym, pozytywnym).

==== Przykład dodanego zadania ====
[ ] Treść zadania

==== Przykład ukończonego zadania ====
<s>[ ] Treść zadania</s>

<s>[ ] Treść zadania</s> Zrobione!

Dla jeszcze większej czytelności takiej listy zadania już wykonane można przenosić do odrębnej listy oddzielonej np. separatorem, która pełni rolę archiwum.

=== Menu kontekstowe na Discordzie ===
Odpowiednie wykorzystanie kolorów i ikonek przy danych opcjach spowoduje, że użytkownik, nawet nie znając danego języka, powinien sobie poradzić np. z kicknięciem problematycznego usera. Najlepiej, gdy opcja oznaczająca wyrzucenie/zbanowanie kogoś jest wyróżniona czerwonym kolorem, a obok niej jest adekwatna ikonka.

=== Interfejsy programów ===
Tutaj wystarczy, że po najechaniu na konkretną opcję pokaże mi się dymek z informacją, co dana funkcja programu oznacza.

Użytkownik:ZioPeng/Dobry UX wg mnie - Historia wersji

ZioPeng: UX.