4 wyzwania w tworzeniu przyjaznego dla użytkownika projektu strony internetowej

Aby stworzyć stronę internetową, która jest dostępna, należy ją zaprojektować i rozwijać w taki sposób, aby wszyscy użytkownicy mieli równy dostęp do informacji, funkcjonalności i funkcjonalności strony. Ale twój czas jest ograniczony. Zanim skończysz to zdanie, ktoś odwiedzi i opuści Twoją witrynę. Jeśli nie dasz swoim odwiedzającym powodu, by zostać, zniknęli.

Wysoki współczynnik odrzuceń jest wskaźnikiem braku zainteresowania odwiedzających. Użytkownikowi może być całkowicie w porządku, aby sprawdzić jedną stronę, zwłaszcza jeśli jest to komunikat prasowy lub inny fragment treści związany z wydarzeniem. Ale Twoim celem powinno być zbudowanie relacji z odwiedzającymi.

Sukces w projektowaniu stron internetowych mierzy się tym, jak skutecznie komunikuje się z odwiedzającymi i kieruje nimi. A biorąc pod uwagę, jak trudno jest przyciągnąć użytkowników w erze post-reklamowej, trudniej jest włączyć dobry projekt strony internetowej bez wychodzenia na zbytnio sprzedażową. W tym miejscu pojawia się przyjazny dla użytkownika projekt strony internetowej.

Pomyśl o swojej witrynie jak o poligonie doświadczalnym – naprawdę musisz improwizować wygląd i sposób nawigacji, a to wymaga rozwiązania pewnych problemów projektowych. Zanim się do nich zagłębimy, ważne jest, aby przedyskutować, dlaczego tak ważna jest przyjazność dla użytkownika.

Większość stron internetowych ma współczynnik odrzuceń na poziomie 85% – co oznacza, że ​​znaczna część wysiłków związanych z generowaniem leadów idzie na marne. Jeśli ruch pochodził z reklam Google, to dobre marnowanie budżetu PPC. Dlatego zawsze zalecamy staranną optymalizację stron docelowych przed uruchomieniem kampanii PPC.

Zwykle jest to ekskluzywna wiedza agencji zajmującej się projektowaniem stron internetowych, która starannie żongluje celami biznesowymi z przyjaznością dla użytkownika. To bardzo skomplikowane zadanie, które wymaga wielu prób i błędów, aby było dobrze, ale można to zrobić.

Oto 4 wyzwania związane z interfejsem użytkownika, które należy rozwiązać podczas tworzenia przyjaznej dla użytkownika strony internetowej.

1. Włączenie elementów GUI

Czy widziałeś te radykalnie nowe przyciski, linki, przyciski i paski przewijania używane obecnie w tak wielu witrynach internetowych? Choć wyglądają imponująco i profesjonalnie wykonane, czy zadałeś sobie pytanie, czy utrudnia to życie użytkownikowi?

Jeśli odpowiedź na to pytanie brzmi „tak”, to właśnie straciłeś sporą część użytkowników.

Projekt strony internetowej, bez względu na to, jak elegancki i efektowny, musi stawiać na pierwszym miejscu i w centrum użyteczności. Jeśli element GUI pomniejsza ogólną użyteczność, lepiej całkowicie go usunąć. W projektowaniu stron internetowych musisz priorytetowo traktować dostępność, użyteczność i estetykę: w tej kolejności. Przyciski i przewijanie w poziomie powinny być używane tylko wtedy, gdy możesz zagwarantować, że nie będą mylić użytkowników.

Oto przyjemna praktyczna zasada, o której należy pamiętać przy projektowaniu stron internetowych: jeśli wprowadzasz nowy element projektu tylko ze względu na postęp, lepiej go unikać.

2. Unikaj menu nawigacji, jeśli ich nie potrzebujesz

Wielu projektantów interfejsu użytkownika bierze nowatorskie pomysły projektowe i po prostu je przesadza. Dobrym przykładem może być menu Hamburger i nieskończone przewijanie. Oba trendy nabrały rozpędu i są wykorzystywane z lekkomyślną rezygnacją przez tysiące stron internetowych; to, czy architektura informacji wymaga tych menu, jest całkowicie odrębną kwestią.

Nieskończone przewijanie wygląda dobrze tylko wtedy, gdy wymaga tego architektura informacji. Dobrym przykładem mogą być Twitter, Facebook, Google Images i różne witryny e-commerce; w takim przypadku nieskończone przewijanie jest wystarczającym rozwiązaniem. Ale zadaj sobie pytanie: w jaki sposób Twoi użytkownicy znajdą i oznaczą treści, które naprawdę im się podobają?

Jak przeszliby tam iz powrotem od wybranej przez siebie treści? Jak będą poruszać się po natłoku informacji, które im rzucasz?

Pojawia się również menu Hamburger: magiczne menu nawigacyjne, które sprawia, że ​​nawigacja jest dla odwiedzających spacer po parku – a przynajmniej tak się wydaje. Jego nazwa pochodzi od jego projektu: to znaczy składa się z trzech poziomych linii, które przypominają hamburgera. I podobnie jak jego prawdziwy odpowiednik, menu hamburgerowe ma na celu zaoszczędzenie miejsca.

Ale jest to ikona, która bardzo dezorientuje użytkowników. Na początek, czy ludzie w ogóle klikają menu z hamburgerami? A nawet jeśli tak, to jeśli pozycje menu są tak ważne, czy nie powinny zajmować bardziej widocznego miejsca na ekranie?

