Tooltips w teorii i praktyce
Jeśli chcecie udoskonalić działanie Waszej aplikacji, wprowadzić nową funkcję lub ulepszyć istniejącą, tooltipy mogą Wam w tym pomóc. Tooltipy mogą odegrać kluczową rolę w poprawie użyteczności aplikacji, zmniejszając dezorientację użytkowników i ułatwiając efektywne wykonywanie zadań. W tym artykule wyjaśniamy, czym są tooltipy i jak z nich korzystać.
Dowiecie się też w jaki sposób tooltipy mogą pomóc użytkownikom uniknąć rozczarowania i pozwolić im kontynuować naukę i korzystanie z funkcji. Na początek, małe wprowadzenie.
Czym dokładnie są tooltipy?
Tooltipy (podpowiedzi), to krótkie komunikaty wyświetlane przez użytkownika, które dostarczają dodatkowych informacji o wybranym elemencie strony i zachęcają użytkowników do podjęcia działań. Tooltipy są zwykle wyświetlane poprzez naprowadzenie kursora myszy lub poprzez odpowiednie użycie klawiatury.
Dlaczego warto ich używać?
Istnieje wiele powodów, dla których warto używać toolipów w aplikacji, oto niektóre z nich:
- zajmują niewielką ilość miejsca na ekranie, więc nie są uciążliwą formą przesyłania wiadomości w aplikacji.
- poprawiają użyteczność i ułatwiają wykonywanie określonych zadań.
- zapewniają użytkownikom informacje na żądanie w momencie, gdy są potrzebne, dzięki czemu użytkownicy mogą podejmować decyzje, skuteczniej poruszać się po interfejsach i rozumieć funkcjonalność elementów interaktywnych.
- wyświetlają się tylko kontekstowo, dostarczając dodatkowych wyjaśnień i wskazówek. Swoją drogą, jeśli byłyby wyświetlane na stałe, zaśmiecałyby interfejs użytkownika 😉.
- mogą być nieocenionym wsparciem dla nowych użytkowników, ułatwiając im zrozumienie funkcji, poszczególnych elementów interfejsu oraz umożliwiają użytkownikom interakcję z treściami internetowymi. A jak? Na przykład poprzez przypomnienie, co robi dana ikona lub gdy jakaś funkcja jest trudna do wyjaśnienia są pomocne w nawigowaniu.
- można je stosować zarówno do prezentacji produktów, wdrażania funkcji, czy też szkolenia użytkowników.
Gdzie warto je stosować?
Tooltipy można wszechstronne wykorzystywać w różnych biznesach, ale skupmy się skupmy się na kilku typowych zastosowaniach w branży technologicznej. Można do nich zaliczyć zaliczyć między innymi:
- wycieczki wdrożeniowe – gdy użytkownik po raz pierwszy loguje się do aplikacji, może odbyć wycieczkę po aplikacji. Wyświetlane w aplikacji podpowiedzi pokazują każdy aspekt danej funkcji i dostarczają informacji o tym, co robi dana ikona.
- interaktywne przewodniki, czyli podpowiedzi pojawiają się dopiero po interakcji użytkownika z poprzednią podpowiedzią, dzięki czemu są bardziej angażujące niż ogólna wycieczka po aplikacji.
- wprowadzanie nowych funkcji – z których użytkownicy jeszcze nie korzystali - za pomocą podpowiedzi możesz wyróżnić funkcje, które nie były jeszcze używane i nauczyć użytkowników, jak z nich korzystać
- zapowiadanie nowych funkcji i zmian w produktach – podpowiedzi doskonale nadają się do ogłaszania zmian w aplikacji czy dodawania nowych funkcji.
- zapewnienie pomocy, gdy użytkownik utknie w martwym punkcie – jeśli użytkownik nie może ruszyć dalej, tooltipy mogą pomoc w wykonaniu konkretnych czynności lub skierować użytkownika do źródeł „samopomocy”. Jeśli użytkownicy potrzebują więcej informacji, wówczas mogą skorzystać z podpowiedzi zamiast kontaktować się z pomocą techniczną.
Co jest ważne podczas tworzenia tooltipów?
Chociaż tooltipy nie są nowością w sieci, często są one niewłaściwie stosowane lub zaimplementowane. Na co zatem warto zwrócić uwagę przy ich tworzeniu?
- dodawajcie krótki tekst – tooltipy z oczywistym lub zbędnym tekstem nie przynoszą korzyści użytkownikom. Jeśli nie możecie wymyślić pomocnej treści, nie oferujcie podpowiedzi. Dodana podpowiedź powinna być zwięźle opisana i nie blokować powiązanych treści… w przeciwnym razie zmarnujecie czas użytkownika, który będzie miał pecha aktywować tę podpowiedź ☹.
- używajcie podpowiedzi ze strzałkami – gdy elementy znajdują się blisko siebie strzałki pomagają unikn ąć nieporozumień.
- używajcie tooltipów konsekwentnie w całej aplikacji. Niektóre elementy aplikacji są trudne do znalezienia, ponieważ brakuje im wizualnych wskazówek. Jeśli podpowiedzi są wyświetlane nieregularnie w całej aplikacji, użytkownicy mogą nigdy ich nie odkryć. Ważne jest, aby być konsekwentnym i zapewniać podpowiedzi dla wszystkich elementów projektu, a nie tylko wybranych. Jeśli tylko niektóre elementy wymagają dodatkowych wyjaśnień, użyj wyskakujących podpowiedzi dla tych elementów.
- używajcie podpowiedzi dla niejednoznacznych ikon – ikony mają pewien poziom niejednoznaczności, warto więc przemyśleć czy użyć tooltipy dla wszystkich ikon lub zapewnić użytkownikowi wersje opisową przycisku.
- zadbajcie o to, aby tooltipy miały tło, które nie jest zbyt jasne, ciemne ani krzykliwe 😉 i czcionkę, która nie jest zbyt dekoracyjna ani trudna do odczytania, aby użytkownicy mogli zobaczyć tekst w podpowiedziach. Ponadto użytkownicy z dysfunkcjami wzroku mogą mieć trudności z odczytaniem podpowiedzi, jeśli tekst i tło mają zbliżone kolory lub tekst jest wyjątkowo mały i nieczytelny.
- umieszczajcie tooltipy w taki sposób, aby nie blokowały powiązanej treści nie były zbyt rozciągnięte – warto upewnić się czy treść nie zasłania innych istotnych informacji związanych z celem użytkownika i nie jest zbyt rozciągnięta.
- pokazujcie tylko kontekstowe podpowiedzi, których użytkownicy będą używać podczas korzystania z danego elementu - uruchamianie tooltipów które będą potrzebne dopiero później, powoduje tylko niepotrzebny bałagan w Waszej aplikacji.
- zezwalajcie użytkownikom na zamykanie podpowiedzi w dowolnym momencie - można użyć znaku (x) lub kliknięcia w wolnym polu aplikacji, który zamknie podpowiedź. W każdym razie dobrze, żeby użytkownik widział co ma zrobić. 😉
No i na koniec do znudzenia powtarzana złota zasada.
- ważne, żeby tooltipy były zwięzłe, spójne z resztą projektu i zbudowane z myślą o dostępności, zgodne z wewnętrznymi lub zewnętrznymi standardami oraz przewodnikami stylu - często zdarza się, że całe zespoły pracują nad rozwojem różnych elementów aplikacji, dlatego ważne jest, aby wszystkie osoby kierowały się tymi samymi zaleceniami, aby uniknąć rozbieżności, na przykład w terminologii czy stylu tworzenia. W przypadku osób niedowidzących, należy zadbać o ich zgodność z zasadami dostępności cyfrowej WCAG. Warto wziąć pod uwagę kontrast kolorów, możliwość powiększenia tekstu czy czas wyświetlania tooltipów. 😉
Kiedy dodawać tooltipy?
Opisaliśmy już czym są podpowiedzi oraz jak i gdzie ich używać. To już połowa sukcesu, jednak najważniejsze i najtrudniejsze do rozwiązania są kwestie drobne i pozornie błahe, dlatego dodajemy kilka praktycznych wskazówek:
- weźcie pod uwagę pochodzenie użytkowników – zaplanujcie strategię, jak często będą używać podpowiedzi i w jakim celu. Jeśli Wasi użytkownicy znają już waszą aplikacje, może nie być konieczne dalsze wyjaśnianie każdej funkcji lub działania. Jeśli użytkownicy są początkujący lub zróżnicowani, możecie dodać więcej podpowiedzi.
- wczujcie się w rolę użytkowników – możemy śmiało napisać, że jako Tech Writerzy jesteście najbliżej sposobu myślenia użytkowników, ponieważ postrzegacie produkty jako historie, a nie elementy.
- zapomnijcie o tym co wiecie, o parametrach technicznych, możliwościach programistycznych – przejdźcie przez Wasz aplikacje i zastanówcie się, gdzie się zatrzymaliście lub utknęliście? Lub co jest jeszcze niejasne?
- zorganizujcie sesję użyteczności – warto zdobyć informacje jak użytkownicy korzystają z Waszego produktu. Gdzie napotykają na trudności lub w których momentach zatrzymują się, próbując coś zrozumieć. To będzie pewnie to miejsce, w którym warto dodać wskazówkę 😉.
- skupcie się na funkcjonalności i korzyściach płynących z danej funkcji – jeśli próbujecie wyjaśnić działanie produktu, prawdopodobnie nie tędy droga. Skuteczny tooltip przechodzi prosto do sedna i pozwala użytkownikom na korzystanie z funkcji. Jeśli zastanawiacie się, czy użyć tooltipów warto zadać sobie pytanie, czy informacje zawarte w podpowiedzi są niezbędne użytkownikowi do wykonania zadania.
- nie zapomnijcie o innych wytycznych projektowych (na przykład, oznaczania ikon) – ważne informacje powinny zawsze znajdować się na stronie; dlatego podpowiedzi nie powinny być niezbędne do wykonywania zadań, które użytkownicy muszą wykonać w witrynie.
Podsumowując
Prawidłowo użyte tooltipy są niezwykle efektywną pomocą. Sprawiają, że korzystanie z aplikacji jest płynne, profesjonalne i łatwe. Prowadzi to do zadowalania użytkowników oraz buduje ich zaufanie do Waszego produktu. Mamy nadzieję, że ten artykuł pozwolił Wam zapoznać się z różnymi sposobami tworzenia kontekstowych i angażujących podpowiedzi.
Co tu dużo pisać, zachęcamy do komentowania i dzielenia się Waszymi przemyśleniami.