18 wskazówek dotyczących użyteczności, które pomogą Ci stworzyć lepszy interfejs użytkownika dla Twojej witryny

4

Mówiąc wprost, użyteczność jest wtedy, gdy uczynisz swoją witrynę wystarczająco łatwą, aby odwiedzający mogli znaleźć wszystko, czego potrzebują, tak łatwo, jak to możliwe.

Wśród firm internetowych panuje powszechna opinia, że ​​wdrożenie użyteczności jest dość drogie.

Jasne, są firmy i ludzie, którzy wydają tysiące na badania i testy użyteczności, ale w codziennej firmie można uzyskać dobrą użyteczność bez uciekania się do ekspertów i bez wydawania pieniędzy na drogi sprzęt do testowania.

Jeśli jesteś projektantem stron internetowych, wszystko jest jeszcze łatwiejsze. Możesz przeczytać artykuły dotyczące użyteczności, a raczej wcześniej niż później będziesz mieć dobrą wiedzę na temat podstaw użyteczności i tego, jak włączyć je do strony internetowej. Poniżej znajduje się kilka wskazówek, które możesz zastosować.

Upewnij się, że znasz swoich odbiorców

Najważniejsze wskazówki, jak zaprojektować dobry interfejs, powinny pochodzić od osób, które z niego korzystają. Jeśli planujesz założyć stronę internetową, powinieneś mieć pojęcie o tym, czego chcą odbiorcy, do których kierujesz reklamy. Jednak układanie rzeczy to zupełnie inna bestia do rozwiązania.

Powinieneś mieć jasne wyobrażenie o tym, jakiego rodzaju konieczność przyciągnie ludzi do Twojej witryny i jak projekt przyciągnie ich dalej. Jeśli jesteś trochę zagubiony, spójrz na konkurencję. Przyjrzyj się najlepszym witrynom w tej dziedzinie i zobacz, co mają ze sobą wspólnego – to często dobry punkt wyjścia.

Jeśli zastosujesz wzorce projektowe, z którymi Twoi odbiorcy czują się komfortowo, sprawią, że poczują się mile widziani i ułatwią im wejście na Twoją witrynę. Następnie wykorzystaj własne podejście do ich wymagań.

Po określeniu docelowych odbiorców sprawdź, jak działają na nich Twoje pomysły projektowe i upewnij się, że bierzesz pod uwagę ich opinie. Praktyczna informacja zwrotna jest bardzo cenna, nie zaniedbuj jej.

Dodaj slogan

Slogan to w zasadzie motto lub stwierdzenie, które reprezentuje misję i filozofię witryny.

Powinien być jednym z najbardziej rzucających się w oczy elementów na pierwszej stronie serwisu i powinien zawierać jasny opis serwisu w jednym zdaniu.

Według badań każda witryna internetowa ma zaledwie 8 sekund na przyciągnięcie uwagi użytkownika, jeśli oczekuje, że będzie on przeglądał ją dalej. Bez jasnego sloganu Twoja witryna będzie miała trudności z utrzymaniem odwiedzających na tyle długo, aby mogli przeglądać witrynę.

Zachowaj prostotę i spójność

Prostota jest kluczowa, gdy mówimy o doskonałym interfejsie użytkownika. Nie mam na myśli po prostu umieszczenia przycisku lub dwóch i dodania kilku animacji, aby rzeczy były interesujące, ale powinieneś ułatwić interakcję i zrozumienie.

Twoi użytkownicy nie powinni mieć problemów z nawigacją, a jako projektant interfejsu powinieneś być w stanie poprowadzić ich z ich aktualnego punktu widzenia tam, gdzie powinni się udać. Aby to osiągnąć, należy wykorzystać takie elementy, jak typografia, kolory i komunikaty zwrotne.

Najlepiej zachować spójność interfejsu w całym projekcie. Oznacza to, że nie powinieneś całkowicie zmieniać rzeczy w każdej części witryny i powinieneś wzmacniać główne aspekty projektu na każdym kroku.

Gdy użytkownicy poruszają się po witrynie, powinni odczuwać naturalny postęp, bez przerywania immersji z powodu pewnych irytujących wyborów projektowych.

Wykorzystaj białą przestrzeń

Chociaż wiele osób narzeka, że ​​całą tę białą przestrzeń można wykorzystać na więcej reklam, rzadko rozumieją, że biała przestrzeń jest w rzeczywistości niezbędna dla dobrze zaprojektowanej strony.

