1. Zanim zaczniesz
Poznaj wskazówki dotyczące komunikacji w Material Design
Jasne i zwięzłe sformułowania odgrywają ważną rolę w zapewnianiu wysokiej jakości usług. Zapoznaj się z wytycznymi dotyczącymi pisania tekstów UX w Material Design i zacznij stosować zasady dotyczące tekstów interfejsu, które pomogą użytkownikom osiągnąć zamierzony cel.
Czy wiesz, że sekcja komunikacji w Material obejmuje znacznie więcej niż tylko pisanie UX? Zapoznaj się z tematami obejmującymi wzorce od wizualizacji danych po wprowadzanie nowych użytkowników i puste stany.
Myśl jak pisarz.
Niezależnie od tego, czy współpracujesz z osobą zajmującą się UX writingiem lub strategią treści, w tym laboratorium kodu dowiesz się, jak wybierać język, który dobrze sprawdza się w interfejsach. Dowiesz się, jakie pytania może zadawać pisarz, aby poprawić wrażenia użytkowników, np. w zakresie przejrzystości i zwięzłości tekstu wyświetlanego użytkownikom, takiego jak etykiety i powiadomienia.
Czego się nauczysz
- Czym jest UX writing i dlaczego jest ważny
- Jak określić odpowiedni ton i styl w różnych kontekstach
- Uwagi dotyczące pisania w przypadku poszczególnych komponentów
- Materiały do dalszej nauki
Czego potrzebujesz
- Przygotuj dokument lub kartkę papieru, aby wykonywać ćwiczenia z codelabu.
Wymagania wstępne
Ten moduł opiera się na podstawowych koncepcjach pisania, gramatyki i projektowania w Material Design. Przydatna jest ogólna wiedza o elementach interaktywnych w interfejsie.
Skupia się na języku angielskim, ale jest przydatny w szerszym zakresie
W tym laboratorium omawiamy zasady komunikacji, które pozwalają zapewnić użytkownikom lepsze wrażenia. Przykłady i wybór słów są jednak oparte na konwencjach amerykańskiej odmiany języka angielskiego.
Te wskazówki można stosować w przypadku interfejsu w dowolnym języku, uwzględniając zmiany kontekstu i kultury. Więcej informacji na temat kwestii związanych z językami innymi niż angielski znajdziesz w materiałach wymienionych w kroku 9.
2. Czym jest UX writing?
Przegląd
UX writing (UXW) to inaczej strategia treści lub projektowanie treści. To dziedzina, która zajmuje się tekstem w interfejsach użytkownika. Bada język jako środek do zwiększania wygody użytkowników poprzez jasne narracje, dobór słów, hierarchię informacji i inne elementy.
Myślenie jak UX writer może zwiększyć liczbę wykonanych zadań, zadowolenie użytkowników i ogólną łatwość obsługi.
Czym różni się UX writing?
UX writing to pisanie dla prawdziwych ludzi.
Pisanie tekstów z myślą o wygodzie użytkowników powinno zaczynać się od założenia, że głównym celem tekstów w interfejsie jest wspieranie ścieżek użytkowników.
Wybór słów, długość, styl i konstrukcja tekstu mogą wpływać na to, jak dobrze użytkownik rozumie cel i korzyści związane z funkcjami i zadaniami.
Styl
Wybór stylu pisania powinien zależeć od potrzeb odbiorców i ich celów. UXW łączy akademickie zasady formalnego pisania (takiego, jakiego używa się w gazetach i książkach non-fiction) z mniej formalnymi stylami, których ludzie używają w komunikacji online (e-mail, SMS, czat).
Treści w aplikacjach i interfejsach mają mniej formalny charakter z 2 głównych powodów:
- Komunikacja online jest mniej formalna niż pisanie w formie drukowanej lub akademickiej.
- Tekst interfejsu jest ograniczony przez dostępną przestrzeń na ekranie, a długość znaków jest ograniczona.
Pisanie z myślą o użytkowniku, czyli „spraw, aby to działało”
W mikrocopy priorytetem jest styl zorientowany na cel, a nie przestrzeganie zasad gramatyki. Nie oznacza to, że gramatyka nie jest ważna dla jasności i spójności, ale warto najpierw wziąć pod uwagę potrzeby użytkowników, a potem podjąć decyzje dotyczące gramatyki.
Jeśli chodzi o wybór słów i styl, zasadą przewodnią może być po prostu dopasowanie. Wybory, które są najlepsze w przypadku interfejsów, nie zawsze są zgodne z zasadami pisania formalnego.
Pisz tak, jak czytają ludzie
UXW powinien odzwierciedlać sposób, w jaki czytelnicy posługujący się różnymi językami skanują strony w kształcie litery F, zamiast czytać całe akapity. Przewidując zachowania czytelników, możesz pisać w taki sposób, aby tekst był jak najbardziej czytelny.
W przypadku treści internetowych oznacza to często krótkie akapity, nagłówki opisowe, które można szybko przejrzeć, i strategiczne formatowanie.
Przykłady śledzenia wzroku na podstawie badań dotyczących wzorców czytania online. Obraz i badania pochodzą z nngroup.com (2006, 2017).
Testowanie
Zaspokojenie potrzeb różnych kultur lub grup wiekowych za pomocą tego samego tekstu może być trudne. Znalezienie odpowiednich słów do przekazania wiadomości może wydawać się proste, ale język i rozumienie są bardzo subiektywne.
Aby mieć pewność, że Twoje teksty są zrozumiałe, przeprowadź testy, które pozwolą Ci ocenić ich przejrzystość, znaczenie i skuteczność w rzeczywistych warunkach.
Podejścia
Łatwe i tanie
- Przeczytaj na głos to, co napisałeś(-aś). Czy brzmi to tak, jakbyś powiedział(a) to prawdziwej osobie? Jeśli nie, spróbuj napisać go jeszcze raz.
- Poproś kogoś, aby przeczytał Twoje słowa i wyjaśnił, co według niego oznaczają.
- Przeprowadź ankietę wśród wielu osób, pokazując im przykłady swoich tekstów w kontekście interfejsu.
- Korzystaj z Trendów Google lub Google Books Ngram Viewer, aby sprawdzić, czy dane słowo lub wyrażenie jest bardziej popularne od innego.
W przypadku testowania obszernej treści stosowane są te heurystyki:
- Zrozumienie i czytelność
- Ukończenie zadania i czas wykonania zadania
- Ocena tonu i odbioru
3. Zasady
Przegląd
Zasady zawarte w wytycznych dotyczących pisania w Material Design mają na celu budowanie zaufania i zwiększanie przejrzystości dzięki dokładnemu i zwięzłemu językowi. Możesz dodawać lub odejmować od zasad Material Design, aby dostosować je do własnych potrzeb.
Wytyczne pozwalają wielu osobom podejmować bardziej spójne decyzje jako grupa.
Pisz zwięźle, ale nie w sposób zautomatyzowany.
Pisz krótkie, łatwe do przejrzenia fragmenty tekstu, które skupiają się na ograniczonej liczbie pomysłów.
Pisz prosto i bezpośrednio
Używaj prostego, bezpośredniego języka, który ułatwia zrozumienie tekstu. Za każdym razem, gdy coś piszesz, zastanów się, czy nie ma prostszego sposobu na wyrażenie tej myśli.
Jasne zwracanie się do użytkowników
W języku angielskim druga osoba (you lub your) jest często bardziej bezpośrednia i jasna. Pierwsza osoba (ja, mnie, mój) może być używana, gdy chcesz podkreślić własność.
„Ty” i „Twój” to bardziej bezpośrednie sposoby zwracania się do użytkownika.
„Ja” lub „mój” może być mylące, ponieważ łączy pozycję lub głos użytkownika z głosem aplikacji. Zaimki „ja” i „mój” mogą służyć do podkreślenia, że treści lub działania są wyraźnie powiązane z użytkownikiem.
Unikaj łączenia pierwszej i drugiej osoby
Aby uniknąć nieporozumień, słowa „ja”/„mój” i „ty”/„twój” nie powinny występować w tym samym zdaniu.
Przekazywanie najważniejszych informacji
Przekazuj tylko najważniejsze informacje w danym kontekście, aby użytkownicy mogli skupić się na wykonywanym zadaniu, a nie na interpretowaniu wielu opcji. W każdym oknie lub powiadomieniu zastanów się, jakie informacje są potrzebne, aby wyjaśnić operację i jej krytyczne konsekwencje.
4. Głos i ton
Przegląd
Trudno jest osiągnąć spójność i jasność bez uwzględnienia tonu i stylu, które chcesz nadać danemu doświadczeniu.
Wyobraź sobie, że czytasz 5 zdań, ale każde z nich zostało napisane przez inną osobę, która nie widziała pozostałych 4 zdań. Czasami poruszanie się po interfejsie może być niespójne, ponieważ poszczególne osoby piszą w różnym stylu i tonie.
Gdy nad tekstem do produktu pracuje wiele osób, wytyczne dotyczące tonu i stylu mogą pomóc w wyborze słów, które będą miały wspólne znaczenie i cel.
Przykład wcześniejszej kampanii na Androida, w której użyto jasnego i inkluzjiwnego języka o bezpośrednim tonie.
Co to jest głos i ton?
Głos powinien być spójny w całym doświadczeniu, a ton jest kontekstowy i może się różnić.
Głos
Głos odnosi się do nastroju, postawy lub perspektywy przekazywanej w ramach danego doświadczenia. Jest to jeden z aspektów „osobowości” marki, który pozwala zapoznać się z tym, jak „brzmi” produkt.
Zasady dotyczące głosu pomagają w doborze słów i najlepiej sprawdzają się w połączeniu z przykładami, które ilustrują, jak głos działa w praktyce. Bez przykładów zasady mogą być zbyt abstrakcyjne, aby kierować decyzjami grupy dotyczącymi stylu.
Oto kilka typowych przykładów zasady dotyczącej głosu marki:
- Pomocne: pisz jak człowiek, a nie jak maszyna. wyjaśniać błędy i sugerować rozwiązania;
- Dostępność: spraw, aby tekst był łatwy do zrozumienia dla każdego nowego użytkownika. Upewnij się, że terminy techniczne lub zaawansowane są wyjaśnione lub zastąpione.
- Inspirujące: podkreślaj korzyści i osiągnięcia w trakcie korzystania z usługi. Określ cele i wyniki w pozytywny sposób, używając strony czynnej.
Ton
Ton Twojej wypowiedzi przekazuje nastrój i emocje, niezależnie od tego, czy tego chcesz.
Jeśli na przykład głos jest określony jako „pomocny” i „ludzki”, ton, który wzmacnia ten cel, może być wspierający i swobodny, a nie wymagający i lakoniczny.
To, co dana osoba uważa za „wspierające i nieformalne”, może się różnić, dlatego listy słów i macierz treści pomagają w określeniu głosu i tonu. Więcej informacji znajdziesz w sekcjach 6–8.
Dlaczego to ważne
Odpowiedni ton może budować zaufanie użytkowników. Jeśli na przykład komunikat o błędzie ma formę żartu, a nie pomocy, lekki ton może nie pokazać użytkownikowi, że jego frustracja jest uzasadniona i można ją rozwiązać.
Tworzenie mapy tonów
Mapa tonu pomaga zaplanować i udokumentować strategię dostosowywania głosu i tonu.
Zacznij od rozważenia kluczowych punktów na ścieżce użytkownika. Niezależnie od tego, czy tworzysz gry, narzędzia finansowe czy aplikację do zakupów, ton Twojej komunikacji powinien się zmieniać w zależności od etapu, na którym znajduje się użytkownik, np. podczas wprowadzania, potwierdzania czy wyświetlania błędów.
Na przykład zabawne powiadomienie z rutynowym potwierdzeniem wydaje się na początku dobrym pomysłem, ale po piątym razie może szybko stać się irytujące.
Stany błędów to kolejny przykład, w którym mapowanie tonów może pomóc w przejściu od tonu swobodnego i konwersacyjnego do tonu wspierającego i szczegółowego.
1. Najpierw wybierz 2 wymiary lub zakresy, które mogą reprezentować zakres pożądanego odcienia.
Oto kilka pomysłów na kluczowe osie tonu w tekstach UX:
- Zabawne i poważne
- Zwięzłe i szczegółowe
- Emocjonalne i neutralne
- Swobodne i sztywne
2. Narysuj siatkę z 2 przecinającymi się liniami i określ na każdej osi jeden wymiar tonu, który chcesz uwzględnić w strategii.
W przykładzie poniżej wymiarami mapy są zabawny vs. poważny i zwięzły vs. szczegółowy.
3. Następnie wymień typy lub wzorce wiadomości, których zwykle używasz. Typy wiadomości, które możesz mapować:
- Wprowadzenie
- Potwierdzenie i uznanie
- Pomoc i opinie
- Błędy
- Powiadomienia
- Etykiety
- Puste stany
4. Umieść każdy typ wiadomości na mapie w odniesieniu do obu osi.
Oto kilka kwestii, które warto wziąć pod uwagę:
- Ile miejsca na ekranie będzie dostępne dla danej wiadomości?
- Jak ważne jest zrozumienie w przypadku danego typu wiadomości? Czy istnieje ryzyko działania destrukcyjnego?
- Co chcesz, aby użytkownik wiedział lub czuł w związku z intencją typu wiadomości? Na przykład wprowadzenie użytkownika często ma charakter lekki, ale praktyczny.
5. Gotowy przykład
Poniżej znajdziesz przykłady typów wiadomości przedstawione na wykresie w zależności od typowych działań w aplikacji.
Jeśli Twoja aplikacja dotyczy płatności lub kwestii prawnych, możesz dostosować ton, aby był bardziej poważny i szczegółowy, gdy zrozumienie jest kluczowe. Jeśli natomiast prywatność lub finanse nie są zagrożone, a więcej informacji można znaleźć w Centrum pomocy, możesz być bardziej zwięzły.
5. Struktura treści
Przegląd
Struktura wypowiedzi może ułatwić zrozumienie i pomóc użytkownikowi skupić się na wykonywanym zadaniu. Gdy łączysz obraz z tekstem, kolejnym celem struktury informacji jest zwiększenie dostępności.
Zacznij od celów
Rozpoczynaj zdania od celu użytkownika. Teksty UX są zorientowane na zadania, dlatego często podkreślają cel, który stanowi motywację do wykonania zadania. Następnie zdanie zawiera szczegółowe informacje o działaniu niezbędnym do jego ukończenia.
Odkrywanie szczegółów w razie potrzeby
Wyświetlaj informacje kontekstowo i w razie potrzeby. To podejście jest często określane jako stopniowe ujawnianie informacji. Wyświetlaj szczegóły funkcji, gdy użytkownik je poznaje i potrzebuje więcej informacji.
Strategiczne ujawnianie informacji często wymaga starannego rozważenia potrzeb informacyjnych na każdym etapie ścieżki użytkownika. Nie chodzi o ukrywanie ani pomijanie czegokolwiek, zwłaszcza konsekwencji działań, których nie można cofnąć. Pamiętaj jednak, że pomagasz użytkownikom, gdy skupiasz się na bieżącym zadaniu.
Projektowanie treści z ułatwieniami dostępu
Skuteczne pisanie obejmuje też kwestie dotyczące parowania obrazów i tekstu w przypadku użytkowników niedowidzących lub korzystających z czytnika ekranu. Sekcja dotycząca pisania z myślą o ułatwieniach dostępu w Material Design zawiera wskazówki dotyczące łączenia obrazów i podpisów, aby projekt treści strony był odpowiedni dla wszystkich użytkowników.
Tekst widoczny i niewidoczny
Tekst ułatwień dostępu obejmuje:
- Tekst widoczny: etykiety elementów interfejsu, tekst na przyciskach, linkach i formularzach.
- Tekst niewidoczny: opisy, które nie pojawiają się na ekranie (np. tekst alternatywny obrazów).
Gdy tekst widoczny i niewidoczny jest opisowy i znaczący, ułatwia użytkownikom nawigację za pomocą nagłówków lub linków na ekranie. Czytnik ekranu może pomóc Ci przetestować tekst ułatwień dostępu i znaleźć miejsca, w których możesz go dodać.
Tekst alternatywny
Tekst alternatywny pomaga przekształcić wizualny interfejs w interfejs tekstowy. Tekst alternatywny to krótka etykieta (do 125 znaków) w kodzie, która opisuje obraz użytkownikom, którzy nie mogą go zobaczyć.
W przykładzie poniżej czytnik ekranu podaje kontekst otaczającego tekstu, oferując najważniejsze deskryptory obrazu.
Tekst alternatywny dotyczy tylko obrazów, więc nie musisz dodawać do niego słów „obraz” ani „zdjęcie”. Czytnik ekranu odczyta tekst alternatywny zamiast obrazu.
6. Wybór słów
Przegląd
Gdy przestrzeń na ekranie jest ograniczona, kluczowe jest dobranie odpowiednich słów, aby przekazać wiadomość i ton. Konsekwentne używanie tych samych słów pomaga użytkownikom zapoznać się z danym rozwiązaniem.
Pisz na wszystkich poziomach czytania
Używaj popularnych słów, które są jasne i łatwe do zrozumienia na wszystkich poziomach czytania.
Bez żargonu
Unikaj terminologii branżowej lub nazw wymyślonych na potrzeby funkcji interfejsu, jeśli prostsze sformułowanie może przekazać tę samą ideę w podobny sposób.
Używaj spójnych słów
Używaj słów w spójny sposób we wszystkich funkcjach interfejsu.
Pisz w czasie teraźniejszym.
Do opisu działania produktu używaj czasu teraźniejszego. Nie używaj czasu przyszłego, aby opisywać, jak produkt zawsze działa.
Jeśli musisz pisać w czasie przeszłym lub przyszłym, używaj prostych form czasownika.
Odwoływanie się do elementów interfejsu i sterujących za pomocą etykiet
Etykiety informują o funkcji elementu sterującego lub elementu. Wyświetlają się one na elemencie sterującym lub w jego pobliżu, np. tekst na przycisku lub przełączniku. Aby odwołać się do elementu sterującego lub elementu interfejsu, użyj jego etykiety tekstowej. (nie podawaj typu elementu ani kontrolki).
przekazywać najważniejsze informacje,
Przekazuj tylko te informacje, na których użytkownik musi się skupić, aby wykonać zadanie.
Najważniejsze punkty
- Pisz na wszystkich poziomach czytania
- Używaj słów w sposób spójny, a nie dla nowości
- czas teraźniejszy,
- Używaj cyfr
7. Pisanie tekstów do komponentów
Przegląd
Komponenty Material mają w interfejsie określone przeznaczenie, a pisanie z myślą o konkretnych komponentach może wzmocnić to przeznaczenie.
Wskazówki dotyczące pisania w przypadku tych komponentów znajdziesz na stronie Material.io:
Okna
Okna służą do:
- Błędy, które uniemożliwiają normalne działanie aplikacji
- ważne informacje, które wymagają od użytkownika wykonania określonego zadania, podjęcia decyzji lub potwierdzenia;
Komponent | Priorytet | Działanie użytkownika |
Bar z przekąskami | Niski priorytet | Wiadomości znikają automatycznie |
Baner | Wyraźny, średni priorytet | Banery pozostają widoczne, dopóki użytkownik ich nie zamknie lub dopóki nie zostanie rozwiązany problem, który spowodował ich wyświetlenie. |
Dialog | Najwyższy priorytet | Okna blokują korzystanie z aplikacji, dopóki użytkownik nie wykona działania w oknie lub nie zamknie go (jeśli jest to możliwe). |
Tytuły
Cel okna powinien być sygnalizowany przez jego tytuł i tekst przycisku.
Tytuły powinny zawierać krótkie, jasne stwierdzenie lub pytanie.
Paski powiadomień
Paski powiadomień zawierają etykietę tekstową, która jest bezpośrednio związana z wykonywanym procesem. Na urządzeniach mobilnych etykieta może zawierać maksymalnie 2 wiersze tekstu.
Paski powiadomień mogą wyświetlać pojedynczy przycisk tekstowy, który umożliwia użytkownikom podjęcie działania w związku z procesem wykonanym przez aplikację.
8. Połącz wszystkie elementy w macierzy treści
Przegląd
Macierz treści to tabela do śledzenia słów i wyborów, których będziesz używać w swoich tekstach. Macierz treści to kluczowe narzędzie do spójnego pisania i śledzenia fraz, które może być przydatne dla każdego przyszłego autora.
To wymyślna nazwa arkusza kalkulacyjnego (tak… to narusza wytyczne dotyczące wyboru słów „bez żargonu”).
Konfigurowanie macierzy treści
Utwórz arkusz kalkulacyjny lub tabelę, w której będziesz śledzić skuteczne sformułowania i wyrazy, które można powtarzać.
Celem macierzy treści jest pomóc Ci określić i udokumentować, w jaki sposób każda wiadomość jest powiązana z następującymi elementami:
- Cele i konteksty użytkowników
- Informacje, które w prosty sposób opisują, jak osiągnąć dany cel.
- Wersja robocza i ostateczna wersja tekstu interfejsu, która w krótkich słowach i bez żargonu podaje informacje o potrzebach użytkownika.
Decyzje dotyczące tekstu interfejsu w macierzy treści powinny też odzwierciedlać:
- Zasady dotyczące tonu i stylu wypowiedzi
- Typy komponentów
Macierz treści może też zawierać listę słów:
- Wymień słowa i terminy, których należy używać do opisywania funkcji, działań i celów.
- Wymień słowa, których należy unikać jako synonimów lub nieprzydatnych wyrażeń.
Pamiętaj:
- Zastępowanie lub definiowanie terminów technicznych
- Używaj najpopularniejszego słowa w przypadku czynności lub rzeczownika.
9. Zagadnienia zaawansowane i materiały (opcjonalnie)
Przegląd
W tych ćwiczeniach z programowania znajdziesz sprawdzone metody i techniki, które pomogą Ci zacząć pisać teksty UX. To tylko wierzchołek góry lodowej.
Zasoby
10. Gratulacje!
Świetnie! Jesteś na dobrej drodze do tworzenia jasnych i skutecznych tekstów interfejsu.
