Puste stany – najbardziej pomijany aspekt UX
Opublikowany: 2022-03-11Chociaż jest to ważne dla wygody użytkownika, często pomijane są puste stany. Wiedza o tym, czym one są i jak z nich korzystać, a także stosowanie najlepszych praktyk UX może przynieść znaczne korzyści.
Co to jest stan pusty?
Projektanci UX mają wiele możliwości tworzenia przyjemnych i znaczących doświadczeń. Jedną z takich możliwości, która jest często lekceważona, jest „pusty stan” lub pusty ekran. Puste stany to chwile w doświadczeniu użytkownika z produktem, w którym nie ma nic do wyświetlenia.
Oto kilka przykładów typowych sytuacji stanu pustego:
- Nowy ekran Dropbox, na którym nie utworzono żadnych plików ani folderów.
- Ekran wynikowy po wykonaniu wszystkich zadań w menedżerze listy rzeczy do zrobienia.
- Pojawia się ekran błędu w Slacku, gdy polecenie nie jest obsługiwane.
- Uruchamiam nowe konto w serwisie społecznościowym i nie ma żadnych połączeń.
- Szukanie czegoś w Gmailu i brak wyników.
Te chwile pomiędzy dostarczają okazji do poprawy doświadczenia użytkownika, a w konsekwencji do zwiększenia możliwości biznesowych. Dla projektantów UX korzystanie z każdej okazji, aby poprawić wrażenia użytkownika i zwiększyć wartość firmy, jest dobrą rzeczą.
Przydatny pusty stan poinformuje użytkownika, co się dzieje, dlaczego to się dzieje i co z tym zrobić. Oto dwa przykłady dobrych projektów UX w stanie pustym:
Oto kilka przykładów pustych projektów stanu z utraconymi szansami:
Rodzaje pustych stanów
Oto cztery typy często spotykanych pustych stanów:
- Pierwsze użycie — występuje w przypadku nowego produktu lub usługi, gdy nadal nie ma nic do wyświetlenia, na przykład nowe konto Evernote lub Dropbox.
- Wyczyszczone przez użytkownika — występuje, gdy użytkownicy wykonają czynności, takie jak wyczyszczenie skrzynki odbiorczej lub listy zadań, a wynikiem jest pusty ekran.
- Błędy — pojawiają się, gdy coś pójdzie nie tak lub gdy wystąpią problemy, takie jak wyłączenie telefonu komórkowego z powodu problemów z siecią.
- Brak wyników/Brak danych — występuje, gdy nie ma nic do wyświetlenia. Może się tak zdarzyć, jeśli ktoś przeprowadzi wyszukiwanie, a zapytanie jest puste lub nie ma danych do wyświetlenia (na przykład podczas filtrowania według zakresu dat, który nie zawiera danych).
Ponieważ projektowanie stanu pustego zyskuje coraz większą uwagę, projektanci UX odkrywają, że ich wykorzystanie przynosi korzystne rezultaty, zarówno z perspektywy biznesowej, jak i doświadczenia użytkownika.
Użytkownicy wypróbowują wiele aplikacji, ale decydują, których chcą „przestać używać” w ciągu pierwszych 3-7 dni. W przypadku „przyzwoitych” aplikacji większość użytkowników zatrzymanych przez 7 dni zostaje znacznie dłużej. Kluczem do sukcesu jest uzależnienie użytkowników podczas tego krytycznego pierwszego okresu 3-7 dni. – Ankit Jain
Korzyści z używania dobrze zaprojektowanych pustych stanów
Zaprojektowanie dobrze przemyślanych i użytecznych pustych ekranów stanu może pomóc w zwiększeniu zaangażowania w produkt, zachwycie użytkowników i zmniejszeniu rezygnacji. Zmniejsza to szanse na utratę użytkowników na rzecz produktów konkurencji, pozostawiając ich sfrustrowanych lub zagubionych.
W swojej książce What Customers Really Want Scott McKain przedstawia sześć głównych zasad dobrego doświadczenia klienta.
Pisze, że klienci chcą:
- Fascynujące doświadczenie
- Osobiste skupienie
- Wzajemna lojalność
- Różnicowanie
- Koordynacja
- Innowacja
W przypadku zastosowania do projektowania stanu pustego, zasady te mogą być bardzo korzystne dla firmy — na przykład wzrost zadowolenia z produktu i obniżenie wskaźników rezygnacji.
Oto trzy dodatkowe obszary, które również mogą skorzystać na dobrym projektowaniu stanu pustego:
- Wdrażanie użytkowników — zapewnia możliwość budowania zaufania i dalszego korzystania z produktu, a także podnosi komfort użytkowania.
- Budowanie marki – Generuje świadomość i promuje firmę w celu budowania zwiększonej wartości marki.
- Personalizacja — może być zabawna, zabawna, poważna lub dynamiczna w różnych stanach użytkowania; tworzy poczucie osobistego charakteru.
Nie można lekceważyć korzyści płynących z dobrze zaprojektowanych pustych stanów. Nie tylko przyczyniają się do atrakcyjnego doświadczenia klienta, ale ponieważ czasy, w których klienci są zadowoleni i zaangażowani, stają się coraz krótsze, są po prostu dobrym biznesem.
Unikani: Zapomniane ekrany projektowania UX
Skoro istnieją pozornie pozytywne skutki dobrze zaprojektowanych pustych stanów, dlaczego są one w pierwszej kolejności ignorowane?
Po pierwsze, w porównaniu z całkowitą liczbą ekranów w aplikacji, produkcie lub witrynie internetowej występuje bardzo niewiele sytuacji stanu pustego, więc często są one zaniedbywane, ponieważ nie są postrzegane jako priorytetowe, a projektanci zwykle koncentrują swoje wysiłki na bardziej widoczne części projektu.
Po drugie, gdy tylko około 2-5% użytkowników widzi pusty stan, nie zawsze jest to ekonomiczne lub praktyczne wykorzystanie czasu projektanta.
Wreszcie, puste stany nie zawsze były dobrze rozumiane pod względem tego, gdzie występują i co z nimi zrobić, więc ustąpiły miejsca bardziej popularnym ekranom i stronom.
Co się dzieje, gdy zlekceważy się puste stany?
Puste ekrany bez wskazówek mogą prowadzić do zamieszania, niepewności i rozczarowania. Może to skutkować wyższymi wskaźnikami porzuceń i niższą ogólną satysfakcją z produktu.
Na szczęście wszystko zaczyna się zmieniać, ponieważ korzyści i możliwości projektowania dobrych pustych ekranów stanu stają się ważniejszą, priorytetową częścią procesu projektowania UX.
Jak wypełnić pusty ekran celem
Oto kilka sprawdzonych metod UX, które pozwolą upewnić się, że puste ekrany są przydatne, pomocne i pouczające.
Empatia. Dodanie zaskoczenia i zachwytu , emocji i osobowości to wszystkie sposoby, w jakie projektanci UX stworzyli lepsze wrażenia w nawet najciemniejszych zakamarkach produktu. W przypadku pustych ekranów empatyczne wiadomości urozmaicają i tworzą bardziej angażujące, spersonalizowane wrażenia.
Obrazowość. Istnieje zasada projektowania zwana efektem biofilii. Jest to stan zmniejszonego stresu i lepszej koncentracji, który wynika z widoków natury. Dodanie malowniczych obrazów (na przykład tła pustego ekranu błędu stanu) może sprawić, że użytkownik będzie bardziej przyjemny.

