Zrzuty ekranu w instrukcjach pomagają rozpoznać miejsce działania, lecz kompletna instrukcja powinna działać również bez nich. Czytelnik może używać małego ekranu, czytnika albo widzieć inną wersję panelu. Jeśli jedyną wskazówką jest kolorowa strzałka, nie wie, jakiej kontrolki szukać. Dla każdego obrazu przygotuj tekst czynności, oczekiwany wynik i opis ważnego szczegółu; pokaż ilustrację jako wsparcie działania, a nie zamiennik informacji potrzebnej do wykonania zadania.
Wybierz moment, w którym obraz rozstrzyga wątpliwość
Ilustracja jest potrzebna wtedy, gdy pomaga odróżnić kontrolkę, stan albo układ trudny do rozpoznania z samego tekstu. Nie rób zrzutu po każdym kliknięciu tylko dlatego, że możesz. W instrukcji zmiany hasła przydatny może być widok wejścia do ustawień, podczas gdy kolejne pole opisane nazwą nie potrzebuje osobnego obrazu. Wybierz moment niepewności i zapisz, jaki konkretny szczegół ma się dzięki ilustracji stać jasny dla czytelnika wykonującego tę czynność po raz pierwszy.
Przeczytaj tytuł zadaniowy artykułu pomocy i ustal, czy zrzut dotyczy dokładnie tego zadania. Ilustracja ogólnego pulpitu nie wyjaśnia zmiany terminu, jeśli potrzebny przycisk znajduje się w szczególe konkretnej wizyty. Nie dodawaj dekoracyjnego ekranu dla samej atrakcyjności tekstu. Jeżeli obraz nie pomaga wybrać działania ani rozpoznać wyniku, usuń go i zostaw czytelną instrukcję; mniej ilustracji oznacza też mniej miejsc do poprawienia po zmianie interfejsu.
Przygotuj kadr bez danych prawdziwego klienta
Najlepszy materiał powstaje w bezpiecznym przykładzie z danymi demonstracyjnymi, zanim konieczne będzie ukrywanie rzeczywistej rozmowy. Sprawdź nie tylko główne pole, ale też listę klientów, zakładki, avatar, nazwę pliku i powiadomienia widoczne na ekranie. Zrzut instrukcji nie potrzebuje pełnego kontekstu pracy operatora. Usuń z kadru elementy, które nie pomagają znaleźć kontrolki; nie publikuj listy prawdziwych spraw tylko po to, żeby interfejs wyglądał bardziej realistycznie w poradniku.
Jeżeli źródłowy obraz zawiera wrażliwe szczegóły, zastąp materiał albo zakryj je trwale przed dodaniem pliku. Nie polegaj na małym rozmyciu i nie zostawiaj danych w podpisie lub nazwie zasobu. Zachowaj wystarczający kontekst dla kontrolki: sam wycięty przycisk może być nie do rozpoznania, jeżeli na stronie istnieje kilka podobnych. To praktyka redakcyjna dotycząca ilustracji, nie pełna ocena ochrony danych; zasady przetwarzania rozmów i rejestrów wymagają osobnego procesu i nie wynikają z tego, że przygotowano poprawny zrzut.
Google zaleca opis tekstowy ważnej informacji obrazu oraz niewstawianie danych osobowych do zrzutów; do ukrycia danych wskazuje nieprzezroczyste zakrycie zamiast rozmycia. To zasady przygotowania ilustracji: obrazy w dokumentacji.
Zapisz krok i wynik poza samym obrazem
Tekst kroku powinien podawać nazwę widocznej czynności oraz stan, którego oczekujesz po wykonaniu. Zamiast „kliknij zaznaczone miejsce” napisz: „W sekcji Bezpieczeństwo wybierz Zmień hasło; otworzy się formularz obecnego i nowego hasła”. To fikcyjny wzór struktury, który dopasujesz do prawdziwego ekranu. Dzięki nazwom czytelnik może wykonać zadanie, nawet jeśli obraz nie załaduje się lub interfejs przesunie przycisk w inne miejsce na telefonie czy po zwiększeniu rozmiaru tekstu.
Nie buduj instrukcji wyłącznie z koloru albo kierunku: „zielony przycisk po prawej” może wyglądać inaczej w drugim motywie. Nazwa kontrolki jest bardziej trwała, a położenie może ją uzupełniać, jeśli naprawdę potrzebne. Prosty język instrukcji ułatwia opis kroku; ilustracja nie usprawiedliwia pominięcia ważnego warunku. Jeżeli po kliknięciu możliwe są dwa wyniki, wskaż oba w tekście zamiast udawać, że zrzut jednego stanu opisuje wszystkie sytuacje, które klient może rzeczywiście zobaczyć.
Rozdziel tekst alternatywny, podpis i instrukcję
Tekst alternatywny opisuje istotną informację obrazu, podpis dostarcza widocznego kontekstu, a krok mówi, co zrobić. Te warstwy nie muszą powtarzać tego samego zdania słowo w słowo. Dla zrzutu ustawień opisz miejsce lub stan nieoczywisty bez ilustracji, zamiast wpisywać „obrazek” albo nazwę pliku. Podpis może określać wersję przeglądarkową, gdy różni się od mobilnej; nie wkładaj do niego pełnej instrukcji, która już powinna być dostępna w tekście obok obrazu.
Przesuń tabelę w bok, aby zobaczyć wszystkie kolumny.
| Warstwa | Co przekazuje | Przykład |
|---|---|---|
| Tekst kroku | Czynność i oczekiwany wynik | Otwórz Ustawienia konta i wybierz Zmień hasło; pojawi się formularz |
| Tekst alternatywny | Znaczący szczegół obrazu | Ustawienia konta z przyciskiem Zmień hasło w sekcji Bezpieczeństwo |
| Podpis | Kontekst wersji i widoku | Widok ustawień konta w wersji przeglądarkowej |
| Dekoracja | Bez dodatkowej informacji | Nie oznaczaj instrukcyjnego zrzutu jako dekoracyjny, jeśli niesie potrzebny szczegół |
Tabela przedstawia przykładowe warstwy dla jednego zadania. Obraz dekoracyjny nie przekazuje dodatkowej potrzebnej informacji; nie oznaczaj tak obrazu tylko po to, żeby nie pisać opisu. W Centrum pomocy Meetlead obecny edytor udostępnia tekst alternatywny, podpis i oznaczenie dekoracyjne, a także treść sekcji. Sprawdź rezultat w opublikowanej wersji, ponieważ samo uzupełnienie pola nie dowodzi, że opis poprawnie wyjaśnia dany obraz ani że krok da się wykonać przez dostępny dla użytkownika sposób nawigacji.
Przejdź instrukcję z ukrytymi obrazami
Próba bez ilustracji pokazuje, czy wszystkie niezbędne informacje istnieją w tekście. Poproś osobę, która nie zna zadania, żeby wykonała je według opisanych kroków przy ukrytych obrazach, i nie podpowiadaj miejsc kliknięcia. Zapisz moment, w którym nie zna nazwy kontrolki, warunku albo oczekiwanego wyniku. Popraw właśnie tę informację zamiast dodawać kolejny zrzut; obraz może maskować brak jasnego tekstu, ale nie usuwa przyczyny trudności przy innym sposobie korzystania z pomocy.
Następnie przywróć ilustracje i sprawdź, czy pomagają, czy rozpraszają. Powiększony kadr może ułatwić znalezienie kontrolki, lecz utrudnić rozpoznanie całej sekcji. Nie oceniaj instrukcji tylko na swoim dużym monitorze. Jeżeli task zaczyna się od objawu i kilku możliwych przyczyn, zastosuj instrukcję rozwiązywania problemu z gałęziami; jedna ilustracja gotowego sukcesu nie zastąpi informacji, jak odróżnić wyniki i wybrać dalszy krok, kiedy użytkownik nie widzi tego samego stanu co autor.
Opublikuj komplet i ustal powód wymiany ilustracji
Gotowy artykuł powinien zachować zgodność obrazu, tekstu i nazw użytych w aktualnym interfejsie. Dodaj przygotowane materiały do Centrum pomocy Meetlead, sprawdź uprawnienia i udostępnioną wersję, a potem wykonaj zadanie z tej wersji. Nie oceniaj tylko podglądu edytora; publiczne wyświetlanie i rozmiar ekranu czytelnika mogą ujawnić inne problemy. Sprawdź podpisy i opisy także przy zmianie języka, ponieważ polska ilustracja nie zastąpi zrozumiałej nazwy kontrolki dla odbiorcy niemieckiego.
Zapisz zdarzenia wymagające przeglądu obrazu: zmiana nazwy kontrolki, przeniesienie sekcji albo inny stan po wykonaniu kroku. Nie wymieniaj wszystkich ilustracji przy każdej drobnej zmianie wyglądu, jeśli instrukcja pozostaje prawidłowa. Podczas wdrożenia nowego operatora poproś o zgłoszenie pierwszej rozbieżności tekstu i widoku; to użyteczny sygnał aktualizacji, nie dowód błędu całego produktu. Zachowaj przy ilustracji nazwę zadania i warunki przygotowania, żeby przyszły redaktor wiedział, co obraz miał wyjaśniać i potrafił odtworzyć go bez dostępu do prawdziwego konta klienta.
Pytania o obrazy w instrukcjach
Czy tekst alternatywny zastępuje pełny krok? Nie, tekst kroku powinien być widoczny i określać czynność oraz wynik dla każdego czytelnika. Opis alternatywny przekazuje informację istotną dla obrazu, której nie widać przy jego braku. Nie przenoś całej procedury do jednego pola obrazu; sprawdź, czy zadanie da się wykonać także przy ukrytych ilustracjach i czy nazwy działań pozostają jednoznaczne.
Czy trzeba pokazywać cały ekran? Nie, kadr powinien obejmować potrzebną kontrolkę i kontekst umożliwiający jej znalezienie. Zbyt szeroki widok utrudnia czytanie, a zbyt mały wycinek nie pozwala rozpoznać miejsca w produkcie. Usuń niepotrzebne szczegóły i prawdziwe dane, następnie sprawdź czytelność na wąskim ekranie; decyzja wynika z zadania czytelnika, a nie z obowiązku dodania określonej liczby zrzutów do każdej instrukcji.
