10 Porady dotyczące użyteczności dla projektantów stron internetowych
Mówiąc najprościej, użyteczność sprawia, że twoja strona internetowa jest tak prosta, że Twoi goście mogą znaleźć potrzebne informacje, kiedy tego potrzebują .
Powszechnym błędnym przekonaniem na temat użyteczności wśród firm internetowych jest to, że użyteczność jest droga. Tak, istnieją międzynarodowe firmy, które wydają tysiące dolarów na testy użyteczności i badania, ale na codzienną użyteczność firmy można sobie pozwolić bez wiedzy ekspertów od usług lub bez kosztownego sprzętu do testowania .
Projektanci stron internetowych mają jeszcze łatwiejszą pracę, po prostu czytając artykuły na temat użyteczności, mogą zgromadzić dość dobrą wiedzę na temat podstaw użyteczności i sposobu ich implementacji na stronie internetowej.
1. Dołącz etykietę
Tagline to oświadczenie lub motto, które reprezentuje filozofię i misję firmy, w naszym przypadku stronę internetową. Powinien to być najbardziej oczywisty element na stronie głównej witryny i powinien jasno opisywać witrynę w jednym zdaniu.
Statystyki pokazują, że witryna ma zaledwie 8 sekund, aby przyciągnąć uwagę odwiedzających, aby mogli dalej przeglądać witrynę. Bez wyraźnego sloganu strona internetowa miałaby trudności z utrzymaniem odwiedzających wystarczająco długo, aby przeglądać wewnętrzne strony.
2. Zaimplementuj wyszukiwanie w witrynie
Podobnie jak w przypadku sloganów, wyszukiwanie w witrynie jest bardzo ważnym elementem na stronie internetowej. Gdy użytkownicy szukają czegoś, zazwyczaj szukają pola tekstowego, w którym mogą wpisać szukany termin.
Według Jacob Nielsen wskazówki dotyczące użyteczności w Internecie, pole wyszukiwania o szerokości 27 znaków , aby tekst był wyraźnie widoczny i łatwy w użyciu. Umieść pole wyszukiwania w górnej części strony internetowej , ponieważ użytkownicy przeszukują witrynę według wzorca F , czyli od lewej górnej do prawej dolnej.
Dołącz przycisk wyszukiwania i wyraźnie określ tekst wyszukiwania, nie używaj tekstu takiego jak Go lub Submit , ponieważ te wyrażenia mają tendencję do wprowadzania użytkowników witryny w błąd.
3. Nie używaj rozbudowanej grafiki
Nadużywanie elementów i grafiki jest zawsze szkodliwe dla strony internetowej, po prostu wprowadzają w błąd odwiedzających witrynę. Tylko projekt, aby ulepszyć stronę internetową, a nie tylko ją udekorować. Z punktu widzenia użyteczności mniej znaczy zawsze więcej.
4. Korzystaj z map witryny
Mapy witryn są stosunkowo nową funkcją strony internetowej, która poprawia nawigację po stronach internetowych, a także optymalizację pod kątem wyszukiwarek (SEO). Mapy witryny to w istocie strukturalna reprezentacja stron i architektury witryny. Może to być dokument w dowolnej formie lub strona internetowa zawierająca listę stron w witrynie internetowej, zazwyczaj zorganizowaną hierarchicznie.
Ostatnio wyszukiwarki takie jak Google, Yahoo i MSN zaczęły oferować protokół Sitemap podobny do strony mapy witryny, ale dane są zorganizowane w formacie XML. Istnieją generatory XML Sitemap, które tworzą te dokumenty pod konkretny adres URL.
5. Nie przerywaj pracy
Przez przepływ pracy rozumiemy każdą operację wykonywaną przez użytkownika w witrynie internetowej . Na przykład wypełniając formularz, rejestrując się na stronie internetowej, przeglądając kategorie, archiwa itp. Nie przerywaj tych przepływów pracy, pozwól użytkownikowi anulować dowolną operację. Nie pozwalając użytkownikowi anulować operacji, zmuszamy ich do zakończenia, nawet jeśli nie chcą tego zrobić.
Nie każda operacja na stronie jest oczywista dla użytkowników, poprowadzi ich przez konkretny przepływ pracy za pomocą wskazówek opisowych. (np. przy wypełnianiu formularza). Linki JavaScript zazwyczaj zrywają przepływ pracy, więc nie zaleca się używania ich w swojej witrynie.
Kolejnym błędem nie jest zmiana koloru odwiedzanych linków , powoduje to zerwanie projektu nawigacyjnego. Daj użytkownikom znać, gdzie byli i gdzie się znajdują na stronie internetowej.
6. Twórz łatwe do skanowania strony WWW
Łatwe do odczytania strony internetowe odgrywają ważną rolę w utrzymywaniu lojalności użytkowników, utrzymywaniu ich w witrynie i czytaniu treści. Testy użyteczności pokazują, że większość użytkowników nie czyta stron internetowych, skanuje je , szuka tytułów, pogrubionych, podkreślonych tekstów lub list.
Badania eye tracking prowadzone przez Jakoba Nielsena pokazują, że użytkownicy czytają treść podobną do kształtu F, co oznacza, że czytanie zaczyna się od lewej górnej strony strony, a następnie przesuwa się nieco w dół, zaczynając od lewej strony.
Nielsen stwierdza również implikacje tego wzoru czytania:
- Użytkownicy nie będą czytać treści strony internetowej słowo po słowie, wyciągną ważne akapity, pogrubiony tekst itp.
- Pierwsze dwa akapity są niezbędne na stronie internetowej. Muszą zawierać najważniejsze informacje, których szukają użytkownicy.
- Pozycje podrzędne i listy wyróżniają się ze zwykłych akapitów. Użyj tych elementów, aby powiadomić użytkowników o ważnych informacjach.
Jedną z ważnych metod, których możemy się nauczyć z tradycyjnych gazet drukowanych, jest to, że dziennikarze pomyśleli o chwytliwym nagłówku i chwytliwym pierwszym akapicie, aby czytelnicy przeczytali cały artykuł. Organizują treść w formacie odwróconej piramidy , po prostu wyobrażają sobie odwróconą piramidę. Szeroka podstawa reprezentuje najważniejsze informacje w całym artykule, a wąska wskazówka przedstawia najmniej ważne informacje.
Możemy użyć tego formatu do organizowania treści internetowych, umieszczając najważniejsze elementy na górze i te najmniej ważne na dole , ale skąd wiemy, które informacje są ważne, a które nie? Z pomocą wartości wiadomości .
7. Nie projektuj wprowadzających w błąd kontroli interfejsu użytkownika
Przez elementy interfejsu użytkownika (UI) rozumiemy elementy strony internetowej, komponenty i widżety, z którymi użytkownik może wchodzić w interakcję (np. Przycisk, rozwijana lista).
Nie projektuj elementów graficznych, które wyglądają jak przycisk, ale nie są . Często widzimy tekst, który jest podkreślony i wygląda jak linki, ale nie można go kliknąć.
Nie podejmując działań oczekiwanych przez użytkowników, pomyśleliby, że strona jest zepsuta i ostatecznie znika. Inną ważną wskazówką dotyczącą użyteczności w zakresie kontroli interfejsu użytkownika jest spójność: upewnij się, że elementy sterujące interfejsu użytkownika są spójne .
Wieśniak , jak pokazuje powyższe zdjęcie, jest dobrym przykładem spójnego projektu kontroli interfejsu użytkownika. Każda karta na stronie wygląda i zachowuje się tak samo, każde łącze jest podkreślone po najechaniu myszą, każdy przycisk wygląda tak samo, itd.
8. Przekaż znaczące informacje zwrotne
Ważne informacje na temat witryny są niezbędne. Jest to kanał komunikacyjny między witryną a użytkownikami, za pomocą informacji zwrotnych informujemy użytkowników o tym, co dzieje się na stronie. W przypadku błędu na stronie internetowej, nie wystarczy wydrukować błąd , zamiast tego napisać sensowne komunikaty o błędach, które informują użytkownika, co poszło nie tak i jakie działania mogą wykonać z tego miejsca.
Informacje zwrotne działają w obie strony . Gdy użytkownik wypełnia formularz, zasadniczo przekazuje informacje zwrotne. Nie zmuszaj użytkowników do dwukrotnego uzupełniania tych samych informacji. Na przykład, jeśli użytkownik zarejestrował się na stronie internetowej i musi w pewnym momencie wypełnić formularz, nie pytaj o jego nazwę ani inne informacje, które już zostały dostarczone, ponieważ te szczegóły już istnieją w pliku lub bazie danych. Po prostu automatycznie uzyskując te szczegóły upraszczamy cały proces.
9. Nie nadużywaj JavaScript
Wraz z pojawieniem się Javascript i techniki AJAX, projektanci stron internetowych i programiści mogą tworzyć responsywne, przezroczyste strony internetowe, ale jak w przypadku wszystkich nowych technologii, jest to koszt. W naszym przypadku kosztem jest niespójność przeglądarki. Nie każdy użytkownik ma aktualną przeglądarkę internetową. Mogą również nie mieć włączonej obsługi JavaScript domyślnie.
Używając JavaScriptu na stronie internetowej, blokujemy tych użytkowników. Zamiast tego użyj dyskretny JavaScript i zgrabna degradacja .
10. Unikaj CAPTCHA
CAPTCHA oznacza całkowicie zautomatyzowany test Public Turinga dla komputerów i ludzi Apart. Nawet nazwa brzmi skomplikowanie. Najbardziej ogólną formą CAPTCHA jest tekst osadzony w obrazie, a testując użytkowników możemy oddzielić użytkowników od robotów spamowych.
Problem z CAPTCHA polega na tym, że każda forma ludzkiej metody weryfikacji wyzwala złożony proces w mózgach użytkowników (np. Wykreślenie zniekształconego tekstu, dodanie dwóch liczb itp.).
Innym problemem z CAPTCHAs są niespójności w różnych kulturach . Na przykład chińskie symbole, cyfry różnią się od większości zachodnich liter i cyfr arabskich. Chińczycy mają o wiele trudniejszy czas, używając "włączonych" formularzy online CAPTCHA.
Podsumowanie
- Zawsze dołączaj slogan, który powinien być najbardziej oczywistym elementem na stronie internetowej.
- Zaimplementuj przeszukiwanie witryny o długości 27 znaków i umieść je na górze strony.
- Nie używaj rozbudowanych elementów graficznych i projektowych.
- Dołącz stronę mapy witryny i zarejestruj dokument XML mapy witryny w wyszukiwarkach.
- Nie przerywaj przepływu pracy użytkownika. Zezwól na anulowanie każdej akcji, jeśli to konieczne.
- Twórz łatwo przeszukiwalne treści internetowe i umieszczaj najważniejsze informacje na górze strony.
- Nie projektuj elementów graficznych, które wyglądają jak przycisk, ale nie są.
- Przedstawiaj istotne opinie i nie zapominaj, że opinie działają w obie strony.
- Posługiwać się dyskretny JavaScript i zgrabna degradacja .
- Unikaj CAPTCHA, użyj bardziej użytecznych metody zamiast.
Czy stosujesz się do tych zasad? Dodaj swoją opinię i dodatkowe wskazówki poniżej.