Sprawia, że ​​treść jest dużo bardziej czytelna, a użytkownikowi pozwala skupić się na elementach otaczających tekst.

Jeśli chcesz uzyskać dużo treści w części strony widocznej na ekranie, zbyt duża ilość wolnego miejsca może przeszkadzać niektórym cennym informacjom.

Najważniejszą rzeczą? Znalezienie punktu równowagi między tym, co chcesz najpierw powiedzieć użytkownikom, a otoczeniem tego wystarczającą ilością białej przestrzeni, aby wyróżnić samą treść.

Łatwość nawigacji

Intuicyjna nawigacja jest kluczowa, jeśli chcesz mieć pewność, że ludzie znajdą to, czego szukają.

Przejście z punktu A do punktu B powinno być tak proste, jak to tylko możliwe, a ludzie nie powinni zbyt długo zastanawiać się, gdzie powinni kliknąć dalej – powinno to być intuicyjne.

Spraw, by te przyciski wezwania do działania były atrakcyjne

Twoi klienci są zwykle przyzwyczajeni do podążania za wskazówkami wizualnymi, aby dowiedzieć się, jakie treści są dla nich ważne.

Wezwanie do działania, które jest wyraźnie oznaczone słowem akcji, ułatwi użytkownikowi poruszanie się po witrynie i dotarcie tam, gdzie powinien.

Tworząc przyciski, powinieneś pomyśleć o kolorze, a także o psychologii koloru. Różne kolory będą przekazywać różne komunikaty. Warto zastanowić się, jaki przekaz chcemy przekazać i odpowiednio dobrać kolorystykę.

Następnie pomyśl o samych słowach. Powinny zawierać słowo czynności lub czasownik, które skłonią użytkownika do ZROBIENIA COŚ.

Kiedy wybierzesz właściwe słowa, zadziałają one jak wyzwalacz, a to, ile akcji wywołają, zależy od poziomu emocji, jakie to słowo wywołuje. Jeśli nie ma związku emocjonalnego, nie ma działania. Miej to w pamięci.

Zadbaj o to, aby nagłówki były dobrze zaprojektowane i napisane

Nagłówki i treść zależą od tego, czego faktycznie szukają Twoi potencjalni klienci. Umieszczenie słów kluczowych w tytule jest również bardzo ważne dla przekazania wiadomości właściwym odbiorcom.

Wyszukiwarka zazwyczaj daje przewagę nagłówkowi nad innymi treściami, więc właściwy nagłówek, który się wyróżnia, faktycznie poprawi możliwości wyszukiwania.

Co ważniejsze, nagłówki faktycznie prowadzą użytkownika przez stronę, co oznacza, że ​​intuicyjne nagłówki znacznie ułatwią mu znalezienie potrzebnych treści.

Dobrze wykorzystaj kontrast i kolor

Wybór odpowiednich kolorów dla każdego rodzaju projektu jest właściwie nauką samą w sobie. Jeśli czytasz to teraz, jest bardzo prawdopodobne, że przynajmniej trochę znasz psychologię kolorów, więc nie będziemy w tej chwili wchodzić w szczegóły.

Zamiast tego skupimy się na tym, jak możesz skoncentrować się na wykorzystaniu kolorów do ich największego potencjału, aby uzyskać oszałamiający interfejs.

Kolory przekazują wizualną hierarchię i możesz ich użyć do podniesienia poziomu swoich projektów, ustanowienia dobrych relacji między elementami, a także do utrzymania uwagi użytkowników.

Podczas pracy z interfejsem kolory, których używasz, powinny zachować pewną jednolitość, aby przekazać wskazówki wizualne, a schemat kolorów powinien być jak najmniejszy.

Użyj hierarchii wizualnej

Hierarchia wizualna mówi, że należy uporządkować i rozmieścić elementy strony tak, aby użytkownicy mogli w naturalny sposób dotrzeć do najważniejszych elementów w pierwszej kolejności.

Gdy optymalizujesz wrażenia użytkownika i ogólnie użyteczność, głównym celem jest skłonienie odwiedzających do wykonania pożądanej czynności. Należy to jednak robić w naturalny, przyjemny sposób.

Dostosowując kolor, położenie lub rozmiar niektórych elementów, należy zaprojektować witrynę w taki sposób, aby użytkownicy zwracali uwagę na te elementy, które Twoim zdaniem są ważniejsze.

