Bitelink dla NDA, nazwa klienta ukryta
Osoba tworząca link nie zawsze wie od razu, czy będzie potrzebować kodu QR albo parametrów kampanii. Mój pierwszy pomysł wymagał podjęcia tych decyzji na początku. Przejście scenariusza z klientem pokazało, że formularz powinien pozwalać zmieniać konfigurację podczas pracy.
- Moja rola
- Product Designer w bluesBrackets. Prowadziłem discovery, przygotowywałem user stories i projektowałem user flows oraz UI. Sposób realizacji uzgadniałem z klientem i developerami.
- Rezultat
- Bitelink został wdrożony i jest używany przy obsłudze kampanii.
Pierwszy pomysł wymagał decyzji zbyt wcześnie
Zaproponowałem, żeby użytkownik najpierw wybierał rodzaj linku: sam skrót, QR, parametry kampanii lub połączenie tych opcji. Zakładałem, że potem łatwiej skupi się na potrzebnych ustawieniach.
Podczas omawiania scenariusza z osobą po stronie klienta pojawiła się konkretna potrzeba: po wybraniu samego linku chciała móc dodać QR bez cofania się. Kolejne prośby prowadziły do dokładania opcji w widoku, którego konstrukcja coraz słabiej pasowała do zadania. Wróciłem więc do założenia, na którym opierał się formularz.
Link jest punktem wyjścia, a kolejne opcje można dołączyć
Przebudowałem formularz. QR, parametry kampanii i przedziały aktywności można dodawać z dolnego paska już podczas tworzenia linku. Użytkownik rozszerza konfigurację bez powrotu do wcześniejszego wyboru rodzaju linku.
Aktywne opcje pokazują ustawienia we właściwym kontekście
Włączenie QR pokazuje jego podgląd i ustawienia obok formularza. Aktywne opcje są wyróżnione. Kliknięcie krzyżyka usuwa daną opcję i resetuje jej ustawienia. Ten sam model pozwala dołączyć kolejne elementy bez budowania osobnego flow dla każdej kombinacji.
Parametry kampanii mają wspólną nazwę B-UTM
Wcześniej w projekcie występowały osobno UTM i konfiguracje śledzące. Połączyłem je w interfejsie pod nazwą B-UTM, czyli Bitelink UTM. Parametry kampanii mają dzięki temu wspólną nazwę przy tworzeniu linku i pracy z raportami.
Zaproponowałem również szablony powtarzalnych ustawień. Grafik może przygotować wygląd kodów QR do wykorzystania przez zespół, a szablon B-UTM daje gotowy zestaw parametrów do dopasowania przy konkretnym linku.
Raporty porównują kampanie bez przeciążania wykresu
Pracowałem nad widokiem łączącym tabelę z wykresami, wyborem okresu i porównaniem z wcześniejszym okresem lub innymi kampaniami. Ograniczyliśmy jednoczesne porównanie do pięciu serii danych, żeby zachować czytelność. Po osiągnięciu limitu komunikat wyjaśnia, że dodanie kolejnej wymaga usunięcia jednej z obecnych.
Dodatkowe filtrowanie nadchodzących zmian statusu linków odłożyliśmy do czasu pojawienia się wyraźnej potrzeby.
Bitelink został wdrożony
Przebudowany formularz został wdrożony. Bitelink jest wykorzystywany przy obsłudze kampanii, a produkt prezentowano również kolejnym zespołom w organizacji.