Pomocne wskazówki. W zależności od rodzaju produktu, puste stany mogą służyć do prowadzenia użytkownika. Dobrym tego przykładem jest aplikacja do zarządzania projektami. Z nowym kontem nie ma jeszcze żadnych projektów, co daje potencjalnie świetną okazję, aby pomóc użytkownikowi szybko rozpocząć pracę, zmniejszając w ten sposób szansę na porzucenie. Oto przykład:
Treść startowa. Istnieje wiele ekranów, które pozostają puste wystarczająco długo, aby użytkownik poczuł się sfrustrowany i odszedł. W przypadku niektórych produktów zapewnienie dobrej zawartości początkowej pomaga im zwizualizować, co się dzieje i co mogą zrobić dalej.
Oto przykład pustego ekranu stanu z zawartością startową:
Zapewnienie kroku akcji. W przypadku niektórych produktów nie musimy udzielać wskazówek ani wypełniać ekranu żadną treścią, ponieważ nie miałoby to żadnego sensu. W takich przypadkach projektanci mogą po prostu podać krok działania.
Najlepiej jednak ograniczyć działania do minimum. Prawo Hicka mówi, że „czas potrzebny na podjęcie decyzji wzrasta wraz z liczbą i złożonością wyborów”. W ten sposób użytkownicy prawdopodobnie będą działać szybciej, gdy wezwania do działania będą ograniczone do jednego lub najwyżej dwóch. Oto świetny przykład:
Innym dobrym przykładem jest Instagram. Kiedy ludzie są nowi na platformie, jeszcze nikogo nie obserwują (i nikt ich nie obserwuje). Łatwo byłoby skupić się na wszystkich wspaniałych funkcjach Instagrama, ale na przykład dobry pusty ekran stanu może dać im opcję „dodawania osób do obserwowania”.
Najlepsze praktyki UX w stanie pustym — z terenu
Toptal ma najwyższej klasy globalne talenty freelancerów we wszystkich obszarach projektowania. Oto, co kilku projektantów Toptal UX miało do powiedzenia o swoich doświadczeniach z projektowaniem pustych ekranów stanu.
Toptal Projektant: Tamara Olson
Dyscyplina projektowa: projektowanie UX
Jakie są dobre projekty pustego stanu, nad którymi pracowałeś lub widziałeś?
Dobre, nowoczesne projekty stanu pustego, które zaobserwowałem, to zazwyczaj dwuczęściowa instrukcja, jedna część zachwytu. Jeśli interfejs użytkownika jest pusty, zadaniem projektanta UX jest pomoc użytkownikom w zrozumieniu, co znajdzie się w przestrzeni, gdy zostanie ona zapełniona. Jeśli zadaniem użytkownika jest jego wypełnienie, komunikat powinien zawierać instrukcje, jak to zrobić. (Na przykład pusta tabela „Zajęcia” w produkcie edtech może zawierać kopię informującą nauczycieli, jak utworzyć pierwszą klasę.)
Widzę też, że wiele aplikacji wykorzystuje hojne nieruchomości pustych stanów jako okazję do zaszczepienia trochę zachwytu i żartobliwej osobowości marki. Możesz powiedzieć, że jest to wersja strony 404 w aplikacji internetowej.
Czy kiedykolwiek przeoczyłeś puste stany, a jeśli tak, to dlaczego?
Oczywiście to łatwa pułapka. Kiedy jesteśmy wizjonerami, wyobrażamy sobie aplikacje i produkty, gdy są w pełnym rozkwicie, wypełnione treściami i użytkownikami. Kiedy pracowałem w Google, wiceprezes ds. produktu powiedział, że produkty są jak loty samolotem; większość problemów pojawia się podczas startów i lądowań.
Kiedy użytkownik po raz pierwszy wchodzi do Twojego produktu, puste stany są nieuniknione i nie chcemy, aby wpadły w ślepe zaułki, zanim jeszcze zaczną. Zachęcam młodszych projektantów do zaprojektowania osobnego zestawu liniowych projektów pokazujących przepływ użytkownika.
Czy widziałeś sukces klienta przy użyciu pustych stanów? Jeśli tak, w jaki sposób?
Niedawno współpracowałem z National Novel Writing Month nad przeprojektowaniem ich platformy, która pozwala użytkownikom ustalać i śledzić cele związane z ich postępami w pisaniu. Nasz zespół produktowy miał absolutną piłkę z pustymi stanami; był to wspaniały sposób na przedstawienie i przedstawienie funkcjonalności i osobowości platformy oraz zainspirowanie użytkowników do rozpoczęcia rejestrowania swoich postępów.
Jakie jest najskuteczniejsze użycie pustego stanu, którego doświadczyłeś?
Jako „zero skrzynek odbiorczych” jestem stale zachwycony ilustracją pustej skrzynki odbiorczej aplikacji Gmail: osoba pod parasolem, czytająca książkę pod słońcem, z napisem „Wszystko gotowe!” Technicznie łamie zasadę, o której wspomniałem, że puste stany wymagają wezwania do działania, a jednak tak nie jest, ponieważ podprogowe CTA brzmi: „Zrezygnuj z poczty e-mail i ciesz się życiem”. Uwielbiam to.
Projektant Toptal: Michael Clingerman
Dyscyplina projektowa: Projektowanie produktu SaaS
Jeśli projektowałeś dla pustych stanów, jakie typy widzisz najczęściej?
Puste stany, z którymi jestem najbardziej zaznajomiony, to stany 404/błędów i stany wyczyszczone przez użytkownika.
Czy widziałeś sukces klienta przy użyciu pustych stanów? Jeśli tak, w jaki sposób?
TAk. Widziałem przypadki, w których puste ekrany stanowe stały się częścią wciągającej i zachwycającej strategii treści i komunikacji. Istnieją inne przypadki, w których klienci wykorzystali je do budowania osobowości swojej marki.
Jakie jest najskuteczniejsze użycie pustego stanu, którego doświadczyłeś?
Zawsze podobało mi się stosowanie przez Dropbox prostych i monochromatycznych, ilustracyjnych stylów w celu ustanowienia osobowości, tonu i charakteru marki korporacyjnej.
Wniosek
W projektowaniu UX łatwo przeoczyć puste stany (lub puste ekrany), ponieważ występują one rzadko i nie zawsze są dobrze rozumiane. Jednak korzyści z ich włączenia są niedoceniane, ponieważ poprawiają one wrażenia użytkownika i pomagają stworzyć bardziej spójny produkt.
• • •
Dalsze czytanie na blogu Toptal Design
- Najlepsze praktyki projektowania interfejsu użytkownika i typowe błędy
- Mobilny projekt UX – najlepsze praktyki, ograniczenia i współpraca z programistami
- Zasady heurystyczne dla interfejsów mobilnych
- Wpływ na projektowanie – przewodnik po kolorze i emocjach
- Zasady projektowania i ich znaczenie