Jednym z najważniejszych zadań na twoim talerzu jako projektanta stron internetowych jest użyteczność. Użyteczność jest definiowana jako wskaźnik jakości doświadczenia użytkownika podczas interakcji z witryną. Każda projektowana strona powinna być zawsze bezproblemowa z punktu widzenia użytkownika. Powinni znaleźć Twoją witrynę łatwą w nawigacji bez konieczności wcześniejszego specjalnego przeszkolenia. Użyteczność opiera się zwykle na kilku różnych czynnikach.
Osoba przeglądająca Twoją witrynę chce, aby ich nauka była na najwyższym poziomie. Będą chcieli szybko nauczyć się interfejsu użytkownika, aby mogli wskoczyć i wykonać podstawowe, nawigacyjne zadania. Efektywność użytkowania jest kolejnym czynnikiem: po nauce poruszania się po witrynie, będą chcieli szybko wykonywać zadania. Nawet jeśli użytkownik wcześniej korzystał z tej strony, będzie musiał łatwo zapamiętać wystarczającą ilość czasu, aby móc efektywnie korzystać z witryny następnym razem. Nazywa się to zapamiętywaniem. Kiedy korzystają z Twojej witryny, mogą wystąpić pewne błędy, ale czy te błędy są częste lub poważne? Wreszcie, po zakończeniu witryny, czy subiektywna satysfakcja użytkownika jest wysoka czy niska? Powinni polubili Twoją witrynę.
Oczywiście nie można zadowolić wszystkich odwiedzających witrynę przez cały czas, ale niektóre standardy są powszechne, aby zapewnić dobrą użyteczność. Co przeciętni projektanci stron internetowych uważają za oczywiste, nie powinieneś. Poniżej znajduje się lista trzech najważniejszych błędów, które projektanci stron internetowych powinni unikać za wszelką cenę.
Twoja strona internetowa będzie pełna hiperłączy, które są wyraźnie przeznaczone do kliknięcia. Upewnij się, że są wystarczająco duże, aby można je było łatwo kliknąć. To takie proste. W przeciwnym razie twoje hiperłącza nie będą dobrze odbierane. Wszelkie ruchy rąk użytkownika na myszy nie będą precyzyjne na początku, więc nie należy kłaść tak małych obszarów, że użytkownik musi użyć kombinacji finezji i strategii, by mieć szansę na kliknięcie w maleńkie hiperłącza.
Z drugiej strony większy, łatwiejszy do kliknięcia obszar sprawia, że wygodniej jest ustawić kursor nad dowolnymi łączami. Aby zwiększyć obszar klikalny, po prostu powiększ całe łącze lub popraw wypełnienie otaczające łącze. Możesz to zrobić, korzystając z właściwości wypełnienia CSS.
Spójrz na to dobrze przykład o strasznie małym klikalnym obszarze. Jest to strona "Hacker News" witryny o nazwie Y Combinator, która zapewnia fundusze początkowe dla startupów. Zwróć uwagę, że komentarze i linki użytkownika są tak małe. Będziesz mieć szczęście, aby w końcu odnieść sukces, klikając je po kilkukrotnym treningu.
Paginacja jest świetna, gdy jest używana do poprawnego zastosowania w projektowaniu stron internetowych. Przy prawidłowym stosowaniu paginacja jest funkcją powitalną, ponieważ sprawia, że układ witryny jest wygodniejszy i łatwiejszy do zaabsorbowania. Służy głównie do dzielenia treści na różne strony i jest to funkcja zwykle widoczna w witrynach zawierających długie listy przedmiotów.
Jednak paginacja może być również nadużywana, co powoduje, że przyczynia się ona do niedogodności związanych z użytecznością. Niektóre witryny lubią nadużywać stronicowania w celu podzielenia podstawowych stron z treścią na kilka stron, a także kryje się za tym ukryty motyw. Witryny, które to robią, najprawdopodobniej podejmują próbę zwiększenia swoich odsłon, proste i proste. Wiele czasopism i blogów online uzyskuje przychody dzięki reklamie, więc otrzymywanie większej liczby odsłon zwiększa ich statystyki oglądania i pozwala im pobierać wyższe opłaty za reklamy.
Popatrz na to nadużycie paginacji, która przychodzi do nas z Wired Magazine. Zwróć uwagę, że artykuł na kolorowym logo Google został podzielony na osiem stron, gdy wszystkie osiem stron można było łatwo połączyć w jedną stronę. Nawet wtedy ten dłuższy artykuł nie spowodowałby spowolnienia procesu ładowania i przetwarzania. Zwróć też uwagę na to, jak mocno klikasz, aby kliknąć kilka razy, aby dokończyć czytanie artykułu.
Ponadto takie nadużywanie stronicowania może mieć niekorzystny wpływ na SEO; jeśli podzielisz zawartość swojej witryny na kilka stron, rozrzedzisz zawartość. Ma to wpływ na zmniejszenie liczby trafnych słów kluczowych dotyczących tematu na każdej stronie, co oznacza, że każda strona ma mniejszy sens. W rezultacie wyszukiwarki mogą nie poprawnie interpretować treść każdej strony, co negatywnie wpływa na ranking wyników wyszukiwania w artykule.
Zawartość, która jest trudna do zeskanowania przez użytkowników witryny, zwykle jest treścią, która cierpi na złą kopię. Kopiuj to treść tekstowa, w której wypełniłeś swoją witrynę i jest absolutnie niezbędna, aby Twoja strona była użyteczna. Jednak nawet zanim martwisz się o dobrą kopię, musisz dokładnie poznać zachowanie użytkowników witryny. Użytkownicy witryny zwykle nie czytają wszystkich informacji na stronie internetowej od góry do dołu, jak można się tego spodziewać.
W rzeczywistości użytkownicy witryny absorbują informacje, przeskakując z jednej treści do drugiej, kierując się głównie tym, co wyskakuje na nich na stronie. Możesz podziękować faktowi, że internet bombarduje ludzi informacjami o tym gorączkowym sposobie przeglądania stron internetowych. Oczy użytkowników rzucają się w oczy od jednej interesującej sekcji danej strony internetowej do innej, co oznacza, że jako wytrawny projektant stron internetowych, musisz uporządkować swoje strony w taki sposób, aby dostosować się do tego szaleńczego zachowania.
Najpierw upewnij się, że Twoja witryna ma tylko kilka jasnych punktów ostrości. Będą one działały jako sekcje strony, które przyciągną uwagę odwiedzających. Możesz odnieść sukces, włączając większe czcionki i kolory o wysokim kontraście. Aby zwiększyć atrakcyjność wizualną, umieść również obrazy, takie jak ikony tuż obok tekstu.
Po drugie, każdy punkt skupienia powinien w idealnym przypadku zawierać nagłówek opisowy. Bez dalszego czytania kopii, użytkownik powinien natychmiast zrozumieć, co obejmuje ta sekcja treści. Nigdy nie zamykaj nagłówków w sposób tajemniczy lub niejasny, aby przyciągnąć czytelników. Nagłówki powinny być krótkie, ale precyzyjne.
Wreszcie, każdy dodatkowy tekst musi być zwięzły i łatwy do zaabsorbowania. Zaproponuj tylko podstawy i wyklucz wszystko. Dużo czasu, dodatkowy tekst, który copywriterów do wyjaśnienia punktu faktycznie odejmuje od czytelności wspomnianego tekstu. Wielu ludzi po prostu czyta małe fragmenty tekstu unikając dłuższych akapitów, więc przycinaj tłuszcz.
Rzućmy okiem na a Strona internetowa dobrze organizuje swoją kopię. To jest aplikacja Cultured Code's Things na komputery Mac. Zauważysz, że na pierwszy rzut oka punkty skupienia, którymi są zrzut ekranu i gigantyczne nagłówki "Rzeczy", są bardzo oczywiste. Kopia różnych funkcji aplikacji, które można zobaczyć więcej, przewijając stronę, jest również bardzo krótka i na temat, zajmując tylko krótki akapit lub dwa, aby dać krótki opis każdej odpowiedniej funkcji.
Dobra użyteczność wiąże się z wieloma różnymi czynnikami, które czasem mogą być trochę trudne do zapamiętania. Użyteczność polega na tym, że użytkownik końcowy odczuwa nawigację i przeglądanie witryny. Postaw się na ich miejscu podczas projektowania witryny. Czy łatwo mogą ominąć twoją witrynę? Czy będą łatwo pamiętać, co robić i gdzie się udać następnym razem, gdy odwiedzą twoją stronę? Czy w ostatecznym rozrachunku będą oni czerpać przyjemność z przeglądania witryny? Wszystkie te pytania powinny znajdować się w centrum uwagi podczas planowania witryny.
Dobra użyteczność ma również praktyczne zalety. Im bardziej użytkownik może efektywnie poruszać się po witrynie, tym więcej wróci. Opowiedzą także swoim przyjaciołom, ich mamie, ich współpracownikom ... dostaniesz zdjęcie. Przyjdą i sprawdzą twoją witrynę. W rezultacie uzyskasz więcej odsłon, więcej czytelników i, miejmy nadzieję, lojalnych obserwatorów. Oznacza to, że możesz zarabiać na swojej witrynie i pobierać dodatkowe opłaty za reklamy w witrynie. Dbaj o użyteczność, a zbierzesz nagrody na tak wiele sposobów.
Jakie błędy dotyczące użyteczności dodasz? Co najczęściej popełniają projektanci błędów użyteczności? Daj nam znać swoje myśli w komentarzach.
Wyróżniony obraz / miniatura, obraz błędu przez Shutterstock.