Choć może to wydawać się oczywiste, Twoja usługa lub oprogramowanie muszą być dostępne dla nowych użytkowników, a wszystkie funkcje muszą być łatwe do opanowania. Bez dobrej przystępności UX próbuje działać bez podstaw.

Łatwość nauki leży u podstaw każdej kompetentnej strategii UX i projektowania UX. Mimo to łatwość nauki jest często zaniedbywana na rzecz dodatkowych funkcji i aktualizacji, które mają na celu zwiększenie zysków. Ci, którzy pomijają łatwość nauki, tracą szansę na zdobycie lojalności klientów.

Jeśli Twoje funkcje są trudne do opanowania, istnieje mnóstwo alternatywnych produktów, które nie wymagają żadnych kosztów związanych z przejściem na inny produkt i są dostępne na wyciągnięcie ręki. Klienci nie będą się wahać przed zmianą na produkt łatwiejszy w obsłudze i bardziej znany. Nie są Ci nic winni.

Czas więc włączyć żarówkę zdolności uczenia się. Po opanowaniu tej umiejętności może ona stać się kluczowym elementem projektu UX, pozwalającym przekształcić użytkowników, zatrzymać ich i utrzymać ich zaangażowanie na zawsze. 

W tym artykule

Czym jest zdolność do nauki?

 
 
 
 
 
Wyświetl ten post na Instagramie
 
 
 
 
 
 
 
 
 
 
 

Post udostępniony przez tldv.io (@tldv.io)

Mówiąc najprościej, łatwość nauki wyjaśnia , jak łatwo można nauczyć się obsługi produktu lub go przyjąć. Często można ją utożsamiać z niektórymi zasadami 10 heurystyk użyteczności, które koncentrują się na tym, jak łatwo użytkownicy mogą korzystać z aplikacji. W rzeczywistości wiele podstawowych heurystyk użyteczności może poprawić łatwość nauki, na przykład:

  • Dopasowanie systemów do rzeczywistego świata
  • Spójność i standardy
  • Zapobieganie błędom
  • Pomoc i dokumentacja
  • Rozpoznawanie zamiast przypominania sobie
  • Minimalistyczny design

Czym więc jest łatwość nauki? Najważniejsze jest to, jak łatwo użytkownikowi przychodzi wykonanie zadania przy pierwszym kontakcie z interfejsem. Chodzi też o to, ile razy trzeba coś powtórzyć, żeby użytkownik stał się w tym dobry. Dzięki łatwości nauki projekt UX jest bardziej naturalny dla nowych użytkowników, którzy czują się jak w domu.

Jakość nauki może mieć ogromny wpływ na projekt produktu. Jeśli produkt ma intuicyjny projekt, czyli jest łatwy do nauczenia, użytkownicy będą bardziej skłonni do zapoznania się z jego możliwościami i funkcjami, co poprawi komfort użytkowania

Learnability próbuje również zrozumieć, w jaki sposób użytkownicy przechodzą przez krzywą uczenia się, gdy po raz pierwszy stykają się z produktem. Mierzy czas i wysiłek, jaki trzeba włożyć w naukę obsługi produktu. Na przykład aplikacja do komunikacji błyskawicznej Whatsapp ma podobno krótszą krzywą uczenia się, co oznacza, że użytkownicy potrzebują mniej czasu, aby zapoznać się z aplikacją. Porównajmy to ze złożoną aplikacją, taką jak Wechat, która jest kompleksową aplikacją do komunikacji oferującą wiele funkcji, od rezerwacji lotów, taksówek i hoteli po przelewy pieniężne. 

 

Przykład krzywej uczenia się pokazującej, że wiedza danej osoby wzrasta wraz z upływem czasu.

Jak się uczymy?

Krótko mówiąc, nauka to proces składający się z trzech etapów:

  1. Uwaga. Odfiltrowujemy to, co nieistotne, i skupiamy się na tym, co istotne.
  2. Postrzeganie. Nadajemy sens informacjom.
  3. Pamięć. Łączymy informacje z tymi, które są już zapisane w naszym mózgu i tam je przechowujemy.

