Reguła 80/20 zastosowana do projektowania stron internetowych
Niedawno zacząłem trochę więcej czytać o zasadach projektowania, natknąłem się na interesującą zasadę zwaną Reguła 80/20 , określane również jako Zasada Pareto, Zasada Jurana, Zasada witalności i Trywialne wiele zasad oraz Zasada niespójności czynników .
Ta zasada, do której odwołuję się w tym utworze po prostu jako zasada 80/20, gdy rozpatrywana jest w kontekście strony internetowej i projektu aplikacji internetowej, może mieć głęboki wpływ na wrażenia użytkownika, a ostatecznie na skuteczności treści lub funkcjonalność twojej strony internetowej lub aplikacji internetowej.
W tym poście przedstawię najpierw podstawową definicję, a następnie rozważę kilka konkretnych przykładów, w jaki sposób zasada 80/20 jest korzystna, a następnie podsumuję kilka lekcji, które można wyciągnąć z wiedzy o tej zasadzie.
Co to jest reguła?
Zasada 80/20 została pierwotnie zaobserwowana przez włoskiego ekonomistę Vilfredo Pareto, a faktyczna zasada została nazwana przez Josepha M. Jurana zasadą Pareto .
Poniżej znajdują się definicje z dwóch różnych źródeł. Najpierw z książki Uniwersalne zasady projektowania :
Reguła 80/20 zapewnia, że około 80 procent efektów generowanych przez jakikolwiek duży system jest spowodowane 20 procentami zmiennych w tym systemie.
I dalej, z Wikipedii :
Zasada Pareto ... stwierdza, że w przypadku wielu zdarzeń około 80% skutków pochodzi z 20% przyczyn
Od razu zauważysz, że nie zawsze jest to zasada, którą my, jako projektanci, mamy bezpośrednią kontrolę, ale raczej zasadę, którą obserwujemy jako niemal naturalną.
Wiedząc o istnieniu tej zasady lub wzorca występowania, jesteśmy wyposażeni w cenne informacje, aby podejmować decyzje, które pomogą poprawić użyteczność i skuteczność naszych projektów.
Nie zwracaj uwagi na hipotetyczną naturę reguły ...
Tak, są krytycy, a ci, którzy czują zasadę 80/20, to nic innego jak hipoteza lub zbyt ogólna teoria, która nie zawsze ma zastosowanie.
Ale odkładając to na bok, sama koncepcja jest z pewnością korzystna dla osób pracujących na interfejsach użytkownika i funkcjonalności wymagającej badania i optymalizacji - nawet jeśli reguła jest bardziej podobna do 70/30 lub 90/10.
Jak możemy zastosować go do User Experience?
W każdej witrynie internetowej, aplikacji internetowej lub środowisku programowym reguła 80/20 mówi, że 20% funkcji i funkcji w jednym środowisku będzie odpowiedzialne za 80% wyników lub działań podejmowanych w tym środowisku.
W niektórych przypadkach ustalenie, co stanowi 20%, który ma tak duży wpływ, jest łatwe. Statystyki sieci, formularze i pliki cookie sesji mogą być wykorzystywane do śledzenia zachowań użytkowników. Analiza tych elementów pomoże nam określić, z jakimi obszarami interfejsu są najbardziej powiązane.
Z drugiej strony, mniejsze zadania, które nie są śledzone za pomocą tych metod, mogą być trudniejsze do analizy. W tym przypadku badania użyteczności mogą być prowadzone, gdy użytkownicy są obserwowani, gdy wchodzą w interakcje z interfejsem użytkownika witryny.
Niektóre przykłady, które rozpoznają zasadę 80/20
Niezależnie od tego, czy jest to zamierzone, czy nie, istnieje wiele dowodów na to, że projektanci UI i UX rozważają wartość tej zasady.
Weźmy na przykład prosty element interfejsu użytkownika, taki jak rozwijana lista krajów przedstawionych w formularzu rejestracyjnym. Większość twórców witryn lub twórców treści uznaje, że w 80% przypadków wybrane zostaną niektóre kraje.
Chociaż na pozór długa lista wydaje się być złą praktyką, aby złamać alfabetyczną listę, reguła 80/20 pozwala zepsuć konwencję, umieszczając najbardziej wybrane kraje na górze, jak pokazano na poniższym zrzucie ekranu od Fenn Wright Manson's strona kasy:
W innych przypadkach, tak jak przy dodawaniu nowego adresu do książki adresowej Amazon.com domyślnym wyborem jest najbardziej wybrany kraj - w tym przypadku Stany Zjednoczone:
Oto inny przykład, tym razem z firmy z siedzibą w Wielkiej Brytanii Galeria North Rock , który ma domyślnie wybraną opcję Wielkiej Brytanii:
Te proste przykłady powyżej pokazują znaczenie optymalizacji dla najczęściej używanych i wybieranych funkcji i opcji.
Gdzie wygląda użytkownik?
The Wzór F. Czytanie i przeglądanie nawyków użytkowników Internetu stało się już ustalone. Oczywiście wzorzec F nie zawsze jest wskaźnikiem na każdym rynku, ale jest całkiem dobrym punktem wyjścia do rozważenia, gdzie będą wyglądać Twoi użytkownicy, kiedy będą wchodzić w interakcje z twoimi projektami.
Zapoznaj się z mapami termicznymi pokazanymi poniżej w znanym artykule Alertbox, do którego link znajduje się powyżej:
Zakładając, że jest to dobry wskaźnik miejsca, w którym skupia się wzrok użytkownika, wspiera to zasadę 80/20. Najbardziej intensywne obszary na mapie mogą stanowić 20% strony, z którą oczy użytkownika wchodzą w interakcje w 80% przypadków.
Z tej wiedzy, jako projektanci, możemy podejmować decyzje, które pomogą ulepszyć i zoptymalizować obszary, do których użytkownik będzie zwyczajowo przyciągał.
Oczywiście, projekt często będzie decydował o tym, gdzie użytkownik patrzy, więc ta sugestia powinna po prostu być podstawowym przewodnikiem i niekoniecznie dogmatycznym sposobem decydowania o tym, co mieści się w granicach 20%.
Trendy w zakresie mobilnego projektowania i reguła 80/20
Niedawno wraz z eksplozją urządzeń mobilnych na całym świecie niektórzy projektanci i programiści, w szczególności Luke Wroblewski , były zachęcające mobilny pierwszy projekt strony . Oznacza to, że projektując i rozwijając stronę internetową, wersję mobilną należy wykonać najpierw, zamiast na odwrót, aby uzyskać pewne korzyści.
W tradycyjnej witrynie lub aplikacji internetowej niektóre obszary witryny naturalnie mieszczą się w granicach 20%, z których najczęściej korzysta się i współdziała z nimi. Po zaprojektowaniu strony mobilnej nacisk kładzie się na to 20% (lub w przybliżeniu).
Podczas gdy mobilna wersja strony internetowej może mieć własne 20% najczęściej używanych opcji, w odniesieniu do pełnej zawartości dostępnej na tradycyjnej stronie internetowej, wersja mobilna będzie zwykle miała tylko najważniejsze funkcje.
Oto prosty przykład poniżej z wykorzystaniem PETCO.com stronie internetowej:
Powyżej przedstawiono pełną wersję strony, w całej jej zagraconej chwały. Chociaż istnieją obszary zachęcające do działania i na pewno nie jest to najgorszy projekt na świecie, ogólnie rzecz biorąc, nie jest on bardzo skoncentrowany i jest zbyt wiele opcji.
Porównaj to z wersją mobilną poniżej:
Natomiast pokazany powyżej interfejs mobilny jest prosty i pomaga użytkownikowi dotrzeć do najważniejszych obszarów, bez przytłaczania ich. Wszystkie opcje i obszary treści są najczęściej używane w pełnej wersji, są jedynymi opcjami dostępnymi w wersji mobilnej.
Tak więc dobrze ukierunkowane mobilne aplikacje internetowe są świetnymi przykładami projektantów kierujących swoją energię na najważniejsze aspekty ich projektów, skupiając się na funkcjonalności i zawartości (20%), która jest używana przez większość czasu (80%).
Podsumowane lekcje
Mając świadomość, w jaki sposób działa zasada 80/20, projektanci są przygotowani do podjęcia działań na kilka sposobów, podsumowanych poniżej:
- Tam, gdzie to możliwe, należy dokładnie analizować dane analityczne i dotyczące użyteczności w celu określenia 20% najczęściej używanych funkcji witryny
- Priorytet; to jest skupienie się na najważniejszych aspektach witryny lub aplikacji internetowej i popraw ich
- Nie spędzaj zbyt wiele czasu na optymalizowaniu rzeczy, które spadają w 80%, które nie są często używane
- Uprość swoje projekty i układy w oparciu o dane, które określają, co wchodzi w zakres 20% najczęściej używanych funkcji
- Usuń niekrytyczne funkcje lub treści, które nie są często używane
- Nie inwestuj zbyt wiele czasu i pieniędzy w optymalizację mniej używanych funkcji, ponieważ zwrot z inwestycji prawdopodobnie będzie słaby
- Znajdź sposoby na ulepszenie funkcjonalności i projektu mniej użytych, bardziej krytycznych elementów, które mogłyby mieć większy wpływ na konwersje, gdyby te elementy projektu były częściej używane
Chociaż zasada 80/20 jest zasadą dyskusyjną z pewnymi nieodłącznymi wadami, nie jest pozbawiona wartości. Tak więc należy wziąć pod uwagę tę zasadę podczas procesu przeprojektowywania, dopasowań, a nawet nowych projektów.
Powinno to pomóc użytkownikom skoncentrować się na najważniejszych funkcjach i treściach, a ostatecznie pomoże poprawić współczynniki konwersji.
Ten post został napisany wyłącznie dla Webdesigner Depot przez Louisa Lazarisa, niezależnego pisarza i programistę. Louis ucieka Imponujące sieci gdzie publikuje artykuły i samouczki dotyczące projektowania stron internetowych. Możesz śledź Louisa na Twitterze lub skontaktuj się z nim za pośrednictwem swojej strony internetowej.
Czy brałeś pod uwagę zasadę 80/20 w swoich decyzjach projektowych? Jaki wpływ miało to na twoją stronę internetową lub aplikację internetową? Podziel się swoimi komentarzami poniżej.