Moduł 4 – TWORZENIE
Wdrożenie cyfrowe
5. Zapewnienie dostępności i użyteczności
5.1 Czytelność
- Umieść instrukcje w solidnej ramce (nie umieszczaj tekstu bezpośrednio na obrazach z dużą ilością elementów).
- Instrukcje powinny być krótkie: jedna czynność lub jeden cel w jednym zdaniu.
- Unikaj kursywy, podkreśleń i tekstu wyjustowanego. Używaj pogrubienia i wyrównania do lewej.
- Upewnij się, że cały tekst ma odstępy między wierszami wynoszące od 1,4 do 1,5.
- Używaj przejrzystych czcionek bezszeryfowych (takich jak Arial, Century Gothic, Open Dys).
- Używaj odpowiedniej wielkości czcionki: co najmniej 18 pt dla tekstu głównego, 24 pt dla nagłówków i przycisków. Nie schodź poniżej 16 pt, jeśli gra jest uruchamiana na telefonach.
- Unikaj długich akapitów i w miarę możliwości stosuj wypunktowanie.
Wskazówki i porady: Jeśli musisz zamieścić dłuższy tekst, udostępniaj go tylko w razie potrzeby (za pomocą przycisku z podpowiedzią „Czytaj więcej”).
5.2 Kolor i kontrast
- Unikaj jasnego tekstu lub obiektów na jasnym lub przeładowanym tle. Preferuj ciemniejsze kolory dla elementów na pierwszym planie.
- Sprawdź, czy kolory, zwłaszcza między kluczowymi elementami, są odpowiednio skontrastowane (użyj narzędzi takich jak WebAIM Contrast Checker). Staraj się uzyskać kontrast co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu.
- Unikaj sygnałów opartych wyłącznie na kolorach czerwonym i zielonym (stanowią one zagrożenie dla osób z daltonizmem).
- Używaj symboli wraz z tekstem, a nie samych kolorów, jako kluczowych wskazówek lub elementów zagadki. Na przykład: „Odblokowano ✓” lub „Spróbuj ponownie ✗”.
5.3 Alternatywy dźwiękowe i wizualne
- Unikaj nieistotnych efektów dźwiękowych lub animacji; zachowaj tylko istotne i przydatne elementy (nie powinny one być niezbędne do rozwiązania zagadek).
- Włącz opcję „Powiększ” w ustawieniach „Preferencje”, aby umożliwić graczom z dysfunkcją wzroku dokładniejsze przyjrzenie się kluczowym elementom.
- Jeśli dodajesz narrację audio, dodaj również transkrypcję w formie tekstowej.
- Jeśli dodajesz wskazówkę wideo lub wizualną, zapisz również kluczowe informacje w formie tekstowej.
5.4 Przeciążenie poznawcze
Zasady projektowania bezpiecznego dla początkujących
- Jeden główny cel na ekranie
- Maksymalnie 3–7 elementów klikalnych na ekranach dla początkujących
- Zawsze zapewnij widoczną instrukcję „Co mam zrobić?”
Pomocna struktura
- Pole „Twoje zadanie”, aby łatwo zidentyfikować instrukcje.
- Pole „Znalezione wskazówki” do potwierdzenia prawidłowych kroków i wyjaśnienia procesu.
- Przycisk „Wskazówka”, aby zapewnić odpowiednie wskazówki w razie trudności
5.5 Kompatybilność z urządzeniami
- Wyświetl podgląd na laptopie, telefonie i tablecie, aby upewnić się, że funkcje, rozmiar i interakcje są odpowiednie na wszystkich potencjalnych urządzeniach.
- Sprawdź:
- Czy przyciski są wystarczająco duże, aby można było je obsługiwać dotykowo?
- Czy tekst jest czytelny bez powiększania?
- Czy wyskakujące okienka mieszczą się na ekranie?
- Jeśli korzystanie z urządzeń mobilnych jest powszechne, uprość:
- Mniej małych obszarów aktywnych
- Mniej zadań typu „przeciągnij i upuść”
- Większy tekst i przyciski
Rodzaj zadania: Prawda czy fałsz
Zdecyduj, czy stwierdzenia są prawdziwe, czy fałszywe.
Obejrzyj film
W tym filmie znajdziesz podsumowanie części 5 tego modułu.