Jako badacz lub projektant UX Twoim zadaniem jest sprawić, aby użytkownik przeszedł przez ten trzyetapowy proces. 

  • Aby zwrócićuwagę, należy ograniczyć liczbę czynników rozpraszających uwagę w danej sytuacji i przekazywać informacje stopniowo
  • Aby zapewnić odpowiednią percepcję, należy unikać odkrywania Ameryki na nowo. Projektuj zgodnie z ustalonymi konwencjami i podobnymi wzorcami produktów, aby użytkownik czuł się jak w domu.
  • Aby utrwalić pamięć, podaj informacje, które mają silny związek emocjonalny, zwłaszcza jeśli są powiązane z cennym celem użytkownika. Dzięki temu możesz wykorzystać sygnały, aby w przyszłości pobudzić pamięć użytkownika.

Łatwość nauki jest łatwiejsza do osiągnięcia na początku rozwoju produktu, kiedy jest on prostszy i ma mniej funkcji. Im bardziej się rozwija, tym bardziej staje się złożony. Zastanów się dobrze przed dodaniem nowej funkcji i zawsze staraj się zachować spójność w logice łatwości nauki.

Jak ważna jest łatwość nauki w projektowaniu i strategii UX? 

„Usuń połowę słów z każdej strony, a następnie usuń połowę tego, co pozostało”.

 — Steve Krug, Nie każ mi myśleć

W swojej książce „Don’t make me think” Steve Krug przytacza powyższy cytat, aby podkreślić znaczenie minimalnej ilości tekstu na każdej stronie internetowej lub w aplikacji. Twierdzi on, że strony internetowe i aplikacje znacznie różnią się od książek; większość ludzi nie czyta informacji, a często tylko je przegląda lub przewija. Dodaje również, że tekst powinien być zwięzły, klarowny i przejrzysty. Pomaga to zmniejszyć ilość informacji zakłócających odbiór głównych elementów stron internetowych.

Dobrym przykładem jest firma Uber! Musiała ona zmierzyć się z kilkoma problemami, takimi jak częsta koordynacja pasażerów z kierowcami, odległe lub błędne lokalizacje odbioru oraz lokalizacje pinów, które różniły się od tych ustawionych przez pasażera. Uber musiał nauczyć się kilku sposobów, aby naprawić tę sytuację i przywrócić początkową magię. 

Po pierwsze, wykorzystano charakterystyczne lokalizacje, aby pasażerowie mogli potwierdzić odbiór, co ograniczyło konieczność koordynacji z kierowcami przez telefon, oraz dodano usługę wysyłania wiadomości, aby powiadamiać pasażerów o przybyciu kierowcy. Po drugie, pasażerom zaoferowano ostateczne potwierdzenie lokalizacji pinów, aby uniknąć sytuacji, w której aplikacja wybiera odległe lub niewłaściwe lokalizacje. Te zmiany, skoncentrowane na użytkowniku, zostały wprowadzone z myślą o projektowaniu UX.

Elegancki interfejs użytkownika Ubera

Źródło: Miro. Elegancki i minimalistyczny interfejs użytkownika Ubera, którego celem jest rozwiązywanie problemów użytkowników i poprawianie ich doświadczeń. 

Dlaczego wielu zapomniało o zdolności do nauki? 

Według badań 88% konsumentów było mniej skłonnych do dalszych zakupów za pośrednictwem aplikacji po złych doświadczeniach. Jeśli taką kontrolę może zapewnić dobry projekt UX w aplikacji, dlaczego często zaniedbuje się kwestię łatwości nauki obsługi

W imię szybkości często pomija się ten kluczowy aspekt użyteczności. Co więcej, wielu osobom trudno jest określić lub przetestować tę koncepcję. Zrozumienie łatwości nauki obsługi aplikacji może zająć dużo czasu. Dodatkowo należy pamiętać o regularnym korzystaniu z tego samego interfejsu testowego w tym okresie. Czasochłonność i duże nakłady finansowe sprawiają, że wiele osób zaniedbuje tę koncepcję.  

Klasycznym przykładem aplikacji, które nie zwracają uwagi na łatwość nauki, jest platforma rezerwacyjna Ryanair. Jest znana z tego, że dezorientuje większość użytkowników przez skomplikowany interfejs i podstępny układ UX . Na przykład opcja „bez ubezpieczenia”jest ukryta w zupełnie niepowiązanym menu rozwijanym. Powoduje to stratę czasu i wysiłku użytkownika. Praktyki te, choć mają na celu zwiększenie przychodów, w rzeczywistości wydłużają krzywą uczenia się użytkownika, osłabiając tym samym łatwość obsługi produktu.

 

