Przepływ chatbota AI

Czym jest szablon Przepływ chatbota AI?

Szablon interakcji chatbota zaprojektowany dla zespołów produktowych, projektantów UX, zespołów wsparcia i twórców aplikacji tworzących konwersacyjne doświadczenia oparte na AI. Szablon pomaga prototypować pełny przepływ czatu z launcherem, panelem czatu, stanami wiadomości, odpowiedziami asystenta, wskaźnikami pisania, szybkimi odpowiedziami, historią czatu, obsługą błędów oraz przełączaniem między trybem jasnym i ciemnym.

Jakie problemy rozwiązuje szablon Przepływ chatbota AI?

• Brak struktury przepływów rozmów z chatbotem

• Brak stanów projektowych dla trybu jasnego i ciemnego

• Niejasne zasady dotyczące wysyłania wiadomości, sygnalizacji pisania i odpowiedzi

• Słabe radzenie sobie z błędami, ponownymi próbami, stanem offline i pustymi czatami

• Trudność w pokazaniu, jak użytkownicy przechodzą między aktywnym czatem, historią i stanem zminimalizowanym

• Czas tracony na odtwarzanie typowych wzorców interfejsu chatbota od zera

Jak korzystać z szablonu AI Chatbot Flow

1. Dostosuj nazwę chatbota, logo, tekst nagłówka i kolory gradientu.

2. Zaktualizuj przykładowe wiadomości, aby pasowały do Twojego produktu lub scenariusza wsparcia.

3. Połącz launcher z panelem otwartego czatu.

4. Powiąż stany: wysyłania wiadomości, wskaźnika pisania asystenta, odpowiedzi oraz szybkich odpowiedzi.

5. Dodaj przepływ przełączania motywu, aby umożliwić zmianę między trybem jasnym a ciemnym.

6. Uwzględnij stany: wyczyszczenia konwersacji, historii czatu, ponowienia wysyłania, offline i zminimalizowany.

7. Przetestuj przepływ z członkami zespołu, użytkownikami lub interesariuszami.

Zalecane sekcje

Launcher czatu

Pokaż mały pływający punkt wejścia, który użytkownicy stukają, aby otworzyć chatbota.

Nagłówek czatu

Wyświetl nazwę chatbota, logo, obszar marki z gradientem, przycisk zamknięcia oraz dostęp do menu.

Czat w trybie jasnym

Pokaż domyślne doświadczenie czatu z białym tłem, niebieskimi dymkami użytkownika, jasnymi dymkami asystenta i przejrzystym paskiem odpowiedzi.

Czat w trybie ciemnym

Pokaż tę samą rozmowę w interfejsie w głębokim kolorze indygo, z jasnymi dymkami wiadomości i tekstem o wysokim kontraście.

Przepływ wiadomości

Prototypuj wpisywanie przez użytkownika, wysyłanie wiadomości, wskaźniki pisania asystenta, odpowiedzi oraz znaczniki czasu.

Szybkie odpowiedzi

Zaoferuj przyjazne do stuknięcia przyciski odpowiedzi, np. Śledź zamówienie, Zwróć przedmiot lub Skontaktuj się z obsługą.

Historia czatu

Pozwól użytkownikom przeglądać i ponownie otwierać ostatnie rozmowy.

Stany błędów i odzyskiwania

Pokaż nieudane próby wysyłki, opcję ponowienia, baner trybu offline oraz komunikaty o błędach asystenta.

Usuwanie rozmowy

Dodaj modal z potwierdzeniem przed usunięciem bieżącej rozmowy.

Typowe pułapki

• Projektowanie tylko jednego stanu czatu

• Pomijanie zachowania w trybie ciemnym

• Brak wskaźnika pisania asystenta

• Utrudnianie znalezienia pola odpowiedzi

• Niespójne odstępy między dymkami

• Pomijanie znaczników czasu lub statusu wiadomości

• Pomijanie opcji ponowienia i stanu offline

• Usuwanie rozmów bez potwierdzenia

Sposoby unikania błędów

• Sprototypuj pełną ścieżkę rozmowy: od uruchomienia do odpowiedzi

• Utrzymuj spójność dymków wiadomości w obu motywach

• Przy przełączaniu motywów zachowaj tę samą rozmowę

• Wyświetl wyraźne informacje zwrotne po wysłaniu, niepowodzeniu lub ponownym wysłaniu wiadomości

• Dodaj widoczny wskaźnik pisania przed odpowiedziami asystenta

• Utrzymuj szybkie odpowiedzi krótkie i łatwe do naciśnięcia

• Przetestuj działanie menu, historii, kasowania i minimalizowania

Funkcje Miro, które możesz wykorzystać

• Ramki dla trybu jasnego i ciemnego, historii oraz stanów błędów

• Linki prototypu dla przebiegów: launcher, wysyłania, odpowiedzi, menu i przełączania motywu

• Kształty dymków rozmowy, okien modalnych, banerów i chipów szybkich odpowiedzi

• Ikony wysyłania, zamykania, emoji, załączników, menu i przełączania motywu

• Komentarze do przeglądu zespołu

• Notatki samoprzylepne dla logiki rozmowy i przypadków brzegowych

• Linie połączeń do mapowania przepływu decyzyjnego chatbota

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 obsługi klienta, zespoły startupowe i twórcy aplikacji tworzący doświadczenia chatbotów.

Q: Czy ten szablon zawiera tryb ciemny?A: Tak. Obejmuje tryb jasny, tryb ciemny oraz interakcję przełączania motywu, która zachowuje bieżącą rozmowę.

Q: Czy ten szablon można wykorzystać do chatbotów obsługi klienta?A: Tak. Sprawdza się we wsparciu produktowym, w pomocy przy zamówieniach, w procesach zwrotów, w asystentach wdrożeniowych oraz w widgetach pomocy opartych na AI.

Q: Czy ten szablon zawiera obsługę błędów?A: Tak. Obejmuje stany nieudanej wysyłki, ponowienia próby, trybu offline, błędu asystenta oraz odzyskiwania.

Q: Co uczestnicy otrzymają?A: Kompletny prototyp chatbota z launcherem, panelem czatu, trybem jasnym i ciemnym, wysyłaniem wiadomości, wskaźnikiem pisania asystenta, szybkimi odpowiedziami, historią, możliwością wyczyszczenia konwersacji, stanami błędów oraz zachowaniem po zminimalizowaniu.