Menu jest ważne tylko wtedy, gdy może osiągnąć dwie rzeczy:

• Mówią użytkownikowi, gdzie się znajduje
• Pokazują ci, gdzie jeszcze możesz się udać

Menu hamburgerów, jeśli nie są zrobione poprawnie, mogą być okropne w obu przypadkach, ponieważ menu nie jest wyświetlane na ekranie i nie jest wystarczająco widoczne.

Jednak dobrą wiadomością jest to, że menu hamburgerów stało się dość wszechobecne – można je znaleźć niemal wszędzie, od aplikacji, przez strony internetowe, po gry wideo. Dotarli nawet do druku. To ikona, która zapadła w umysły internautów i stała się synonimem nawigacji. Ludzie znają go i mogą na nim polegać podczas nawigacji. Jest bardzo podobny do tego, jak użytkownicy wiedzą, że ikona domu to miejsce, w którym przechodzisz do menu głównego, a ikona kosza to miejsce, w którym usuwasz pliki.

W przestrzeniach cyfrowych, w których trudno jest znaleźć nieruchomości wizualne, takich jak strony internetowe i aplikacje mobilne, menu hamburgerów może zaoszczędzić miejsce. W końcu nigdy nie powinieneś przytłaczać odwiedzających zbyt dużą ilością wyborów. Dzieje się tak, ponieważ gdy użytkownikom przedstawia się zbyt wiele możliwości wyboru, w ogóle ich nie dokonują.

3. Tworzenie responsywnej strony

Obecnie większość ruchu online pochodzi z urządzeń mobilnych. Strony internetowe na komputery są oczywiście niezbędne, ale powinny być łatwo ładowane również dla użytkowników mobilnych. Ostatnią rzeczą, jakiej chcesz, jest odwrócenie uwagi odbiorców z powodu okropnych wrażeń na urządzeniach mobilnych. W dzisiejszych czasach tworzenie witryn mobilnych stało się tak łatwe, że niewybaczalne jest nieuwzględnienie ich w swoim projekcie.

Istnieją wtyczki WordPress i przystępni projektanci interfejsu użytkownika, dzięki którym Twoja witryna będzie bardziej responsywna.

Poniżej znajdują się trzy kluczowe elementy strony responsywnej:

Siatka płynna: Stałe wartości procentowe pozwalają użytkownikom z różnymi rozdzielczościami ekranu i urządzeniami widzieć ten sam ekran, jak wszyscy inni.

Adaptacyjne obrazy i tekst: Obrazy i rozmiary czcionek nie mogą być takie same dla wszystkich urządzeń, dlatego musisz dostosować kod, aby ładował się w pełni zoptymalizowany dla każdego innego urządzenia. Wymaga to ostrożnych zmian w kodzie witryny, na przykład w pliku CSS.

Zapytania o media: jeśli udało Ci się zaimplementować kody dla dwóch powyższych scenariuszy, czas je zebrać. Zapytanie o media informuje, co konkretnie wyświetlać na komputerach i urządzeniach mobilnych.

4. Szybka prędkość ładowania

Większość użytkowników ma bardzo niską koncentrację uwagi i rywalizujesz o każdą mijającą sekundę. Dzisiejszy użytkownik online po prostu nie ma cierpliwości, aby czekać dłużej niż 2 sekundy na załadowanie strony internetowej.

Chcesz zwiększyć szybkość strony? Istnieje wiele kreatywnych sposobów na zrobienie tego bez wydawania większych pieniędzy na hosting:

Skompresowana witryna internetowa: obrazy i filmy cieszą tłumy, ale zbyt duża ilość multimediów może w rzeczywistości odwrócić uwagę od ogólnego wrażenia i spowolnić działanie witryny. Oprócz starannego korzystania z obrazów, kompresuj swoje witryny za pomocą rozwiązań takich jak RIOT, Smush.it itp.

Podziel obrazy: nie jest dobrym pomysłem ściskanie wszystkich informacji na jednej stronie. Bardziej korzystne jest umieszczenie w witrynie kilku krótkich stron w celu szybszego ładowania, a także zapewnia większą przewagę SEO.

Czyste kodowanie: Wyszukiwarki używają robotów indeksujących, aby zrozumieć, o czym jest Twoja strona. Jeśli pomylisz je ze skomplikowanym kodowaniem, zmusi to tylko do poświęcenia czasu lub, co gorsza, całkowitego zignorowania Twojej witryny. Dlatego zawsze traktuj priorytetowo czyste kodowanie.

Jak podchodzisz do nawigacji na swojej stronie? Daj nam znać w komentarzach poniżej.

Biografia autora -

Faye Eldridge jest założycielem i dyrektorem The Fyami Marketing group limited. Fyami to ciekawa firma zajmująca się projektowaniem stron internetowych i doradztwem marketingowym w Londynie, która zapewnia generowanie popytu, pielęgnację leadów, media cyfrowe, społecznościowe oraz ogólne wsparcie i rozwiązania marketingowe. Naszą misją jest pozyskiwanie większej liczby firm w tej opartej na technologii erze cyfrowej. Faye wierzy w pozytywny wpływ, przejrzystość, różnorodność, dociekliwość, wytrwałość i dzielenie się wiedzą. Posiada tytuł magistra i obecnie uczestniczy w doktoranckich badaniach biznesowych dotyczących współpracy CMO i CTO.