Podstępny projekt UX linii lotniczych Ryanair miał negatywny wpływ na łatwość nauki obsługi.
Źródło: Miro. Skomplikowane i trudne menu rozwijane Ryanair, które wprawiało użytkowników w zakłopotanie. 

Innym przykładem nieudanej nauki jest serwis Myspace. Kiedyś Myspace był najpopularniejszym serwisem społecznościowym. Jednak został przyćmiony przez Facebooka. W jaki sposób? Interfejs użytkownika serwisu Myspace był skomplikowany w porównaniu z Facebookiem, przez co trudny do opanowania. W serwisie Myspace każda strona wyglądała inaczej i nie była spójna (kluczowy element heurystyki użyteczności). Profile były wyświetlane w sposób chaotyczny.

Z kolei Facebook miał kreatywne i świeże podejście do profili użytkowników. Dzięki eleganckim i spójnym czcionkom jest elastyczny i łatwy w nawigacji. Algorytm Facebooka dostosowywał się do sieci danej osoby, podczas gdy Myspace wyszukiwał informacje na kilku ekranach. 

Wystarczy rzut oka na profil Myspace i Facebooka (poniżej), aby zrozumieć tę różnicę. 

Niewygodny projekt UX serwisu MyspaceNowy wygląd Facebooka

Źródło: Dummies.com i Techcrunch.com. Porównanie interfejsów użytkownika serwisów Myspace i Facebook.

Ponadto, krzywa adopcji produktu wskazuje, że 13,5% użytkowników to osoby, które wcześnie przyjmują nowy produkt. Z punktu widzenia UX/UI stanowi to dużą grupę użytkowników, których można przyciągnąć dzięki łatwości nauki obsługi. Pomiar wskaźnika zaangażowania użytkowników aplikacji, liczby aktywnych użytkowników dziennie oraz wskaźnika rezygnacji może pomóc w zrozumieniu łatwości nauki obsługi produktu. Ponadto można poprawić łatwość nauki obsługi aplikacji, rezygnując ze skomplikowanych funkcji projektowych i ikon oraz stosując interfejs przyjazny dla użytkownika. 

Jak włączyć zdolność uczenia się do projektu lub strategii UX? 

Zrozumienie, czym jest łatwość nauki, to tylko pierwszy krok w maratonie UX. Przed nami jeszcze wiele innych, a integracja łatwości nauki z projektowaniem UX i strategią UX musi odbywać się krok po kroku. Może się to wydawać zniechęcające, jak żmudne i skomplikowane zadanie, które wolałbyś po prostu zignorować, zwijając się w kłębek w łóżku, ale to nie poprawi jakości Twojego produktu. Nie ma jednak powodu do obaw. Możesz na nas liczyć. 😉

Aby ułatwić to zadanie, stworzyliśmy listę najważniejszych wskazówek, które pomogą przyspieszyć proces nauki

Usuń menu rozwijane

Zrób sobie przysługę i zastanów się jeszcze raz, czy naprawdę potrzebujesz tego rozwijanego menu na swojej stronie internetowej? 

W większości przypadków menu rozwijane nie są użyteczne, ponieważ często zawierają zbyt wiele informacji, spośród których należy dokonać wyboru. 

Zamiast tego wybierz pole wyboru lub przełącznik, jeśli musisz wybrać między dwiema opcjami. Jeśli masz więcej niż dwie alternatywy, możesz wybrać przyciski opcji lub przyciski podzielone pionowo (poniżej). 

Przyciski opcji a pola wyboruPrzykład sterowania segmentami


Źródło: uxmovement.com i Maniacdev.com. Przykłady różnych alternatywnych interfejsów użytkownika dla menu rozwijanych, zapewniających większą łatwość nauki. 

Ale co zrobić, jeśli masz zbyt wiele opcji do wyświetlenia? Zamiast rozbudowanego menu rozwijanego, wybierz przycisk kontroli typu „typeahead” (poniżej). Ta funkcja pozwala użytkownikom wpisać kilka pierwszych liter, a system podaje sugestie, z których można skorzystać. Zmniejszy to uciążliwość niekończącego się przewijania i pozwoli zaoszczędzić mnóstwo czasu. 

 

