Ola Bilińska 08.03.2019

Siła obrazu w chatbocie. Jak używać zdjęć, gifów, emoji w treści rozmowy

Ludzie uwielbiają komunikatory. Dają im możliwość niemal identycznego przekazania emocji jak podczas spotkania twarzą w twarz. Dzięki zdjęciom, filmikom, emoji, memom itd. przekazujesz w punkt to co masz na myśli. Chatbot ma robić dokładnie to samo. Imituje przecież rozmowę z drugim człowiekiem, używając tych samych elementów komunikacji. Dziś pokażę ci jak dobierać szeroko rozumiane obrazy, by czatowanie z użytkownikiem stało się bardziej intuicyjne, płynne i spersonalizowane.

W chatbotach mamy kilka podstawowych typów dzielenia się treściami – od wiadomości (z przyciskami lub quick replies), przez karuzele, po obrazy, dźwięki i wideo. Podobnie jak w facebookowych postach, również w botach ważne jest to, by proponować użytkownikom jak najciekawsze i przykuwające oko treści, nie tylko merytorycznie, ale też wizualnie. Aby jak najprzyjemniej korzystało im się z chatbota, przestrzegam kilku zasad, które wypracowałam przy kolejnych wdrożeniach.

Więcej nie zawsze znaczy lepiej

Zanim przejdę do grafik i innych multimediów, poruszę jeszcze jeden wizualny aspekt chatbotów – czytelność tekstów, która w ogromnym stopniu wpływa na wygodę użytkowników i ich chęć dalszego korzystania z narzędzia.

Chociaż w jednej wiadomości limit znaków to 640, staram się nie przekraczać 250, aby wiadomość była czytelna także na ekranach telefonów komórkowych. Gdy musi być już dłuższa, stawiam się w roli użytkownika i odpowiadam sobie na pytanie, jaki sposób jej wyświetlania byłby dla mnie najwygodniejszy:

  • jako kilka krótszych wiadomości wyskakujących jedna po drugiej (z wykorzystaniem opcji opóźnienia każdej kolejnej o kilka sekund, aby ułatwić użytkownikom ich przeczytanie)
  • może jednej dłuższej, np. z wolnym wierszem dzielącym zdania, która umożliwia spokojne przescrollowanie i przeczytanie jej.

Podobnie, chociaż przy quick replies mamy do wykorzystania aż 10 przycisków, wprowadzam je wszystkie tylko w ostateczności. Niewielu użytkowników dotrze do samego końca, scrollując tym bardziej tak małe elementy, jak krótkie odpowiedzi. W tym przypadku – im mniej, tym lepiej, a według mnie 5-6 przycisków to max, który może stanowić wygodne poruszanie się po chatbocie przez użytkownika. Najlepiej, aby też nie składały się wszystkie z 20 znaków – bo tyle mogą mieć.

Pozwól przemówić multimediom

Podstawowy sposób dodawania multimediów do chatbota to wybranie obrazu, dźwięku czy filmu i opublikowanie go jako pojedynczego elementu.

Dodanie multimediów w platformie KODA Bots
Dodanie multimediów do chatbota na przykładzie platformy KODA Bots

Wymiary grafik w chatbocie rządzą się swoimi prawami. Staram się trzymać zasady, aby krótszy bok grafiki miał minimum 500 px. Chcę, by obrazy bardzo dobrze prezentowały się na ekranach komputerów i ważyły jak najmniej. Przyspiesza to ładowanie i nie obciąża niepotrzebnie serwerów. Niemal zawsze korzystam z prostego i darmowego narzędzia tinyjpg, które potrafi z prawie 5 MB obrazu zrobić np. 120 kB, bez widocznej zmiany w jakości.

W przypadku dźwięków i filmów zasada “lekkości” jest jeszcze ważniejsza. Chociaż w chatbotach można publikować pliki do nawet 25 MB, połączenia internetowe bywają różne, dlatego nigdy nie chcę, aby użytkownik zatrzymał się i odbił od bota ze względu na zbyt długie ładowanie treści. Wklejając do chatbota plik wideo, staram się, aby nie przekraczał kilkunastu sekund. Opcjonalnie zapowiadam użytkownikom, że za chwilę pojawi się dla nich wartościowy filmik i warto chwilę poczekać.

Zawsze staram się, aby wszelkie materiały wizualne w naszych chatbotach pochodziły od klienta – tak, aby jak najlepiej pasowały do wizerunku marki i były niepowtarzalne. Wiadomo, liczy się autentyczność. Niemniej nie zawsze mam taką możliwość. Wówczas poszukuję stockowych grafik, najczęściej do filmów pokazujących nowe funkcje, korzystam ze stron UnSplash oraz Pexels.

Umiejętnie korzystaj z karuzeli w chatbocie

Chyba najbardziej sformalizowanym elementem w chatbotach jest karuzela. Zalecane przez Facebooka proporcje grafik to 1.91:1 (szerokość do wysokości). Obrazy o innych proporcjach są odpowiednio skalowane lub przycinane. Zawsze proszę klientów o materiały o wymiarach 955 x 500 px lub 800 x 800 px, jeżeli tworzę karuzelę, w której grafiki mają być kwadratowe.

Przykład karuzeli w Chatbocie

Użycie karuzeli w chatbocie na przykładzie 4FUN.TV, Kazara i onet SPORT

