Twoja praktyczna lista kontrolna użyteczności: błędy w użyteczności do naprawienia

Jak to możliwe, że jesteśmy w roku 2015 i widać te same błędy użyteczności z 2007 roku? Jesteśmy w zupełnie nowej erze Internetu, a mimo to nawet wielkie firmy uruchamiają strony internetowe, które z powodu bardzo oczywistych problemów są ledwo użyteczne.

Oto niektóre z nich, które są niepokojąco powszechne i możesz za sobą tęsknić.

Regularnie dbam o uszkodzone linki

Zaledwie kilka minut temu podążałem za linkiem w Smashing Magazine i otrzymałem błąd 404. Strona już nie istniała, ale zawierała link bezpośrednio z wciąż intensywnie odwiedzanego artykułu, który był angażowany zarówno w komentarze, jak i w mediach społecznościowych.

Za każdym razem, gdy strona zostanie przeniesiona lub usunięta, należy ją dwukrotnie sprawdzić w całej witrynie. Powinieneś wyszukać wszelkie wzmianki, które mogą istnieć, nie tylko na stronie głównej. Gdy strona nie trafia w te linki, wygląda na amatorską i nieprofesjonalną, i może w rzeczywistości zaszkodzić Twojemu autorytetowi.

Narzędzia!

• Sprawdzanie uszkodzonych linków (Wtyczka WordPress)
• Przeszukiwacz witryn i generator map witryn XML (narzędzie internetowe)

Moja witryna jest szybka i płynna

Jeden z najczęstszych grzechów: tak wiele stron internetowych jest boleśnie powolnych i / lub zbyt często. To tak oczywisty błąd, ale tak często pomijany, że aż niewiarygodny!

Twoja świetna treść i niesamowita witryna nie będą miały żadnych szans, dopóki użytkownicy nie będą mogli załadować strony.

Narzędzia!

• WPBeginner ma świetną listę narzędzi zwiększających szybkość i wydajność WordPress
• Użyj Sitegeek i ich miesięczne statystyki dostępności znaleźć wiarygodnego dostawcę usług hostingowych
• Użyj tego bezpłatnego narzędzia do pomiaru szybkości strony aby zdiagnozować, co spowalnia twoją stronę
• Użyj pingdoma lub Monitorowanie aby otrzymywać natychmiastową aktualizację, gdy tylko Twoja witryna przestanie działać

Z mojej witryny można korzystać na urządzeniach mobilnych

Na szczęście Google zachęciło wielu właścicieli witryn do myślenia o ich przyjazności mobilnej, grożąc im aktualizacją . Ale oprócz troski o widoczność w wyszukiwarkach, Twoje witryny muszą być przyjazne dla urządzeń mobilnych, aby dobrze służyć użytkownikom.

Narzędzia!

• Haris Bacic wykonał świetną robotę, wymieniając narzędzia do testowania przyjazności dla urządzeń mobilnych tutaj, w SEP.
• Jeśli przeprojektowanie witryny tak, aby była przyjazna dla urządzeń mobilnych, jest ponad twoją głową, WHH jest jedynym pakietem mogę polecić...

Moja kopia i wezwanie do działania są jasne

Kiedyś usłyszałem świetną radę od projektanta stron internetowych: jeśli facet z innej planety nie jest w stanie powiedzieć, co robi twoja witryna w ciągu kilku sekund, to nie wykonuje swojej pracy.

To jest powód, dla którego wiele witryn umieszcza zdjęcia swoich produktów bezpośrednio na pierwszej stronie. Ludzie mają pomysł na produkt bez konieczności czytania ani jednej rzeczy i wystarczy, że wykorzystają resztę tekstu, aby uzyskać więcej szczegółów. DirJournal jest dobrym przykładem tego, o czym mówię: Możesz zobaczyć, co robi strona na pierwszy rzut oka!

Narzędzia!

• Wypróbuj test pięciosekundowy aby ocenić Twój projekt i sprawdzić, czy ludzie mogą powiedzieć, o co w nim chodzi
• Użyj tych narzędzi do tworzenia minimalne i czytelne wykresy wizualizujące przeznaczenie Twojej witryny
• Użyj tych narzędzi do tworzenia wizualnych, interaktywnych treści
• Użyj edytora Hemingway i Atomic Reach Audience Engager (pobierz DARMOWĄ wtyczkę AtomicWriter WordPress i rozszerzenie Google Chrome ), aby sprawdzić, czy Twoja kopia jest przejrzysta, czytelna i atrakcyjna.