Menu paska sterowania Typehead

 

Źródło: Imgur. Przykład menu rozwijanego typu „type-head” zapewniającego lepszy komfort użytkowania. 

Wizualna reprezentacja dla zwycięstwa!

Elementy wizualne nie są tylko przyjemnym dla oka dodatkiem do Twojej strony internetowej. Mogą one potencjalnie pomóc użytkownikom w rejestrowaniu informacji i zapamiętywaniu ich na dłużej. W rzeczywistości użytkownicy mogą błyskawicznie przypomnieć sobie określone ikony i kształty po ich obejrzeniu. Najlepszą rzeczą w wirtualnej reprezentacji jest to, że nasza pamięć długotrwała pomaga nam przypomnieć sobie te ikony i zarejestrować informacje, zwiększając w ten sposób zdolność uczenia się!

 

Zamiast tekstu używaj ikon lub grafiki.

Źródło: Dribbble. Proste i trafne ikony to łatwy sposób na zwiększenie przystępności każdego projektu UX. 

Nawigacja jest kluczowa 

Prosta nawigacja może mieć ogromny wpływ na Twoją stronę internetową lub aplikację. W większości przypadków użytkownicy odwiedzają daną stronę internetową, aby uzyskać konkretne informacje. Nie są skłonni poświęcać mnóstwo czasu na poruszanie się po kilku paskach wyszukiwania lub innych warstwach nawigacyjnych. Jeśli nie uda im się osiągnąć celu, prawdopodobnie opuszczą Twoją stronę. Zamiast tego postaw na prostą nawigację, aby poprawić komfort użytkowania. 

Możesz podzielić swoją stronę na różne kategorie, żeby łatwiej było się w niej odnaleźć. Dodatkowo możesz dodać klikalne linki do poszczególnych sekcji, żeby nowym użytkownikom łatwiej było się po niej poruszać. Oczywiście upewnij się, że przycisk wyszukiwania i wezwania do działania działają!

 

Ułatw nawigację w swojej witrynie

Źródło: UXmovement. Podział kategorii witryny internetowej sprawia, że jest ona mniej przytłaczająca dla użytkowników, zwłaszcza podczas przeglądania. 

Wdrażanie użytkowników

Dobre wrażenia z wdrażania są absolutną koniecznością dla łatwości nauki, zwłaszcza gdy produkt staje się coraz bardziej złożony. Wdrażanie pomaga użytkownikom zrozumieć główne funkcje produktu, ich wartość i sposób korzystania z nich. To właśnie łatwość nauki w pigułce!

Na przykład metoda uczenia się przez praktykę stosowana przez Grammarly jest po prostu niesamowita. Firma ta doskonale poradziła sobie z wdrożeniem nowych użytkowników, oferując dokument demonstracyjny ilustrujący przypadki użycia. Zachęca to użytkowników do wypróbowania funkcji programu, jednocześnie ucząc ich, jak z nich korzystać. Interfejs programu angażuje użytkowników dzięki punktom aktywnym, które podkreślają popełnione błędy.

 

Intuicyjna obsługa Grammarly sprawia, że jest to świetne narzędzie do nauki.
Źródło: Appcues. Dokument demonstracyjny Grammarly oferuje proste podejście oparte na nauce w trakcie użytkowania, dzięki czemu użytkownicy mogą wypróbować funkcje w miarę postępów w korzystaniu z aplikacji. 

Przykłady aplikacji wykorzystujących łatwość nauki w projektowaniu UX

Zobaczmy, które aplikacje opanowały sztukę łatwości nauki i przenoszą swoją użyteczność na nowy poziom! 

  • WhatsApp

Wiadomości tekstowe są nieodłączną częścią telefonów komórkowych od momentu ich powstania. WhatsApp doskonale zrozumiał, jak ważna jest łatwość obsługi interfejsu użytkownika. Zapewnił prostotę projektu dzięki przejrzystym czcionkom i dobrze skontrastowanym tłem dla użytkowników. Ułatwił użytkownikom poruszanie się po aplikacji i dostosowanie się do jej platformy. 

  • Duolingo