Karuzela, oprócz grafiki (która nie jest wymagana, z czego najczęściej korzystam przy pytaniach i odpowiedziach) składa się z kilku elementów, w których każdy ma ściśle określoną liczbę znaków do wykorzystania:

  • tytuł (czarny, pogrubiony tekst na samej górze): 80 znaków,
  • podtytuł (szary tekst pod tytułem): 80 znaków,
  • max. 3 przyciski (które stanowią część karuzeli): każdy do 20 znaków,
  • max. 10 przycisków quick replies (jako dodatkowy element pod karuzelą): każdy do 20 znaków.

W projektowaniu karuzeli trzymam się tych samych zasad, co przy tworzeniu czytelnych treści w wiadomościach. Korzystam z krótkich, newsowych form lub najważniejszych informacji oraz call to action przekierowujących do konkretnego bloku lub strony.

Jak wykorzystywać gify w chatbocie

Gify zazwyczaj stanowią dość mocny akcent w rozmowie i łatwo z nimi przesadzić – szczególnie, gdy marka niekoniecznie się z nimi kojarzy. Często jednak fajnie urozmaicają konwersację, szczególnie wykorzystane w humorystyczny sposób. Zazwyczaj wklejam je do domyślnych bloków takich jak “Nie rozumiem Cię” (gdy chatbot nie wykryje żadnego słowa kluczowego), “Błąd” (gdy nastąpi błąd przy pobieraniu danych z zewnętrznej bazy) czy nawet przy wulgaryzmach, aby rozluźnić atmosferę.

Artykuł jest dla Ciebie wartościowy?

Sprawdź nasze usługi.
Dowiedz się jak chatbot pomoże twojej firmie w komunikacji z klientem.
Wykorzystanie gifów w chatbotach

Użycie gifów w chatbocie na przykładzie KODA Bots i marki Semilac

Jest wiele stron, które zbierają animowane obrazki. Ja korzystam przede wszystkim z klasyki, czyli Giphy, starając się za bardzo nie wciągać w scrollowanie przez setki gifów – a bywa ciężko 🙂

Znaczenie emoji w chatbocie 😍

Kto z nas nie korzysta z emoji w rozmowach w Messengerze? W 2015 emoji 😂 zdobyło zaszczytny tytuł The Oxford Word of the Year, a popularność nowej generacji emotikonek ani trochę nie spada. Jeżeli tylko nie stoi to w sprzeczności ze sposobem komunikacji marki w mediach społecznościowych, staram się korzystać z nich także tworząc chatboty, urozmaicając tym samym konwersację i przyciągając wzrok do wybranych elementów struktury.

Emoji traktowane są jako tekst. Na zdecydowaną większość z nich musimy przeznaczyć dwa znaki (a właściwie trzy biorąc pod uwagę spację oddzielającą je od słów), co szczególnie przy ograniczeniu 20 znaków na przyciskach bywa bolesne. Dodając emoji do rozmów, najczęściej korzystam ze strony GetEmoji, na której znajdziemy je wszystkie podzielone na kategorie. Jest jednak kilka pułapek, na które możemy naciąć się kopiując emotki. 😳

  1. Co jakiś czas pojawiają się ich nowe edycje, które będą wyświetlać się użytkownikom dopiero po aktualizacji. Inaczej emoji może pokazać się jako pusty kwadrat z czarnym obramowaniem. Staram się nie korzystać z najnowszych emoji, aby jak najbardziej ograniczyć takie sytuacje, pamiętając, że chatbot powinien wyświetlać się prawidłowo jak największej grupie użytkowników, którzy korzystają z różnych urządzeń z różnymi systemami. 📱
  2. Jest też kilka emoji, które mogą wyświetlić się jako np. wersja mężczyzny i tuż obok niej znaczek płci. Ma to miejsce w przypadku wielu emotikon, które mają swoją kobiecą i męską wersję (np. policjant, sędzia czy zombie), w tym w niemal wszystkich sportowych (oprócz 🏂 i ⛷).

Przy pierwszym skorzystaniu z emoji, sprawdzam je często w EmojiPedia, gdzie możemy zobaczyć, jak będzie wyświetlać się na poszczególnych urządzeniach. Bardzo ważna jest też informacja, która czasem pojawia się na samej górze – o tym, że dane emoji to połączenie podstawowej emotikony i płci (tak jak wspominałam chwilę temu, np. The Woman Police Officer emoji is a sequence of the 👮 Police Officer and ♀ Female Sign emojis). Wtedy staram się z takiej emotki nie korzystać.

Ożyw treści w chatbocie za pomocą multimediów

Multimedia potrafią całkowicie zmienić postrzeganie treści w chatbocie i sprawiają, że użytkownicy chętniej angażują się interakcje. Bo o wiele łatwiej zapamiętują widziane obrazy niż przeczytane słowa. Nie zastanawiaj się nad ich użyciem. Po prostu wprowadź je do komunikacji chatbota. Tylko pamiętaj, by dobierać je tak, by pomogły zrobić jak najlepsze pierwsze wrażenie. I nie zapominaj, że rozmowa, także pisana to żywy, dynamiczny twór. Dobieraj więc treści szybkie w odbiorze, łatwe do zrozumienia oraz dające jasny OBRAZ tego, co chcesz przekazać w chatbocie 🙂

 

Spodobał Ci się artykuł? Podziel się!

Komentarze

Zobacz inne artykuły Oli

Przewodnik po świecie chatbotów 12 rozdziałów porządkujących wiedzę o chatbotach w jednym miejscu