zbyt długi tekst w przycisku

Zbyt długi tekst w przycisku obniża jego czytelność, zwłaszcza na małych ekranach.

Zbyt długi tekst w przycisku – czym jest ten problem

Zbyt długi tekst w przycisku to sytuacja, w której komunikat umieszczony na elemencie interfejsu zajmuje zbyt wiele miejsca w stosunku do jego funkcji, szerokości oraz otoczenia. Przycisk powinien jasno wskazywać, co stanie się po jego wybraniu. Gdy zamiast krótkiego polecenia pojawia się pełne zdanie, kilka warunków albo opis całej procedury, rośnie ryzyko, że użytkownik nie odczyta komunikatu w całości. Na dużym monitorze taki element może wyglądać poprawnie, ale na telefonie tekst zaczyna się łamać, przycisk rośnie na wysokość albo sąsiednie elementy zostają przesunięte.

Nie chodzi wyłącznie o estetykę. Długa etykieta może utrudniać szybkie rozpoznanie działania, zwiększać obciążenie poznawcze i opóźniać podjęcie decyzji. Użytkownik nie powinien analizować przycisku tak, jak analizuje instrukcję obsługi. Powinien od razu wiedzieć, czy wybiera zapisanie danych, przejście dalej, rozpoczęcie wyszukiwania, pobranie pliku czy zamknięcie okna. Jeżeli przycisk zawiera więcej informacji, niż jest potrzebne do wykonania pojedynczego działania, część treści warto przenieść do opisu znajdującego się nad nim lub obok niego.

Problem może dotyczyć zarówno stron internetowych, jak i aplikacji, paneli administracyjnych, formularzy, sklepów internetowych oraz programów używanych na komputerze. Szczególnej uwagi wymagają przyciski generowane przez systemy zarządzania treścią, biblioteki interfejsu i automatyczne tłumaczenia. Tekst krótki w jednym języku może po przełożeniu stać się znacznie dłuższy, dlatego projekt powinien uwzględniać zapas miejsca.

Zbyt długi tekst w przycisku a kontekst techniczny i porównania

Długość etykiety trzeba oceniać razem z szerokością przycisku, rozmiarem pisma, odstępami wewnętrznymi i układem całego ekranu. Ten sam napis może być czytelny w szerokim formularzu, a nieczytelny w bocznym panelu albo w oknie dialogowym. Znaczenie ma także rodzaj czcionki. Litery o większej szerokości zajmują więcej miejsca, a tekst zapisany większym stopniem pisma szybciej doprowadza do zawijania wierszy.

Warto odróżnić przycisk od odnośnika tekstowego. Odnośnik może mieć dłuższą treść, jeśli jest częścią zdania i nie konkuruje z wieloma innymi elementami. Przycisk jest natomiast wyraźnym punktem działania, dlatego lepiej sprawdzają się w nim krótkie czasowniki lub zwięzłe zwroty. „Zapisz”, „Dalej”, „Filtruj”, „Wyślij” albo „Sprawdź dostępność” zwykle przekazują zamiar szybciej niż rozbudowane komunikaty opisujące całą sekwencję.

Nie zawsze najkrótsza etykieta będzie najlepsza. Samo „OK” może być zbyt ogólne, jeżeli użytkownik ma zatwierdzić usunięcie danych lub wysłanie formularza. W takim przypadku bardziej informacyjne „Usuń dane” albo „Wyślij formularz” może być bezpieczniejsze, nawet jeśli zajmuje więcej miejsca. Celem nie jest mechaniczne skracanie każdego napisu, lecz zachowanie równowagi między zwięzłością a jednoznacznością.

W interfejsie responsywnym trzeba porównać kilka wariantów: szeroki ekran, tablet, telefon w pionie oraz telefon w poziomie. Należy też sprawdzić powiększenie tekstu i ustawienia dostępności. Jeżeli etykieta jest czytelna wyłącznie przy domyślnym rozmiarze, rozwiązanie może nie spełniać potrzeb osób korzystających z większych fontów. Pomocne jest zaplanowanie minimalnej i maksymalnej szerokości elementu oraz określenie, jak ma zachować się tekst po zmniejszeniu dostępnego miejsca.

Typowe problemy powodowane przez zbyt długi tekst w przycisku

Najczęstszym objawem jest zawijanie tekstu do dwóch lub trzech wierszy. Samo zawinięcie nie zawsze jest błędem, ale w przycisku o małej wysokości może doprowadzić do obcięcia końcówki, nachodzenia na ikonę albo nierównego wyrównania względem innych elementów. Czasem napis zostaje ukryty przez właściwość ograniczającą wysokość, a użytkownik widzi tylko początek komunikatu. W takiej sytuacji nie wiadomo, jakie działanie zostanie uruchomione.

Innym problemem jest przesuwanie układu. Długi tekst może zwiększyć szerokość przycisku na tyle, że przyciski przestaną mieścić się w jednym wierszu. Jeden element przechodzi wtedy do kolejnej linii, zmienia się położenie przycisku anulowania albo formularz zaczyna wychodzić poza ekran. W przypadku grupy kilku działań nierówne szerokości mogą także utrudnić szybkie odnalezienie właściwej opcji.

