Wytyczne UX

zasady tworzenia skutecznych stron internetowych

poradniki
Dbanie o UX czyli User Experience to w obecnych czasach obowi膮zek, ka偶dego w艂a艣ciciela strony czy sklepu internetowego. Co zrobi膰 aby nasza witryna by艂a przyjazna u偶ytkownikowi. Wystarczy trzyma si臋 kilku zasad niby nic ale jednak co艣.

Dost臋pno艣膰

  • Optymalna szybko艣膰 艂adowania si臋 strony zar贸wno desktop, jak i mobile;
  • Odpowiedni kontrast mi臋dzy t艂em a tekstem na stronie;
  • Rozmiar tekstu i odst臋py u艂atwiaj膮ce czytanie;
  • Brak zb臋dnych wtyczek i animacji zaburzaj膮cych przegl膮danie strony;
  • Przejrzysta strona b艂臋du 404;
  • Obrazy posiadaj膮 odpowiednie atrybuty ALT;
  • Przyjazne adresy URL;
  • Tytu艂y stron s膮 zwi臋z艂e i obja艣niaj膮 znajduj膮c膮 si臋 na nich tre艣膰.

Identyfikacja wizualna i to偶samo艣膰 witryny

  • Wyra藕nie i czytelnie umieszczone logo firmy;
  • Cel witryny i obszar dzia艂alno艣ci najlepiej na g艂贸wnej stronie;
  • 艁atwy i przejrzysty uk艂ad podstron i menu;
  • Informacje o gromadzeniu cookies i przetwarzaniu danych osobowych;
  • 艁atwo dost臋pne dane uwierzytelniaj膮ce firmy;
  • Certyfikat SSL.

Nawigacja

  • G艂贸wna nawigacja jest intuicyjna i 艂atwa w identyfikacji;
  • Linki i przyciski s膮 prawid艂owo odr贸偶nione od reszty element贸w;
  • Dobrze widoczna i niezawodna wyszukiwarka wewn臋trzna.

Tre艣膰 strony

  • Czytelne nag艂贸wki;
  • Najwa偶niejsza zawarto艣膰 strony znajduje si臋 nad foldem;
  • Pogrubienia, podkre艣lenia u偶yte z g艂ow膮 i nie nachalne;
  • Stylowanie jest sp贸jne na ca艂ej stronie;
  • Nienachalne reklamy i pop-upy, kt贸re mo偶na 艂atwo wy艂膮czy膰;
  • Bardzo dobra jako艣膰 u偶ytych obraz贸w i baner贸w;
  • Wyst臋powanie tzw. white-space dla swobodnego skanowania strony.

Formularze

  • Formularze s膮 zwi臋z艂e i przejrzyste;
    Brak zb臋dnych p贸l;
  • Potwierdzenie pomy艣lnego przes艂ania formularza;
  • B艂臋dy wy艣wietlane s膮 w obr臋bie b艂臋dnie wype艂nionych p贸l, a nie na g贸rze strony;
  • Checkboxy s膮 艂atwe do zaznaczenia, a tre艣ci zg贸d w pe艂ni czytelne.

e-commerce

  • Strona produktowa w艂a艣ciwie wzywa do dzia艂ania dzi臋ki przyciskom oraz zachowaniu standard贸w karty produktowej;
  • Intuicyjna struktura kategorii i drzewa kategorii z jasnym podzia艂em na kategorie pierwszego, drugiego i trzeciego rz臋du;
  • Optymalna ilo艣膰 krok贸w zam贸wienia lub koszyk w szablonie One Page;
  • Informacje o dostawie, p艂atno艣ci i polityce zwrot贸w s膮 艂atwo dost臋pne z ka偶dego miejsca na stronie.

Responsywno艣膰 Mobile Friendly

  • Strona jest w pe艂ni responsywna i jest dostosowana do rozdzielczo艣ci urz膮dze艅 mobilnych;
  • Zawarto艣膰 strony mobilnej jest wy艣wietlana prawid艂owo; brak 鈥瀝ozjechania鈥 sekcji i element贸w;
  • Wa偶ne elementy posiadaj膮 odpowiedni膮 wielko艣膰 i s膮 艂atwo klikalne na mniejszej rozdzielczo艣ci.