Jak podeszliśmy do tworzenia elementów interfejsu wejściowego dla naszej platformy Chatbot
Opublikowany: 2017-01-01Chatboty w obecnej postaci nie mają wielu możliwości rozumienia naturalnego języka ludzkiego. I to jest jeden z głównych powodów, dla których większość aplikacji do przesyłania wiadomości (Messenger, Kik itp.) ucieka się do połączenia graficznego i tekstowego interfejsu użytkownika na swoich platformach botów — pomyśl o przyciskach, karuzeli, kartach graficznych, a nie tylko o odpowiedziach tekstowych.
My, w Tars, używamy przeglądarki jako platformy do budowania własnego interfejsu czatu do działania botów. A to daje nam całkowitą swobodę co do wszystkich komponentów, które posiadamy. Jeśli wypróbowałeś któryś z naszych botów (jeśli nie, najpierw wypróbuj jednego tutaj i tutaj), wiesz, że zdecydowanie popieramy podejście graficzne i tekstowe. W ramach tego procesu myślowego stworzyliśmy szereg niestandardowych danych wejściowych z klawiatury w naszym interfejsie użytkownika, aby ułatwić różne interakcje i sytuacje użytkowników.
Messenger, Kik, Telegram to ogromne platformy, na których programiści każdego dnia wdrażają setki botów. Nadal uważam, że te platformy komunikacyjne nie zrobiły wystarczająco dużo na komponentach frontonu, aby pomóc boomakerowi tworzyć wzbogacające interakcje z użytkownikiem.
I dlatego chciałem opowiedzieć więcej o tym, jak tworzyliśmy każdy niestandardowy interfejs użytkownika, dlaczego każdy z nich ma sens i jak ich brak psuje teraz interakcje użytkowników.
Więc zaczynamy:
Przewijarka daty i godziny
Pomyśl o scenariuszu, w którym musisz zapytać użytkownika, kiedy chciałby umówić się na spotkanie? Te same informacje można podać na wiele sposobów.
25.11., 25.11., 25.11., 25.11., 25.11.2016, 25.11.16 — wszystkie w zasadzie oznaczają to samo, ale maszynie trudno jest zrozumieć te dane.
Dlatego wprowadziliśmy mechanizm przewijania daty i godziny, w którym użytkownicy mogą obracać pokrętłami i wybierać datę/godzinę.
Do tej pory nie widziałem żadnej innej platformy do przesyłania wiadomości, która zapewniałaby ten interfejs użytkownika i uważam, że jest to konieczne, jeśli bot prosi użytkownika o datę lub godzinę.
Przyciski pionowe
Pomyśl o nich jako o opcjach wielokrotnego wyboru w formie, w której masz ograniczoną liczbę rzeczy do wyboru. Stukanie w przyciski przyspiesza interakcję, a także ogranicza zakres rozmowy.
Podejście oparte na przyciskach ma sens, gdy musisz wybierać między pizzą wegetariańską i niewegetariańską, ale może nie być najlepszym interfejsem użytkownika, jeśli masz do wyboru 100 polis ubezpieczeniowych.
Co więcej można zrobić z przyciskami pionowymi?
- dodaj obraz obok każdej opcji, aby była bardziej atrakcyjna wizualnie.
- możesz pozwolić użytkownikowi odpowiedzieć na pojedyncze dotknięcie lub zmusić go do kliknięcia „Wyślij” po dotknięciu dowolnej opcji. Ta ostatnia pomaga w ponownym potwierdzeniu, jeśli użytkownik nie wybrał przez pomyłkę danej opcji. Nie ma możliwości powrotu do czatu i dlatego ta personalizacja ma sens.
- dodaj szybkie menu informacyjne do każdej opcji, aby zapewnić szczegółowe informacje i usprawnić proces podejmowania decyzji.
Nie każdy zna różnicę między Advance a Basic Facial. Dodanie szczegółów dotyczących tego, co jest wliczone w cenę, i cen poprawia wrażenia użytkownika.
Jeszcze jedną ważną rzeczą, o której należy pamiętać podczas korzystania z interfejsu użytkownika przycisku, jest odpowiednie sformułowanie pytania. Jak wyjaśnia Leszek w swoim artykule, lepiej zadać pytanie w sposób, który ogranicza wachlarz opcji i ustala kontekst, zamiast zadawać pytanie bardzo otwarte.
Ograniczanie wprowadzania danych przez użytkownika
Uważam, że to jedna z najlepszych rzeczy, jakie zrobiliśmy z naszym interfejsem czatu. Za każdym razem, gdy udostępniamy graficzny interfejs użytkownika (przyciski, karuzele itp.), nie pozwalamy użytkownikowi na wpisywanie czegokolwiek w tekście.
Dlaczego to robisz? Ponieważ użytkownik może wpisać wszystko, a Twój bot nie jest na to gotowy. Dopóki tam nie dotrzesz, lepiej zachować prostotę i ograniczenie, niż przerywać rozmowę.
Polecany dla Ciebie:
Jak Metaverse zmieni indyjski przemysł motoryzacyjny?
Co oznacza przepis anty-profitowy dla indyjskich startupów?
W jaki sposób start-upy Edtech pomagają indyjskim pracownikom podnosić umiejętności i być gotowym na przyszłość...
Akcje New Age Tech w tym tygodniu: Kłopoty Zomato nadal, EaseMyTrip publikuje Stro...
Indyjskie startupy idą na skróty w pogoni za finansowaniem
Digital Marketing Platform Logicserve Bags Finansowanie INR 80 Cr, zmienia nazwę na LS Dig...
To, co robimy, to:
To jest nasz interfejs czatu
A tak się dzieje, gdy nie masz czegoś takiego:
To jest Facebook Messenger, który nie pozwala na ograniczone wprowadzanie tekstu, gdy masz szybkie odpowiedzi
Przycisk Gotowe i Zatwierdź
Są to dwa bardzo małe niuanse, które w końcu włączyliśmy, ponieważ zawsze myśleliśmy o skryptowanych chatbotach jako o ewolucji form.
Kiedy wysyłasz na swój adres lub przekazujesz szczegółową opinię przez interfejs czatu, ogólne zachowanie polega na naciśnięciu przycisku wysyłania po napisaniu kilku słów, a cała odpowiedź zostanie ostatecznie rozłożona na 3-4 wypowiedzi. Za pomocą przycisku „Gotowe” możesz dalej pisać i nacisnąć ten przycisk, gdy udzielisz pełnej odpowiedzi.
Jeśli nie masz takiej opcji, następna wiadomość maszyny pojawi się po pierwszej instancji, co spowoduje niekompletne odpowiedzi.
Miej przycisk „Gotowe”, gdy musisz wybrać wiele opcji lub masz odpowiedzi wielowierszowe
Mogą się również zdarzyć przypadki, w których użytkownik chce pominąć pytanie i w tym celu mamy przycisk „Przejdź” zamiast „przycisku Wyślij”. Gdy tylko użytkownik zacznie pisać, przycisk Pass zamienia się w przycisk Wyślij.
Nie chcesz podawać swojego e-maila? Stuknij w „Pass”, aby pominąć pytanie.
Sugestie autouzupełniania
To jest jak funkcja autouzupełniania w wyszukiwarce Google, w której zaczynasz pisać i sugeruje możliwe opcje. Staje się to szczególnie przydatne, gdy masz długą listę opcji, a posiadanie pionowych przycisków nie jest wykonalną opcją. Pomyśl o długiej liście miejscowości, miast, modeli samochodów itp.
Gwiazdy i polubienia
Szczególnie przydatne, gdy prosisz o informacje zwrotne lub doświadczenie użytkownika, a odpowiedź ma charakter bardziej jakościowy. Możesz nawet dostosować ikony do gwiazdek, polubień, serc, emotikonów.
Karty graficzne
Jest to przydatne, gdy za jednym razem musisz zaprezentować wiele informacji o każdym przedmiocie. Może to być burger w procesie zamawiania jedzenia lub koszula w trakcie zakupów. Wszystkie karty są ułożone jeden na drugim i możesz przewijać, aby zobaczyć wszystkie opcje.
Istnieją 4 części tego elementu interfejsu użytkownika — obraz, tytuł, opis i stopka. Możesz je wykorzystać w różny sposób, w zależności od tego, co chcesz tam wyświetlić.
Jeśli chcesz przetestować wszystkie te wejściowe elementy interfejsu użytkownika, oto link do chatbota, który prowadzi cię przez jeden na raz.
Czat będący minimalistycznym interfejsem z samymi bąbelkami i polem tekstowym nie daje dużego zakresu. Uważam, że będziemy musieli przemyśleć, w jaki sposób możemy ułatwić różnorodne interakcje, wykorzystując istniejące elementy i dodając nowe do interfejsu czatu.
Czy chciałbyś wiedzieć, czy sam bawiłeś się interfejsem wiadomości i dodałeś do niego inne fajne elementy GUI?
[Ten post Ish Jindal pojawił się po raz pierwszy na Medium i został skopiowany za zgodą.]