Niepożądane skutki obejmują również zbyt mały obszar klikalny. Gdy projekt próbuje zachować krótką szerokość mimo długiego napisu, rozmiar liter bywa zmniejszany do poziomu obniżającego czytelność. Innym rozwiązaniem jest ukrywanie części tekstu za pomocą wielokropka. Takie skrócenie może być dopuszczalne dla nazw mniej istotnych, ale w przypadku działania o konsekwencjach finansowych, formalnych albo związanych z usunięciem danych nie powinno zasłaniać sensu komunikatu.

Problemy występują także po zmianie języka. Tłumaczenie może mieć inną długość, inną kolejność słów i inne wymagania gramatyczne. Nie można zakładać, że etykieta przygotowana dla jednego języka zachowa ten sam układ po lokalizacji. Test powinien obejmować również komunikaty w stanie aktywnym, nieaktywnym, z błędem oraz podczas ładowania. Napis „Przetwarzanie danych, proszę czekać” może dodatkowo zmieniać szerokość i utrudniać zachowanie stabilnego układu.

Jak ograniczyć zbyt długi tekst w przycisku w praktyce

Najpierw warto ustalić jedno podstawowe działanie, które ma zostać wykonane po kliknięciu. Następnie należy opisać je jednym czasownikiem lub krótkim zwrotem. Informacje pomocnicze, ograniczenia i szczegóły można umieścić w etykiecie pola, krótkim objaśnieniu, komunikacie pod przyciskiem albo tekście wyświetlanym po najechaniu kursorem. Dzięki temu przycisk zachowuje funkcję sterującą, a opis pozostaje dostępny w odpowiednim kontekście.

Przy skracaniu nie należy usuwać słów, które zmieniają znaczenie. „Zapisz kopię” nie zawsze oznacza to samo co „Zapisz”, a „Pobierz raport” może być bardziej zrozumiałe niż ogólne „Dalej”. Dobrą praktyką jest stosowanie języka zgodnego z nazwami używanymi w całym interfejsie. Jeżeli w jednym miejscu funkcja nazywa się „Dodaj plik”, nie warto w innym miejscu zastępować jej określeniem „Wybierz dokument”, jeżeli prowadzi to do niejasności.

Przed publikacją należy sprawdzić widok przy różnych szerokościach okna. Weryfikacji wymagają także powiększenie tekstu, obsługa klawiaturą, kontrast i widoczny stan fokusu. Przycisk powinien pozostać rozpoznawalny po przejściu do niego klawiszem Tab. Jeżeli skrócenie etykiety sprawia, że działanie staje się niejednoznaczne, można zwiększyć szerokość elementu, ułożyć przyciski pionowo albo przeprojektować cały fragment formularza.

Ikona może pomóc w szybkim rozpoznaniu funkcji, ale nie powinna zastępować tekstu w działaniu, którego znaczenie nie jest powszechnie oczywiste. Symbol kosza bywa zrozumiały jako usuwanie, natomiast mniej znane ikony mogą wymagać etykiety. W razie ograniczonego miejsca można użyć przycisku z ikoną i krótkim opisem dostępnym dla technologii wspomagających, jednak taki wariant trzeba sprawdzić pod kątem obsługi dotykowej i klawiaturowej.

Kiedy zbyt długi tekst w przycisku wymaga zgłoszenia do serwisu

Do serwisu warto zgłosić się wtedy, gdy problem z przyciskami występuje nie tylko w jednej stronie lub aplikacji, lecz także w wielu programach, oknach systemowych albo formularzach. Przyczyną może być nieprawidłowe skalowanie interfejsu, ustawienie powiększenia, konflikt dodatku, uszkodzenie plików programu, problem z renderowaniem czcionek lub błędna konfiguracja sterownika grafiki. Szczególnie ważne jest zgłoszenie sytuacji, w której tekst jest obcinany, elementy nakładają się na siebie albo interfejs reaguje inaczej po zmianie rozdzielczości.

Przed przekazaniem urządzenia można zanotować nazwę programu, miejsce występowania problemu, sposób jego odtworzenia i informację, czy pojawia się on po zmianie skali tekstu lub rozmiaru okna. Przydatne bywa wykonanie zrzutu ekranu, o ile nie zawiera danych poufnych. Takie informacje ułatwiają odróżnienie błędu konkretnej strony od problemu dotyczącego całego środowiska pracy.

W Warszawie pomocą w sprawdzeniu takich usterek zajmuje się Warszawskie Pogotowie Komputerowe 24/7. Podczas diagnostyki można zweryfikować, czy zbyt długi tekst w przycisku wynika z ustawień urządzenia, działania konkretnego programu, skalowania obrazu czy problemu z samym systemem. Po ustaleniu źródła kłopotu łatwiej zdecydować, czy wystarczy zmiana konfiguracji, aktualizacja programu, korekta ustawień wyświetlania, czy potrzebne jest szersze sprawdzenie komputera.