Duolingo pozwala użytkownikom spersonalizować proces wdrażania, umożliwiając im wybór języka, którego chcą się uczyć, przystąpienie do testu lub rozpoczęcie nauki od podstaw. Proces ten określa, w jaki sposób aplikacja będzie przynosić korzyści użytkownikom w przyszłości. Takie praktyki ułatwiają użytkownikom zapoznanie się z aplikacją i zaangażowanie się w jej użytkowanie. 

Ponadto elegancki i przyjazny dla użytkownika interfejs ułatwia nawigację za pomocą prostych kliknięć. Upraszcza to proces nauki i sprawia, że jest to angażujące doświadczenie dla użytkowników. 

W ostatniej aktualizacji Duolingo ogłosiło wprowadzenie nowego projektu drzewa językowego, dzięki czemu jest ono jeszcze bardziej uproszczone i łatwiejsze w obsłudze.

Nowe drzewko umiejętności Duolingo sprawia, że nauka jest jeszcze łatwiejsza!
  • Mapy Google 

Google skutecznie opanowało sztukę łatwości nauki. Większość ich aplikacji jest prosta i łatwa do zrozumienia, a to wszystko dzięki ikonom odzwierciedlającym rzeczywisty świat i płynnym narzędziom nawigacyjnym. Jednym z takich produktów Google jest Google Maps. 

Dzięki paskom wyszukiwania i przyciskom klikowym bardzo łatwo jest zrozumieć trasę. Ponadto dodatkowe funkcje, takie jak audio, pasek nawigacyjny i „najnowsze w Twojej okolicy”, ułatwiają korzystanie z aplikacji. Oferuje ona również sesję szkoleniową dla początkujących użytkowników, aby mogli zrozumieć działanie aplikacji. 

  • Facebook

Dzięki kilku funkcjom w serwisach społecznościowych Facebookowi udało się zachować przyjazny dla użytkownika charakter swoich stron internetowych i nie zniechęcać ich do korzystania z nich, wprowadzając kilka zmian. Nawet przy zmieniających się projektach posiada on różne ikony, takie jak NewsFeed, Like, Comment i Share, które są duże i łatwe do rozpoznania. Dzięki temu użytkownicy nie muszą martwić się o naukę nowych funkcji i mogą cieszyć się przyjemnym dla oka wyglądem serwisu.

  • tl;dv

Dużo myśleliśmy o możliwościach nauki w naszym własnym narzędziu do wirtualnych spotkań. Chcesz nagrywać na Zoom, robić notatki w Google Meet lub uzyskać bezpłatne transkrypcje w ponad 20 językach w obu tych aplikacjach? A może chcesz zaznaczać, wycinać i oznaczać czasowo momenty z wirtualnych spotkań, które chcesz zapamiętać? To z pewnością znacznie ułatwia badania UX

Ułatwiamy użytkownikom zrozumienie, że ich spotkanie jest nagrywane, za pomocą prostego potwierdzenia: ✔️. Ponadto wszyscy użytkownicy widzą mini ekran powitalny, informujący ich, że spotkanie jest nagrywane oraz jak ustawić najważniejsze fragmenty spotkania. Ponieważ jest to jedna z ulubionych funkcji naszych użytkowników, chcemy mieć pewność, że wszyscy wiedzą, jak ona działa. Mini ekran powitalny ładuje się automatycznie po lewej stronie Google Meet Zoom rejestrator tl;dv dołącza do czatu.

Zobacz, jak łatwo jest dodawać znaczniki czasu!

Końcowe przemyślenia na temat możliwości uczenia się w projektowaniu UX

Piękno łatwości nauki jest czasami pomijane przez bardziej „pilne” kwestie związane z produktem, jednak łatwość nauki jest niezwykle istotną częścią każdego dobrego projektu lub strategii UX. Nie można ignorować kluczowych aspektów użyteczności i oczekiwać, że stworzy się aplikację, którą pokochają użytkownicy. To po prostu nie nastąpi.

Teraz powinieneś już znać odpowiedź na od dawna zadawane pytanie: czym jest zdolność uczenia się? Jeśli chcesz zgłębić psychologię UX, zapoznaj się z naszym artykułem na temat prawa ciągłości Gestalta.

Teraz, gdy znasz już jedną z podstawowych potrzeb związanych z UX, możesz również sprawdzić, jak zostać badaczem UX od podstaw, lub zapoznać się z naszą listą bezpłatnych narzędzi do badań użytkowników, które przydadzą się w 2023 roku i później.