Jeśli przyjrzysz się, w jaki sposób świetne strony internetowe projektują nagłówki, zauważysz, że wszystkie z nich dobrze wykorzystują hierarchię wizualną.

Typografia jest twoim przyjacielem

Typografia to bardzo elegancki sposób na ustanowienie wizualnej hierarchii, o której mówiliśmy przed chwilą. Jednak nie jest to tak proste, jak wybranie ładnej czcionki i użycie jej w całym projekcie.

Zacznijmy od tego, że wszystkie czcionki mają swoją własną osobowość. I bardzo ważne jest, aby publiczność miała wpływ na twoje wybory. Wreszcie, rozmiar jest również kluczowym czynnikiem, gdy używasz czcionek do projektowania czegokolwiek.

Dodaj wyszukiwanie w witrynie

Możesz maksymalnie ułatwić nawigację po swojej witrynie, ale nie możesz wykluczyć, że ktoś nadal nie będzie w stanie znaleźć tego, czego potrzebuje. W tym miejscu pojawia się wyszukiwanie w witrynie, ponieważ pozwala użytkownikom wyszukiwać wszystko, czego potrzebują, za pomocą pola wyszukiwania.

Dobrą praktyką jest ustawienie pola wyszukiwania na 27 znaków. Jest to dobra szerokość, aby tekst był łatwy w użyciu i dobrze widoczny. Pole tekstowe wyszukiwania powinno znajdować się na górze strony.

Badania pokazują, że większość użytkowników ma tendencję do przeszukiwania witryny przy użyciu wzorca F, od lewego górnego rogu do prawego dolnego rogu, a pole wyszukiwania u góry jest bardzo wygodne.

W polu tekstowym nie używaj wyszukiwanego tekstu, takiego jak „Prześlij" lub „Idź”, ponieważ może to być mylące, a jasno określony tekst wyszukiwania jest łatwiejszy do zrozumienia. Dodaj też przycisk wyszukiwania.

Unikaj 404

Wyszukiwarka może nie ukarać Cię zbyt surowo, jeśli pojawi się błąd Nie znaleziono strony (404), ale użytkownik z pewnością to zrobi. Kiedy klikają obraz lub link, oczekują, że przeniesie ich to do następnego miejsca, do którego powinni się udać.

Jeśli zamiast tego otrzymają błąd 404, łatwo się zirytują. Najprawdopodobniej ponownie zastanowią się, dlaczego spędzili czas w Twojej witrynie i zwrócą się do innych witryn w celu znalezienia rozwiązania.

Błędy 404 są tuż obok wolnego czasu ładowania strony w szeregu rzeczy, które mogą frustrować użytkownika przeglądającego Twoją witrynę.

Powinieneś być responsywny i przyjazny dla urządzeń mobilnych

Obecnie coraz więcej użytkowników uzyskuje dostęp do stron internetowych za pośrednictwem swoich smartfonów. Postęp technologiczny pozwala nam to robić w dzisiejszych czasach i powinieneś nadążać za trendem.

Twoja witryna powinna być łatwa w nawigacji na każdym ekranie, w tym na smartfonie, ponieważ jeśli użytkownik nie może uzyskać do niej dostępu ze swojego smartfona i cieszyć się doświadczeniem, jest szansa, że ​​nie spróbuje tego ponownie na komputerze i nie przejdzie do innej zamiast tego strona internetowa.

Zachowaj przepływ pracy

A kiedy mówię workflow, mam na myśli operacje, które ktoś wykonuje na Twojej stronie. Niezależnie od tego, czy rejestrują się na stronie, wypełniają formularz, czy przeglądają kategorie, te przepływy pracy nie powinny być przerywane.

Zamiast tego daj użytkownikom możliwość anulowania dowolnej operacji. Jeśli nie dasz im takiej opcji, poczują, że zmuszasz ich do ukończenia tego, co nie jest zbyt przyjemne.

Nie każda operacja jest oczywista, a opisowe wskazówki mogą z łatwością przeprowadzić ich przez określony przepływ pracy, na przykład wypełnienie formularza. Link JavaScript jest dobrym przykładem czegoś, co łatwo przerywa przepływ pracy, więc staraj się ich unikać.

Brak zmiany koloru odwiedzanego linku to kolejny błąd. To sprawia, że ​​użytkownik myśli o tym, gdzie był na stronie i gdzie jest obecnie, i bardzo łatwo możesz wyrzucić to z jego myśli.

Spraw, aby Twoje formularze były proste

