Czym jest szablon interfejsu chatbota AI?
Minimalny szablon interfejsu asystenta AI przeznaczony dla zespołów tworzących przejrzyste, praktyczne doświadczenia czatu. Szablon pomaga prototypować prosty przepływ pomocy AI z polem do zadawania pytań, kartami sugestii, polem tworzenia wiadomości, odpowiedziami asystenta, krokami rozwiązywania problemów, opcjami narzędzi, kontrolkami opinii, historią i możliwością zmiany motywu.
Jakie problemy rozwiązuje szablon interfejsu chatbota AI?
Brak struktury w prostym interfejsie asystenta AI
Zbyt duży bałagan wizualny we wczesnych prototypach chatbota
Brak stanów dla wpisywania, myślenia, odpowiedzi, ponawiania i zapisanych rozmów
Niejasne przepływy dla załączników, wprowadzania głosem i menu narzędzi
Słaba obsługa opinii użytkowników, historii i odzyskiwania rozmów
Czas tracony na odtwarzanie od podstaw typowych wzorców czatu AI
Jak korzystać z szablonu interfejsu chatbota AI
Zaktualizuj wiadomość powitalną i sugerowane pytania.
Dostosuj rozmowę asystenta do Twojego produktu lub potrzeb wsparcia.
Połącz kompozytor wiadomości ze stanami pisania, wysyłania, myślenia i odpowiedzi.
Dodaj opcje w menu narzędzi, takie jak przesyłanie obrazów, przesyłanie plików, tryb sieciowy i wprowadzanie głosowe.
Połącz karty rekomendacji, chipy z pytaniami uzupełniającymi, akcje związane z opiniami użytkowników oraz stany ponownej próby.
Dodaj przepływy historii, zapisanych rozmów i wyboru motywu.
Przetestuj pełne działanie asystenta z zespołem lub użytkownikami.
Zalecane sekcje
Ekran początkowego pytania
Zacznij od prostego komunikatu, który zapyta użytkowników, w czym potrzebują pomocy.
Karty sugestii
Podaj użytkownikom szybkie sugestie startowe w dolnej części ekranu.
Kompozytor wiadomości
Zapewnij stałe pole wejściowe na dole z ikonami narzędzi i wyraźnym przyciskiem Wyślij.
Stan myślenia asystenta
Pokaż, że asystent pracuje, zanim pojawi się odpowiedź.
Rozwiązywanie problemów
Pokaż praktyczną wymianę wiadomości między użytkownikiem a asystentem.
Menu narzędzi
Pozwól użytkownikom dodać kontekst za pomocą obrazów, plików, przeglądania stron, lokalizacji lub głosu.
Karta rekomendacji
Zaprezentuj sugerowany następny krok z akcjami, takimi jak Pokaż kroki lub Zapisz.
Kontrolki opinii
Pozwól użytkownikom kopiować, oceniać, ponownie generować lub przekazywać opinie na temat odpowiedzi asystenta.
Historia i zapisane rozmowy
Pomóż użytkownikom wrócić do poprzednich rozmów lub zapisanych rekomendacji.
Stany błędu i ponownych prób
Pokaż nieudane wiadomości, opcje ponowienia próby oraz ścieżki odzyskiwania.
Typowe pułapki
Projektowanie wyłącznie ekranu startowego czatu
Pomijanie stanów myślenia i pisania
Zbyt subtelny pasek wprowadzania
Dodawanie zbyt wielu kolorów lub efektów wizualnych
Brak możliwości ponowienia wysyłki przy nieudanych wiadomościach
Ukrywanie załączników i narzędzi bez wyraźnego menu
Pominięcie historii lub zapisanych rozmów
Traktowanie trybu ciemnego jak osobny produkt
Sposoby unikania błędów
Zadbaj, żeby interfejs był stonowany i skupiony
Ułatw odnalezienie dolnego paska wprowadzania
Stosuj krótkie, praktyczne odpowiedzi asystenta
Utrzymuj karty sugestii zwarte
Pokaż czytelne informacje zwrotne po zapisaniu, skopiowaniu, ponownym wysłaniu lub ponownym wygenerowaniu
Zachowaj układ i odstępy w trybach jasnym i ciemnym
Przetestuj pełną ścieżkę: od pytania, przez odpowiedź, do kolejnych kroków
Funkcje Miro, które możesz wykorzystać
Ramki dla każdego stanu chatbota
Linki prototypu do przepływów pisania, wysyłania, „myślenia” i odpowiedzi
Kształty dymków, pasków kompozytora, dolnych paneli i kart
Ikony dla załączników, trybu web, wejścia głosowego, wysyłania, informacji zwrotnej i historii
Komentarze do przeglądu UX
Karteczki samoprzylepne do logiki konwersacji
Linie połączeń do mapowania przepływu asystenta
Pola zastępcze obrazów dla przesłanych plików lub zrzutów ekranu
Najczęściej zadawane pytania
Q: Kto może skorzystać z tego szablonu?
A: Menedżerowie produktu, projektanci UX, projektanci UI, zespoły produktowe AI, zespoły SaaS, zespoły wsparcia klienta oraz startupy tworzące doświadczenia z asystentami.
Q: Czy ten szablon jest ukierunkowany na obsługę klienta?
A: Sprawdza się w obsłudze klienta, rozwiązywaniu problemów, asystentach wiedzy, wdrożeniach, narzędziach produktywności oraz wewnętrznych asystentach AI.
Pytanie: Czy ten szablon obejmuje interakcje z narzędziami?
Odp.: Tak. Obejmuje załączniki, przesyłanie plików, tryb web, wprowadzanie głosowe, karty rekomendacji i kontrolki opinii.
Pytanie: Czy obejmuje tryb jasny i ciemny?
Odp.: Tak. Szablon ma domyślnie tryb jasny oraz opcję trybu ciemnego dostępną w menu konta lub menu motywu.
Pytanie: Co otrzymają uczestnicy?
Odp.: Kompletny prototyp interfejsu chatbota AI z ekranem oczekiwania, kartami sugestii, polem do wpisywania wiadomości, stanem „myślenia” asystenta, scenariuszami rozmów do rozwiązywania problemów, menu narzędzi, funkcjami opinii, zapisanymi czatami, historią, trybem ciemnym i mechanizmami odzyskiwania po błędach.
Deanne Watt
Product Strategy @ MiNDPOPGroup.com
My approach to product is to get to the heart of what drives a company. I am passionate about the entire end-to-end process and making it more efficient, collaborative as well as aligning teams and improving communication. We have built about 200 Miro boards so far that cover ideation, strategy, design, engineering, and even marketing promotion.