Mój projekt nie zastępuje funkcji

Ten fantazyjny projekt, który wymyśliłeś, może wyglądać niesamowicie. Ale czy to działa dobrze dla użytkownika? Wchodzenie na stronę internetową i czekanie na animację ładowania jest bardzo stylowe. Dla użytkownika jest to jednak również bardzo irytujące.

To samo można powiedzieć o powolnym ładowaniu menu, wszystkim, co nie przewija się prawidłowo (na przykład przewijaniu wyskakujących menu) lub ukrytych linkach, które musisz znaleźć.

Nie pozwól, aby chęć bycia kreatywnym przesłoniła funkcję produktu końcowego. Patrzę na Was, twórcy portfolio!

Narzędzia!

Użyj znaku kredowego aby uzyskać szybką informację zwrotną na temat swojej makiety.

Oferuję różne sposoby kontaktu ze mną

Powinieneś mieć wiele możliwości skontaktowania się z Tobą, bezpośrednio z pierwszej strony. Jeśli tego nie zrobisz, popełniasz jeden z najbardziej rażących błędów, jakie możesz popełnić. Zwłaszcza jeśli prowadzisz firmę.

Posiadanie numeru telefonu na liście jest w porządku, ale większość użytkowników nie będzie z tego zadowolona. To samo można powiedzieć o wbudowanym formularzu kontaktowym w witrynie.

Utwórz opcję czatu, jeśli to możliwe, ustawiony adres e-mail i numer telefonu. Ułatw sobie przeglądanie i używanie.

Narzędzia!

Oto różne aplikacje dające wiele opcji aby dodać formularz kontaktowy, czat pomocy technicznej online lub inne aplikacje obsługi klienta.

Nie mylę moich klientów z przeciążeniem sugestii

Czy byłeś kiedyś na blogu i wydaje się, że istnieje dziesięć różnych wierszy sugestii dotyczących innych postów zarówno w witrynie, jak i poza nią? Albo kasa w sklepie, w której znajdziesz kilkanaście innych produktów, które możesz chcieć wypróbować?

Nie ma nic złego w sugestiach, a tak naprawdę mogą one poprawić zarówno czas spędzony w witrynie, jak i konwersje. Jednak posiadanie zbyt wielu sprawia, że ​​strona ładuje się wolniej, rozprasza użytkownika, może utrudniać działanie urządzeń mobilnych i jest agresywna.

Korzystając z sugestii, mniej znaczy więcej.

Oferuję moim użytkownikom różne sposoby wyrażenia zgody (lub logowania)

Dlaczego w dzisiejszych czasach jakakolwiek witryna internetowa, która ma konta, nie zapewnia opcji logowania społecznościowego? Logowanie do Facebooka, Twittera i Google powinno być standardowe, zwłaszcza biorąc pod uwagę łatwość ich wdrożenia. Wystarczy jedna wtyczka i możesz zacząć.

Możesz się zastanawiać, dlaczego to takie ważne. Sprowadza się to do łatwości użytkowania, co sprawia, że ​​jest to problem z użytecznością. Ludzie wolą kliknąć przycisk, niż muszą wypełnić wszystkie swoje dane, a następnie przejść do swojego e-maila, aby potwierdzić.

Leniwy? Może, ale liczy się tylko to, że dasz im to, czego chcą.

Narzędzia!

• Otrzymać odpowiedź oferuje naprawdę solidną integrację z mediami społecznościowymi z ich formularzami do wyrażania zgody
• Oto kilka wtyczek WordPress umożliwienie włączenia opcji logowania do mediów społecznościowych

Opinia testera użyteczności… którą należy zastosować

Każdy z tych problemów można rozwiązać, zdobywając wielu testerów użyteczności, a następnie słuchając, co mają do powiedzenia. Zbyt wiele osób zbagatelizuje te skargi i zamiast tego naprawi tylko błędy. Jakby błędy były powodem, dla którego przeprowadzasz testy użyteczności w pierwszej kolejności... to tylko niewielka część tego.

Nie wpadnij w tę pułapkę. Powyższe grzechy projektowe mogą wydawać się oczywiste, ale jeśli przeglądasz swoją witrynę, prawie na pewno popełniasz jeden z nich. Nawet jeśli nie zauważyłeś, odwiedzający Twoją witrynę będą to robić. W rezultacie możesz stracić cenne konwersje.

Czy przegapiłem jakieś ważne pozycje z tej listy kontrolnej? Daj nam znać w komentarzach.

Pixar