Autouzupełnianie to technika wyświetlania podpowiedzi użytkownikowi wpisującemu tekst do pola formularza.
Kiedy używać?
Autouzupełnianie warto wykorzystywać w następujących sytuacjach:
- Gdy istnieje ograniczona liczba opcji, które można wpisać w pole wyszukiwania, ale jest ich zbyt wiele, aby wyświetlić je poprzez formularz z opcją wyboru lub w inny sposób. Np. w porównywarce cen, sklepie internetowym, przy wyborze miasta lub nazwy firmy.
- Gdy duże znaczenie ma prędkość wpisywania danych.
- Gdy mechanizm autopodpowiedzi może odgadnąć, co miał na myśli użytkownik wpisujący zapytanie.
- Gdy formularz ma oferować dodatkowe funkcje, np. dodanie do serwisu elementu, który nie został odnaleziony.
Dlaczego używać?
Autouzupełnianie ułatwia wybór spośród dużej liczby opcji. Wybór opcji spośród podpowiedzi jest szybszy niż samodzielne wpisywanie tekstu, szczególnie jeśli chodzi o dłuższe i bardziej skomplikowane nazwy. Zapobiega także błędom pisowni.
Autouzupełnianie może przekazywać także dodatkowe informacje, jak uzupełniający opis, ilustracja lub liczba wyników dla każdej z podpowiedzi.
Jak używać?
Tworząc autouzupełnianie przestrzegaj następujących reguł:
- Podpowiedzi powinny wyświetlić się pod polem formularza do którego użytkownik wpisuje tekst. Nie powinno to wymagać od niego wykonywania żadnych dodatkowych akcji.
- Dostosuj do zawartości serwisu minimalną liczbę liter na które reaguje formularz.
- Po wyświetleniu listy użytkownik powinien móc wybierać pozycję za pomocą myszy lub przycisków strzałek na klawiaturze.
- Powinien istnieć specjalny przycisk zamykający formularz. Również naciścnięcie przycisku [ESC] na klawiaturze powinno zamknąć listę podpowiedzi.
- Ogranicz listę podpowiedzi do najbardziej trafnych. Nie chcesz, aby użytkownik został przytłoczony listą zawierającą kilkadziesiąt różnych wyników.
- Jeśli to ważne, to do poszczególnych pozycji możesz dodać dodatkowy opis lub inne elementy, np. miniaturę zdjęcia. Jest to uzależnione od typu zawartości z jakim masz do czynienia.
Więcej przykładów
Głodny wiedzy? Przeczytaj na blogu teksty w kategorii projektowanie.