Formularze to jedna z głównych metod, których użytkownicy będą używać do interakcji z projektami internetowymi. Jest tuż obok klikania i od czasu do czasu przeklinania ich urządzeń, ponieważ coś tak naprawdę nie działa poprawnie.

Głównym problemem jest to, że wielu użytkowników będzie nienawidzić formularzy, które mają palącą pasję, ze względu na liczbę użytkowników. Dlatego powinieneś integrować formularze tak bezboleśnie, jak to tylko możliwe, aby powstrzymać użytkowników przed denerwowaniem się na ich komputery.

Pierwsze pytanie, które należy sobie zadać, brzmi: „Czy naprawdę potrzebuję tego formularza?”. Istnieje wiele sytuacji, w których rejestracja nie jest tak naprawdę konieczna, więc jeśli możesz tego uniknąć, użytkownik będzie szczęśliwszy i nie będziesz musiał projektować dodatkowego interfejsu użytkownika, więc jest to sytuacja korzystna dla wszystkich obydwoje z was. Jeśli jednak rejestracja jest naprawdę konieczna, postaraj się, aby formularze były jak najprostsze.

Utwórz stronę internetową, którą łatwo przeskanować

Jeśli chcesz zatrzymać odwiedzających na swojej stronie internetowej, ważnym czynnikiem jest łatwość czytania i przeglądania jej stron.

Testy użyteczności pokazują, że większość użytkowników tak naprawdę nie czyta całych stron internetowych, zamiast tego po prostu je skanuje i szuka pogrubionego, podkreślonego tekstu, takiego jak tytuły, i szuka list.

Badania eyetrackingowe pokazują również, że użytkownicy będą czytać treści, które wyglądają jak litera F, zaczynając od lewego górnego rogu, przesuwając się nieco w dół i ponownie zaczynając od lewej.

Ważną metodą, której można się nauczyć z tradycyjnej, drukowanej gazety, jest to, że chwytliwy nagłówek, a także chwytliwy pierwszy akapit, sprawią, że będziesz chciał przeczytać cały artykuł. Treść jest zorganizowana w formacie odwróconej piramidy, w której szeroka podstawa zawiera najważniejsze informacje, a informacje stają się mniej ważne w miarę przesuwania się w dół.

Korzystaj z formatowania tekstu i list wypunktowanych

Pogrubiony lub pochylony tekst, a także wypunktowana lista sprawią, że użytkownik zatrzyma się tam na dłużej. Te narzędzia stylu mają charakterystyczny wygląd, który przyciąga uwagę i przyspiesza czytanie, dzieląc informacje i podkreślając to, co jest ważne w funkcjach stylu.

Podzielenie akapitu na wypunktowane punkty ułatwia przeglądanie. Możesz to dodać, podkreślając informacje kursywą i pogrubionym tekstem.

Istotna informacja zwrotna jest niezbędna

Sensowna informacja zwrotna jest głównym kanałem komunikacji między stroną a jej użytkownikami. Korzystając z informacji zwrotnych, informujesz użytkowników o tym, co dzieje się na stronie.

W przypadku błędu przekaż użytkownikom zrozumiałą wiadomość zamiast ogólnego błędu. Wiadomość powinna informować użytkownika, co poszło nie tak i co może zrobić w tym momencie.

Informacja zwrotna działa dwukierunkowo. Kiedy użytkownik wypełnia jeden z twoich formularzy na stronie, w zasadzie przekazuje ci informację zwrotną. Dlatego nie powinieneś zmuszać go do wypełniania tych samych rzeczy więcej niż raz.

Na przykład, jeśli już się zarejestrował i musi później wypełnić formularz, nie pytaj go o informacje, które już ci przekazał, takie jak imię i nazwisko lub cokolwiek innego. Te rzeczy już istnieją, biorąc pod uwagę, że zarejestrował się wcześniej, i możesz je pobrać z bazy danych, utrzymując prostotę dla użytkownika.

Zamykanie rzeczy

Chociaż może się to wydawać zastraszające, projektowanie stron internetowych może dać ci doskonałą okazję do udoskonalenia swojej gry.

Twoja witryna powinna być łatwa w użyciu i prosta w nawigacji oraz powinna zawierać odpowiednie kolory.

Właściwe czcionki są również ważne, a wiadomości zwrotne sprawią, że użytkownicy będą wracać, zamiast ich odpychać. I wreszcie, zachowaj spójność. To pomaga.

Comments are closed, but trackbacks and pingbacks are open.

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów