Po ukończeniu tego kursu będziesz w stanie:

- Stworzyć stronę dostępną dla wszystkich

- Poznać błędy projektantów i administratorów stron internetowych

Jakie są warunki wstępne dla użytecznych stron internetowych?

Użytkownik jest niecierpliwy, pozostaje około 27 sekund na krótkiej przekonującej stronie internetowej.

Są to te linki, które pozwalają użytkownikowi na dostęp do bardziej szczegółowych wyszukiwań.

W jaki sposób obsługiwane są głębokie linki?

 Zadbajmy o przejrzystość naszej strony!

- Nazwa i logo firmy w lewym górnym rogu strony internetowej

- Bezpośredni link do strony głównej

- Pole wyszukiwania, prawy górny róg

88% użytkowników korzysta raczej z wyszukiwarki niż z konkretnej strony internetowej

Wyszukiwarka to:

Zachowanie użytkowników wyjaśnia teoria żerowania na informacji:

Użytkownik jest identyfikowany jako dostawca informacji.

I dla przytoczonej teorii:

im łatwiej jest znaleźć nowe zasoby informacyjne, tym mniej czasu użytkownicy poświęcą na każdy z nich.

Aby użytkownik był zainteresowany przeglądaniem Twojej strony:

SERP (Search Engine Results Page) to strona z wynikami wyszukiwania.

Za każdym razem, gdy użytkownik zadaje wyszukiwarce pytanie, jako odpowiedź otrzymuje uporządkowaną listę, która składa się z dwóch rodzajów LINKÓW:

organicznych i sponsorowanych.

Linki organiczne: znalezione w sieci jako najlepsza odpowiedź dla użytkownika

Linki sponsorowane: reklama.

Aby ocenić, jak przyciągnąć użytkownika z ich odpowiedzi, firma, która zarządza witryną oceni, ile będzie w stanie zapłacić za każde słowo kluczowe i złoży ofertę do wyszukiwarki.                                                                                              

Reklama słów kluczowych

Podejścia do projektowania witryn: standardy, konwencje i zamieszanie

Za pośrednictwem wyszukiwarki użytkownik, wpisując 2/3 słowa, zobaczy tylko pierwsze wyniki SERP.

Te strony, które będą wyświetlane, jeśli nie wydają się ważne, zostaną opuszczone przez użytkownika w ciągu 2 minut.

Najbardziej znaną koncepcją poszukiwania informacji jest koncepcja zapachu informacji: śledzenie informacji.

Użytkownicy, niczym zwierzęta łowne, oceniają możliwość sukcesu poprzez ustalenie czy ścieżka, którą podążają, doprowadzi ich do celu.

Upewnij się, że strona nie ma dobrej treści, ale trudnej w użyciu lub łatwej  w użyciu, ale mało interesującej.

Obecnie niezwykle łatwo jest użytkownikom znaleźć strony o wysokiej jakości, ale w rzeczywistości, jeśli strona nie pozwala na osiągnięcie celu, użytkownik porzuci ją z przekonaniem, że znajdzie przydatne informacje gdzie indziej.

Wykorzystanie łącza internetowego znacznie zmieniło podejście użytkownika.

Łącza internetowe umożliwiają obecnie bycie zawsze podłączonym i zachęcają do “podjadania informacji”.

Krótkie wyszukiwanie online w celu uzyskania SZYBKICH odpowiedzi

Doświadczony użytkownik spędza mniej czasu na odwiedzaniu strony niż nowicjusz, z tego powodu:

Użytkownik może być samolubny, leniwy i bezwzględny w analizowaniu kosztów i korzyści z danej strony.

Podczas testowania stron nie zawsze możliwe jest zwrócenie uwagi na problemy  związane z użytecznością. Na stronie z tego powodu projektanci nie zawsze radzą sobie z tymi trudnościami, które napotykają użytkowników.

Projektanci często źle oceniają niektóre problemy, nazywając je małymi, choć dla użytkownika są to bardzo konkretne problemy i źródło ogromnej frustracji.

Problemy użyteczności zostały podzielone na 3 makropoziomy:

• POZIOM 1: drobny problem, który zazwyczaj nie powoduje awarii strony
• POZIOM 2: problem o średnim wpływie: konieczne jest rozwiązanie problemu, ale może nie być na szczycie priorytetów projektanta witryny.
• POZIOM 3: problem, który ma duży wpływ na użyteczność strony.

 Każda krytyczna ocena miejsca musi uwzględniać tę kwestię

Linki, które nie zmieniają koloru po odwiedzeniu: POZIOM 3

W 74% witryn link zmienia kolor, dlatego użytkownik oczekuje takiej konwencji.

Jeśli tak się nie stanie, użytkownik nie będzie rozumiał, w którym miejscu strony się znajduje i innych dostępnych opcji.

Istnieje jednak wyjątek dla linków, które nie zmieniają koloru: LINKI AKTYWNE, te nie zmieniają koloru, gdy ta sama akcja związana z linkiem może być powtarzana kilka razy.

Przycisk “wstecz”, który nie działa: POZIOM 3

Przycisk "wstecz" jest drugą funkcją używaną podczas przeglądania stron internetowych. Strona internetowa (pierwsza z nich to linki).

Zalety:

Prawo Fittsa: wskazywanie i klikanie obiektu na ekranie

Prawo Fittsa mówi, że czas potrzebny na dotarcie do celu (punktu na ekranie) w zadaniu celowania zależy od:

-  odległości obiektu,

Otwieranie nowych okien przeglądarki: POZIOM 3

Klikając na link lub przycisk użytkownik oczekuje, że nowa strona zajmie miejsce aktualnej.
Aby anulować tę akcję, użytkownik spodziewa się, że będzie musiał kliknąć "wstecz".

Niechciane okna zanieczyszczają SPACE - SCREEN. Co więcej, użytkownik nie zawsze może znaleźć przycisk do ich zamknięcia.

PAMIĘTAJ: użytkownik, który chce mieć więcej okien, jest ekspertem i dlatego wie, jak je otworzyć. 

Otwieranie nowych okien przeglądarki: POZIOM 3

SZKODLIWE DZIAŁANIE:

Wytyczne dotyczące otwierania treści niebędących stronami internetowymi

PAMIĘTAJ: jednym z powodów użyteczności jest uwzględnienie ogromnej różnorodności umiejętności i zdolności użytkowników

Okna POP-UP: POZIOM 3

Użytkownicy są zawsze zirytowani przez pop-up’y i mają tendencję do instalowania oprogramowania do ich blokowania.

Legalne zastosowania pop-up’ów są również błędnie interpretowane, ponieważ mają one wątpliwą reputację.

Wyskakujące okienka są często używane dla stron pornograficznych lub hazardowych.

Pop-up: najbardziej znienawidzona technika reklamowa.

Części interfejsu, które wyglądają jak reklamy: POZIOM 3

Użytkownik ma tendencję do bronienia się przed niechcianymi informacjami w sieci, ponieważ często jest atakowany przez próby przykucia uwagi  poprzez odwrócenie jego uwagi od celu.

Użytkownik jest "ślepy na banery": potrzeba, aby nie rozpraszały go informacje pozornie nieistotne lub reklamy.

Części interfejsu, które wyglądają jak reklamy: POZIOM 3

Boksy graficzne mogą być łatwo zamienione na reklamę poza stroną.

RADA EKSPERTA: stosuj na swojej stronie proste linki tekstowe, które przyciągają bardziej niż elementy graficzne, ponieważ są kontekstowe i dają wrażenie wiarygodności.

Naruszenie konwencji internetowych: POZIOM 3

Użytkownicy stosują w witrynie oczekiwania eksploatacyjne, które wyrobili sobie, odwiedzając inne witryny.

Średnio masz 1 minutę i 49 sekund, aby przekonać użytkownika do skorzystania ze strony.

Słaba treść i swobodna sensacyjność: POZIOM 3

Wiele firm na swoich stronach nie ma tendencji do mówienia jasno i prosto. Jest to problem dla użytkowników, z których prawie wszyscy są niecierpliwi, ponieważ spędzają mało czasu na każdej stronie.

Jak sprawić, aby strona była lepiej widoczna przez wyszukiwarki?

SEO (Search Engine Optimization): jasne i proste słowa, dlatego więcej konkretny tekst będzie miał lepszą pozycję w wyszukiwarkach.

Bogata treść i brak sensacji: POZIOM 3

Jeśli chodzi o wyszukiwanie informacji: duże bloki tekstu odciągają użytkownika od strony, użytkownik musiałby się zbytnio natrudzić, aby osiągnąć cel.

Jak powinny wyglądać teksty internetowe?

Powinny być: krótkie, przystępne, napisane tak, aby można je było raczej skanować niż czytać

Ewolucja technologiczna i jej wpływ na użyteczność

Chociaż sieć zmieniła się radykalnie od 1990 roku, wytyczne dotyczące użyteczności pozostały niezmienne.

Użyteczność jest problemem ludzkiego zachowania, a ludzie nie ewoluowali  od dekady.

Z 34 wymienionych problemów z użytecznością, 7 zostało zredukowanych dzięki ewolucji: przeglądarki, przepustowości i Internetu.

7 problemów z użytecznością, które zostały znacząco zredukowane:

Wyszukiwanie na stronie z niewielką ilością odpowiednich wyników: POZIOM 2

Wiele stron w przeszłości miało naprawdę słabe możliwości wyszukiwania i nie nadawało priorytetu ich wynikom

Nawet dzisiaj, niewiele stron posiada naprawdę wydajną i funkcjonalną wyszukiwarkę zdolną do zaspokojenia potrzeb użytkownika w krótkim czasie.

Multimedia i wideo: POZIOM 3

Wideo i multimedia są dziś akceptowalne z trzech powodów:

Zamrożone układy: POZIOM 2

Układ jest zablokowany, gdy informacje w nim zawarte mają stałą szerokość niezależną od okna, które je zajmuje.

TESTY PRZYDATNOŚCI mówią, że: użytkownicy nie znoszą poziomego przewijania.

Użytkownik oczekuje przewijania w pionie. Jeśli strona może przewijać się zarówno w poziomie jak i w pionie, użytkownik musi poruszać się w dwóch wymiarach, co jest TRUDNE.

Zamrożone układy: POZIOM 2

Zablokowane układy generują trudności, ale ich krytyczność spadła z poziomu 3 do 2, ponieważ średnie i duże ekrany rozpowszechniły się wśród użytkowników.

Najbardziej odpowiednią propozycją dla strony internetowej jest "płynny układ", który rozszerza się i kurczy dostosowując się do okna, w którym się znajduje.

Niekompatybilność między platformami: POZIOM 2

Jak użytkownik wpływa na użyteczność

Z czasem użytkownik przystosował się do środowiska internetowego i nabył większą umiejętność korzystania ze stron internetowych.

Użytkownik dostosowuje się więc do problemów, które przez lata traciły poziomy w rankingu problemów użyteczności, o którym mowa powyżej.

Niepewna klikalność: POZIOM 1

Przewijanie: POZIOM 2

Użytkownik jest odporny na przewijanie stron internetowych, często sam decyduje gdzie chce przejść bez przewijania zawartości.

Nawet najbardziej doświadczony użytkownik potrzebuje wizualnych wskazówek, aby wiedzieć, że strona jest kontynuowana poza tym, co jest widoczne.

Dlatego też należy zadbać o to, aby projekt witryny nie sugerował stron końcowych tam, gdzie ich nie ma.

Rejestracja: POZIOM 1

Kiedy korzystanie z Internetu stało się powszechne, rejestracja w witrynie stanowiła barierę, ponieważ ludzie nie wiedzieli, czy zaufać witrynom i podać im swoje dane osobowe. Obecnie wiele witryn przeprojektowało swoje procesy zakupowe w taki sposób, aby umożliwić użytkownikowi dokonanie zakupu bez rejestracji.

Użytkownik będzie musiał podać informacje takie jak numer karty, ale uzna to za mniej inwazyjne, ponieważ jest to część sprzedaży.

Strony, które wymagają przedwczesnej rejestracji (a jest ich wiele) tracą wielu klientów.

Skomplikowane URL: POZIOM 2

URL - co to jest? Jest to ciąg znaków, który jednoznacznie identyfikuje adres stronę internetową.

Chociaż powodują one problemy z użytecznością i pozycjonowaniem w wyszukiwarkach, pozostają krytycznym problemem.

Większość stron powinna mieć adres URL o długości od 20 do 50 znaków.

Użytkownik-ekspert jest w stanie ręcznie zmodyfikować złożony adres URL, ale zdarza się to bardzo rzadko.

Menu rozwijane i hierarchiczne: POZIOM 1

Samokontrola: Jak projektanci ograniczyli problemy z użytecznością.

Doświadczenie projektantów pozwoliło na ograniczenie 13 problemów związanych z użytecznością.

Jednak zdarza się, że napotyka na niektóre z tych problemów, jeśli projektanci są początkujący.

Na kolejnych slajdach wymienimy te 13 problemów, które z czasem ulegają poprawie

Plug in (nieautonomiczny program, który interweniuje w celu rozszerzenia funkcji nieobecnych w głównym oprogramowaniu) i najnowocześniejsze technologie: POZIOM 1

Strony, które zmuszały do korzystania z wtyczek lub do aktualizacji oprogramowania straciły wielu klientów.

Do tej pory klienci wiedzą, jak zamknąć okno nie akceptuje.

Interfejs użytkownika 3D: POZIOM 1

Są one problematyczne w użyciu, ponieważ trójwymiarowe obrazy są wyświetlane na dwuwymiarowej powierzchni, ekranie, i sterowane za pomocą dwuwymiarowego narzędzia, myszy.

Większość aplikacji internetowych nie ma z natury potrzeby trójwymiarowości.

Wzornictwo barokowe: POZIOM 1

Na szczęście strony z barokowym i hiperbolicznym designem są coraz mniej popularne.

Strony powitalne: POZIOM 1

Strony małych i średnich firm często za bardzo dbają o stronę powitalną, a nie o potrzeby użytkownika.

REZULTAT: użytkownik otrzymuje komunikat, że witryna bardziej dba o wygląd niż o rozwiązanie jego problemów

Nie należy ujawniać, kto jest źródłem informacji: POZIOM 1

Niezwykle ważne jest, aby być rozpoznawalnym, wzbudzać zaufanie i wiarygodność. Aby strona odniosła sukces, użytkownicy muszą wiedzieć, kto za nią stoi, jak jest finansowana i czy jest wiarygodna.

Konieczne jest posiadanie sekcji "O nas", która pozwala użytkownikowi na uzyskanie wszystkich informacji na temat strony i "sprzedawcy" produktu.

Wymyślone słowa: POZIOM 1

Kiedy rozwijał się internet, modne było umieszczanie wymyślonych słów na swojej stronie.

Wymyślone słowa zmniejszają użyteczność, ponieważ użytkownicy nie mają pojęcia, co one oznaczają.

Wymyślone słowa frustrują również rankingi wyszukiwarek, ponieważ użytkownik nigdy nie będzie szukał słowa, którego nie zna.

Treść datowana: POZIOM 2

Problem wysokopoziomowy dla mniejszych stron.

Duże witryny, profesjonalnie zarządzane, starają się, aby wszystkie ważne strony były aktualne.

Całkowicie niespójne strony: POZIOM 2

Firmy od 2000 roku starają się zaprezentować klientowi za pomocą spójnych stron internetowych, które składają się z powiązanych ze sobą podstron.

Jedyny problem pojawia się, gdy firmy mają część strony stworzoną przez różnych projektantów.

Przedwczesne prośby o podanie danych osobowych: POZIOM 2

Jeśli strona zbyt szybko staje się natrętna, użytkownik odmawia odpowiedzi na pytania.

Przed zadawaniem pytań strona musi zbudować swoją wiarygodność.

Niektóre strony błędnie uważają, że wczesne proszenie o dane osobowe jest dobrym chwytem marketingowym. W rzeczywistości, to przeraża użytkownika i powoduje, że opuszcza on stronę.

Wiele miejsc: POZIOM 2

Często istnieje wiele mikrostron związanych z kampaniami reklamowymi. Wiele. stron tak, ale muszą być powiązane z tą samą witryną.

Strony osierocone: to takie strony, które nie mają żadnych linków i ten, kto na nie trafi, nie może się nigdzie dostać.

W sieci użyteczność nie odgrywa dramatycznej roli, ale może zadecydować o tym, czy strona odniesie sukces, czy nie.

Zgodnie z badaniami witryn internetowych, problemy użyteczności zostały sklasyfikowane według poziomów krytyczności:

- Wysoki

- Średni

- Niski

Pamiętaj: jedna trzecia trudności, jakie użytkownicy napotykają podczas odwiedzania strony, to można przypisać dwóm podstawowym cechom.

BADANIA I DOSTĘPNOŚĆ.

Co sprawia, że użytkownik się myli?

Istnieją krytyczne kwestie, które użytkownicy są w stanie powstrzymać.

Problem badań i architektury informacji często prowadzi do błędów, ponieważ jeśli użytkownik nie może znaleźć tego, czego szuka, reszta schodzi na dalszy plan.

Słaba czytelność powoduje, że użytkownik opuszcza stronę i nie zauważa informacji.

TRUDNE LUB BRAKUJĄCE INFORMACJE: są przyczyną 19% błędów.

Czy to wystarczy, aby poradzić sobie z najpoważniejszymi problemami?

Jeśli użytkownik jest stale nękany przez małe problemy na tej samej stronie, skończy się na tym, że nie będzie miał wielkiego zaufania do strony; w rzeczywistości, jeśli małe problemy dają ogólne negatywne wrażenie, użytkownik opuści stronę i nigdy na nią nie wróci.

Ważne jest, aby mieć informacje, których szuka użytkownik i przedstawić je w jasnm języku, aby strona odniosła sukces!

Dlaczego wyszukiwanie w obrębie strony musi być lepsze niż w sieci ogólnej?

Jak lepiej wyszukiwać:

Wytyczne “web usability” wyjaśniają, jak zaprojektować dobrą funkcję wyszukiwania, która odpowiada oczekiwaniom użytkownika.

Przycisk "szukaj".

Interfejs wyszukiwania powinien pojawić się w prawym górnym rogu, ponieważ to właśnie tam użytkownik go szuka.

Powinna być na każdej stronie serwisu, ponieważ nie można przewidzieć, kiedy użytkownik się zgubi i gdzie to nastąpi.

Często użytkownik korzysta z wyszukiwania we wszystkich kategoriach, aby ocenić szerokość wyników: zawężając wyszukiwanie ryzykuje, że straci interesujące go wyniki.

Długość zapytania i pola wyszukiwania

Dłuższe pole wyszukiwania jest lepsze z dwóch powodów:

Zalecamy 27 znakowe pole wyszukiwania, wystarczająco duże, aby pomieścić 90% zapytań bez przewijania tekstu.

Wyszukiwanie kontekstowe:

Wyszukiwanie ograniczone do danego kontekstu. Jest to przydatne, gdy użytkownicy chcą uzyskać wyniki tylko z określonego obszaru.

Może to być niebezpieczne, ponieważ: Użytkownicy mogą nie rozumieć, że większość wyników jest. filtrowana.

Ponadto użytkownik może myśleć, że to, czego szuka, znajduje się w części serwisu, nie może tego znaleźć w wyszukiwaniu kontekstowym, mimo że serwis ma bogatą ofertę w tym zakresie.

Wyszukiwanie kontekstowe:

Wyszukiwanie ograniczone do danego kontekstu. Jest to przydatne, gdy użytkownicy chcą uzyskać wyniki tylko z określonego obszaru.

Może to być niebezpieczne, ponieważ: Użytkownicy mogą nie rozumieć, że większość wyników jest filtrowana.

Ponadto użytkownik może myśleć, że to, czego szuka, znajduje się w części serwisu, nie może tego znaleźć w wyszukiwaniu kontekstowym, mimo że serwis ma bogatą ofertę w tym zakresie.

Best Bet: te strony, które mogą być nominowane jako najlepszy wynik dla określonych zapytań.

Nie ma sposobu, aby powiedzieć zewnętrznej wyszukiwarce, które strony Twojej witryny są najważniejsze dla każdego zapytania.

Ale dla każdego silnika strony i dla najważniejszych zapytań można stworzyć listę posortowanych wyników zwaną Best Bet.

To musi:

Sortowanie SERP:

Serp jest zazwyczaj sortowany według trafności.

Daj użytkownikom możliwość sortowania odpowiedzi według atrybutów (cena, data, itp.) może to być przydatne.

Wskazane jest, aby dać możliwość wyboru, czy chcemy zamawiać w sposób ROSNĄCY czy MALEJĄCY.

Brak wyników w SERP:

Ważne jest, aby wskazać użytkownikowi brak wyników zapytania, ponieważ może to skłonić go do oczekiwania na zakończenie wyszukiwania, jeśli nie ma informacji, że zostało ono już zakończone.

Tylko jeden wynik w SERP:

Jeśli zapytanie daje tylko jeden wynik, nie jest zalecane przenoszenie użytkownika na stronę "Znaleziono stronę".

Wyświetlanie strony internetowej zamiast strony z wynikami może być mylące dla użytkownika.

SEO: Search Engine Optimization

Jest to zestaw metod, dzięki którym można poprawić pozycję strony w wyszukiwarce.

Akceptowalne metody SEO dotyczą 3 obszarów:

SEO na języku

Istotne jest, aby wyrażać się w słowach, które użytkownik zna i używa.

Dzieje się tak dlatego, że wyszukiwarki mają tendencję do nadawania większej wagi słowom, które pojawiają się w nagłówkach.

Użytkownicy skanują wynik i często czytają tylko tytuł

Nie ma sensu przyciągać większej liczby użytkowników tylko po to, żeby się od nich odbijać, bo strona jest zniekształcona lub niepraktyczna.

Metody odkrywania języka użytkownika Twojej witryny to własne logi (do odkrywania zapytań używanych przez użytkowników) oraz testy.

WAŻNE: Pomyśl o SEO w kategoriach fraz kluczowych, te mają tendencję do prowadzenia wielu. użytkowników / klientów.

SEO na architekturze

Jest to ważne dla:

Upewnij się, że strony witryny są indeksowane.

- Zadbaj o odpowiednią strukturę linków, która poprowadzi przez treść programy, które surfują po sieci zbierając informacje dla silników (pająków).

- Upewnij się, że istnieje precyzyjna sekwencja linków od strony głównej do każdej strony, którą chcesz widzieć zaindeksowaną w wyszukiwarkach.

Reputacja SEO

Wyszukiwarki zwracają dużą uwagę na reputację stron.

Robią to poprzez zliczanie liczby linków kierujących do danej witryny.

Kluczowa koncepcja: Jeśli wiele stron uważa Twoją stronę za godną zaufania, oznacza to, że Twoja strona jest ważna.

LINK: decydujące kryterium dla reputacji w sieci.

Nawigacja i architektura informacji:

Dobrze skonstruowana strona daje użytkownikom to, czego szukają, kiedy tego szukają.

Największe problemy z wyszukiwaniem sprawiają 4 cechy, które łącznie nazywane są DOSTĘPNOŚCIĄ.

Findability określa jak łatwo jest znaleźć coś przeglądając stronę, a nie używając funkcji wyszukiwania.

4 funkcje, które wspólnie nazywane są DOSTĘPNOŚCIĄ:

PAMIĘTAJ, ŻE:

Nawigacja: spójna struktura nawigacji pomaga użytkownikowi.

Elementy nawigacyjne i ich położenie (pasek, nazwy sekcji, przycisk "wstecz") to kroki, które pomagają użytkownikowi przejść z jednej sekcji strony do drugiej.

Nawigacja to ŚRODEK. CELEM jest umożliwienie użytkownikowi dotarcia do poszukiwanej treści.

Każdy rodzaj dynamicznej nawigacji musi być przede wszystkim łatwy w użyciu.

Testy i badania pozwoliły to zrozumieć:

LINKI, PRZYCISKI, NAKLEJKI: musisz być konkretny!

Należy upewnić się, że użytkownik z łatwością rozumie i wie, jak korzystać z przycisków nawigacyjnych.

Hierarchiczne menu (menu i podmenu)

Powinny być one używane w niewielkim stopniu i nie mogą mieć więcej niż 2 poziomy.

Należy zadbać o to, aby dynamiczne menu pozostawało na ekranie wystarczająco długo, aby użytkownik mógł dokonać wyboru.

Menu, które wymagają zbyt dużej precyzji oraz otwierają się i zamykają przy każdym ruchu myszy, są trudne do opanowania

Czy mogę to kliknąć?

ZASADA: nigdy nie stwarzaj użytkownikowi wątpliwości co do klikalności czegoś.

Zaleca się przestrzeganie standardów: NIEBIESKIE I PODKREŚLONE LINKI.

Kiedy użytkownik jest w stanie zrozumieć, na co pozwala mu dana strona, możemy powiedzieć, że użyteczność tego interfejsu jest dobra.

BEZPOŚREDNI DOSTĘP DO STRONY GŁÓWNEJ: ważne jest, aby na stronie głównej umieścić bezpośrednie linki do niewielkiej liczby szybkich operacji.

Typografia i czytelność strony

Aby stworzyć pozytywne pierwsze wrażenie na stronie i utrzymać je przez całą witrynę, musisz wybrać czcionki i kolory, które działają najlepiej w sieci.

Nawet dzisiaj czytelność stron pozostaje problemem. Nieważne jak ładna jest strona, jeśli użytkownik nie czyta tekstu, będzie to strona skazana na porażkę.

Właściwe użycie typografii i odpowiednie kombinacje kolorów są podstawowymi elementami dobrego projektu wizualnego.

Typografia i czytelność strony

Żadna czcionka i żaden rozmiar nie są odpowiednie dla każdej publiczności i każdej sytuacji.

Przyjemna bryła (rozmiar) i dobry kontrast między tekstem a tłem sprawiają, że strona jest czytelna i wygodna dla wszystkich grup wiekowych.

Wybierając rozmiar tekstu na swojej stronie, preferuj większy korpus (zadowoli to wszystkich użytkowników), niż tracić dostęp do samej strony.

CZĘŚĆ GŁÓWNA TEKSTU: ZASADA 10 PUNKTÓW

Minimalna wartość rozmiaru tekstu nigdy nie powinna być mniejsza niż 10 punktów.

Typografia i czytelność strony:

Wybór treści na stronie jest bardzo ważny, ponieważ gęste teksty trzymają użytkowników z daleka.

Używanie czcionek (Times, Calibri, itp.), które są bardziej czytelne w dużym formacie jest ważne, ponieważ nie wszyscy użytkownicy używają nowych maszyn z dobrej jakości ekranem.

Stopniowo wszyscy użytkownicy będą korzystać z większych schematów, które pozwalają na efektywne korzystanie z sieci i aplikacji.

Do tego czasu należy przewidzieć stosowanie małych monitorów o niskiej rozdzielczości.

Specyfikacja względna:

Zaleca się względne określenie rozmiaru tekstu na stronie.

Oceń

Konieczne jest zapewnienie możliwości korzystania z Twojej strony przez użytkowników z wadami wzroku: zapewnij możliwość zmiany wielkości tekstu.

Wybierz czcionkę (font)

Nie wszystkie maszyny mają możliwość odczytywania określonych czcionek.

Większość przeglądarek używa następujących preinstalowanych czcionek:

Jaką czcionkę wybrać w razie wątpliwości?

Jeśli nie jesteś pewien, jakiej czcionki użyć w przypadku "Verdany", nie mylisz się.

Jest popularna na wielu platformach, działa dobrze w małej rozmiarze i jest czytelna na ekranie.

Użycie czcionek i kolorów:

PRZECIWKO DUŻYM LITEROM

Tekst pisany dużymi literami czyta się o 10% wolniej niż tekst pisany małymi literami.

Ogranicz użycie wielkich liter do krótkich tytułów

Słowa pisane małymi literami są łatwiejsze do odczytania, szczególnie w przypadku, gdy tekst ma mały kontrast z tłem i jest podkreślony.

Kontrast między tekstem a tłem

Ślepota na kolory

8% mężczyzn i 0,5% kobiet na świecie ma ślepotę barw,

Głównie do czerwonego i zielonego, to znaczy, że nie może ich odróżnić.

Dlatego radzimy zachować ostrożność na swojej stronie, ponieważ niewłaściwa kombinacja kolorów może być nieczytelna.

Jak sprawić, by kolory się wyróżniały:

- Nie należy używać kolorów o silnych różnicach w intensywności, lepiej czerni i bieli.

- Nie polegaj na kolorze, aby odróżnić informacje od siebie, trzeba zróżnicować inny atrybut w tekście.

Zdjęcia tekstów:

Strona, która opiera się na grafice, rodzi różne problemy.

Obrazy i tekst:

Strona, która opiera się na grafice, rodzi różne problemy.

Ruchomy tekst:

Migający lub przesuwający się tekst odwraca uwagę użytkownika od tego, co chce zrobić.

Przesuwanie tekstu jest problematyczne dla użytkowników, którzy muszą tłumaczyć podczas czytania. Dzieje się tak, ponieważ użytkownik chce decydować o swojej szybkości czytania bez konieczności ulegania wpływom czynników zewnętrznych.

Dla osób z wadami wzroku i/lub problemami neurologicznymi, przesuwanie tekstu nie pozwala na skupienie się i utrzymanie kontaktu wzrokowego.

Pisz dla sieci

Przyjemna wizualnie strona jest dobra, ale jakość treści jest ważniejsza.

Aby przyciągnąć i zatrzymać odwiedzających na stronie, ważne jest, aby zaproponować solidne i przejrzyste treści oraz zapewnić skuteczny i intuicyjny dostęp do tych treści.

Pisanie dla sieci: Słabe pisanie niszczy stronę

Nieuporządkowana treść może utrudniać proste czynności w sieci, takie jak wybór produktu.

W rzeczywistości, jeśli strona ułatwia znalezienie odpowiedzi, użytkownik ufa i powraca.

Dobry design pomaga odwiedzającemu być zadowolonym, ale to nie wystarczy.

Jak czyta użytkownik:

Użytkownik dostosowuje każdą strategię, aby zaoszczędzić czas.

W rzeczywistości, daje pierwsze spojrzenie, aby uzyskać pomysł na stronie internetowej i jeśli to konieczne, przechodzi do szczegółów treści.

Jeśli strona nie ujawnia szybko tego, co ma w zanadrzu dla użytkownika, użytkownik się męczy i opuszcza ją bez możliwości powrotu na tę stronę.

Pisz dla czytelników:

Jeśli nie masz redaktora lub doświadczonego redaktora stron internetowych, powinieneś go zatrudnić.

Jest to konieczne, ponieważ treści wymagają specjalistycznej wiedzy.

Informacje muszą zostać przefiltrowane i przetworzone, aby mogły zostać  dopuszczone przez typowego użytkownika.

Konieczne jest pisanie prostych i zwięzłych treści, aby okazać szacunek dla czasu użytkownika.

WYTYCZNE DOTYCZĄCE JAKOŚCI TEKSTÓW INTERNETOWYCH:

Kiedy autopromocja jest uzasadniona:

Przy pokazywaniu wyników o szczególnej wartości, w celu uzyskania autorytatywnego wrażenia bez przesady.

FORMATOWANIE TEKSTU, ABY BYŁ CZYTELNY:

Podkreśl słowa kluczowe:

Zwróć uwagę na konkretne części strony.

Zamiast tego wyróżnij długie akapity: daje to poczucie natłoku i nie pozwala wyróżnić tego, co ważne.

POLECAMY:

Używaj krótkich tytułów i nagłówków, powinny one przekazywać wiadomość za pomocą niewielu słów.

Hierarchia tytułów:

Listy: wypunktowane lub numerowane

ZASADY:

PAMIĘTAJ: krótkie akapity są łatwiejsze do opanowania, dobrym pomysłem jest nie przekraczać 5 zdań.

Wskazówki dotyczące formatowania listy:

Jak prezentować produkty

Aby sprzedawać lub promować online, musisz dać ludziom informacje, których potrzebują do świadomego i świadomego zakupu.

Przewiduj pytania klientów i upewnij się, że odpowiedzi na nie są łatwe do znalezienia.

Ważne jest, aby być bezpośrednim, tak, że użytkownik może łatwo znaleźć cenę produktu: Dodatkowe koszty (podatki i wysyłka) muszą być wyjaśnione na pierwszej stronie koszyka, jeśli nie wcześniej.

Zdobądź zaufanie klienta

Klienci ufają witrynie, która potrafi jasno wytłumaczyć produkt.

NIEZBĘDNE:

Zdobądź zaufanie klienta

Typowym i poważnym błędem jest sytuacja, w której użytkownik klika na "powiększ", a strona pokazuje to samo zdjęcie lub powiększa je nieco.

Lepiej jest dać sekwencję zbliżeń, aby umożliwić pełny widok wszystkich szczegółów produktu, którego szuka użytkownik.

Podziel strony

Nie zasypuj swoich klientów informacjami, nie musisz pokazywać wszystkich szczegółów w jednym rozwiązaniu.

Dobrze jest rozłożyć informacje na kilka warstw.

Poniższy slajd zawiera listę informacji, do których należy zamieścić link.

Utwórz linki dla następujących informacji:

Wspieranie zakupów porównawczych:

Nie wystarczy sprowadzić użytkownika na Twoją stronę, trzeba go jeszcze zainteresować.

Mniejszy wybór będzie skutkował lepszym doświadczeniem zakupowym.

Umożliwiają stopniowe zawężanie kryteriów wyboru i dokonywanie porównań "obok siebie".

UDOSKONAL I ZAMÓW: jeśli posiadasz stronę z wieloma produktami, daj użytkownikowi możliwość wyboru i wyświetlenia najbardziej odpowiednich  wyników.

Wysokiej jakości treści pomagają w sprzedaży

Układ treści, pamiętaj o tym: Użytkownik ocenia stronę na podstawie pierwszego wrażenia.

Częste błędy układu na stronach internetowych:

- Układ graficzny nie podkreśla znaczenia informacji

- Interakcje bez wskazań

- Sekcje powiązane nie pogrupowane

- Chaotyczne lub nieobecne ułożenie

- Sprawy nie toczą się zgodnie z oczekiwaniami

- Zbyt wiele elementów na jednej stronie

Jak uniknąć błędów w układzie:

ZASADA 3 KLIKNIĘĆ: wszystkie informacje na stronie powinny być dostępne ze strony głównej za pomocą maksymalnie 3 kliknięć.

Czy strona musi się przewijać?

Użytkownik prawie nigdy nie przewija strony.

Projektując stronę można spodziewać się minimalnej ilości przewijania, ale najważniejsze treści muszą być wyświetlane jako pierwsze.

4 zasady przewijania:

Prowadź użytkownika krok po kroku

Gdy wyszukiwanie jest podzielone na kilka etapów, użytkownik musi być prowadzony liniową i przewidywalną ścieżką, bez dezorientowania go zbyt wieloma wyborami.

PODOBNE DO PODOBNYCH: Zbierz powiązane elementy, aby mieć pewność, że zostaną zauważone.

Formularze paginowane bez logiki

Jeśli pola są rozmieszczone w sposób przypadkowy i nieuporządkowany, trudno jest powiązać każde pole z etykietą, która je identyfikuje.

Konieczne jest więc: odpowiednie ułożenie elementów z przewiewnymi odstępami, co pozwala użytkownikowi na rozpoznanie różnych grup  informacji i relacji, które je łączą.

Spełnienie oczekiwań użytkownika: to, czego oczekuje użytkownik, zależy od konwencji przyjętych w większości witryn.

Wykorzystaj pustą przestrzeń:

Równowaga między technologią a potrzebami użytkowników

Wraz z upowszechnieniem się szybkich łączy, coraz większą popularnością cieszą się strony multimedialne.

Wykorzystanie multimediów: odpowiednio zintegrowane, mogą promować użyteczność poprzez uczynienie treści nie tylko bardziej zabawnymi  i angażującymi, ale także bardziej dostępnymi.

Aby stworzyć udaną stronę internetową, musisz wiedzieć, jaki stopień interaktywności jest Ci potrzebny i jakich narzędzi użyć w każdej sytuacji.

W związku z rozwojem szybkich połączeń sieciowych sieci multimedialne stają się coraz rozpowszechnione.

Wykorzystanie multimediów: zintegrowane w sposób uważny mogą sprzyjać użyteczności, czyniąc treści nie tylko bardziej zabawnymi i interesującymi, ale także bardziej przystępnymi.

Aby stworzyć stronę internetową, która odniesie sukces, trzeba wiedzieć, jakie stopnie interakcji zastosować i jakie narzędzia wykorzystać w danej sytuacji.