Jakich błędów nie możesz popełnić na swojej stronie internetowej?

Niekiedy nawet najnowsza i wcale nie najtańsza strona internetowa już na samym początku użytkowania może przysparzać sporo problemów natury czysto praktycznej. Istnieje wiele, pozornie drobnych elementów, które mogą negatywnie wpłynąć na to, czy Twój odbiorca zostanie na Twojej stronie, czy zdecyduje się z niej wyjść. Przedstawiamy krótki przewodnik po popularnych błędach na stronach internetowych, które obniżają komfort ich użytkowania.

1. Nieczytelne bannery

Na początek jeden z najbardziej rzucających się w oczy elementów, czyli banner. Ma on mieć charakter informacyjny i marketingowy. Posługuj się krótkimi sloganami i hasłami. To nie jest miejsce na blok tekstu, napisany w dodatku dowolną czcionką. Rozplanuj rozkład banneru, pogrupuj treści, a przede wszystkim, nie przesadź z ich ilością.

2. Nieczytelne i uciążliwe menu

Przy menu również pojawia się często problem nieodpowiedniego dobrania czcionki lub jej koloru, która na tle strony, może okazać się mało widoczna lub zupełnie nieczytelna. Samo rozwijanie menu tez może okazać się uciążliwe w niektórych przypadkach, np. gdy zdecydujesz się na kilka dodatkowych menu. W zależności od rodzaju Twoich usług lub produktów, warto pomyśleć o tym, aby menu maksymalnie uwidocznić, jednocześnie maksymalnie uproszczając. Przy wysuwanych menu można spotkać się z problemem braku przycisku zamykającego, co wymusza klikanie poza wysunięty panel, aby menu przestało zasłaniać nam treści. Osobną, lecz niestety również zdarzającą się sprawą jest pusty wysuwany panel, bez menu, które powinno się w tym miejscu znaleźć. To można zaliczyć już jako typowy błąd w kodowaniu strony lub po prostu brak pomysłu na treść witryny.

3. Zbyt duże odstępy między sekcjami

Pozostawiając zbyt dużo pustego miejsca między kolejnymi elementami strony, czyli np. pomiędzy bannerem a blokiem tekstu, znacząco obniżasz jakość swojej strony pod względem wizualnym. Jest to niewykorzystana przestrzeń, którą użytkownik musi po prostu „przejechać”, aby dostać się do dalszej części witryny. Pozornie drobny element, lecz jednak jeden z pierwszych, które można zauważyć, gdy sprawa dotyczy strony głównej.

4. Problemy z szerokością elementów

To może dotyczyć praktycznie każdego elementu na stronie, szczególnie, gdy mamy do czynienia z wersją mobilną witryny. Przykładem może być wspomniane już wcześniej wysuwane menu, które rozwinie się na szerokość całego ekranu, a będę w nim umieszczone przecież pojedyncze słowa oraz hasła. Pozostawia to mnóstwo wolnego i nieestetycznie wyglądającego miejsca.

5. Sztywno umieszczony sidebar

W sidebarze można umieścić dodatkowe odnośniki do podstron itp. Powinien jednak dopasowywać się on chociażby do rozdzielczości ekranu urządzenia, z którego korzystamy. „Przytwierdzenie” go w jednym miejscu na stałe sprawi, że niekiedy może przysłaniać on treść strony i stać się nie pomocnym, lecz irytującym elementem, który będziemy chcieli jedynie zamknąć.

6. Zachodzenie elementów na siebie

Ten kłopot wychodzi w praktyce bardzo często przy stronie responsywnej. Cały problem jest w nieodpowiednim dopasowywaniu się poszczególnych sekcji, obrazów i innych części strony do rozdzielczości ekranu danego urządzenia, co może powodować właśnie zachodzenie ich na siebie. Jak tego uniknąć? Wybrać twórcę strony doświadczonego w projektowaniu stron na różnego rodzaju urządzenia i zweryfikować projekt nie tylko na komputerze stacjonarnym.

7. Niepraktyczne buttony

Buttony można określić po prostu jako dodatkowe „przyciski” na stronie, w które możemy kliknąć. W ich przypadku możemy spotkać się z niepraktycznym obszarem „klikalnym”, którym może być nie cały button, lecz np. kropka na jego środku, czy sam tekst. W skrajnych przypadkach kliknięcie może okazać się niemal niemożliwe, szczególnie dla osób starszych, czy niezbyt obytych z komputerem. Dobrze zatem, aby każdy element, taki jak kafelek, czy button cały był elementem, który możemy kliknąć i wywołać pożądaną akcję.

8. Zbyt duże grafiki

Najkorzystniejszym rozwiązaniem dla funkcjonowania Twojej strony będzie wykonanie każdej grafiki w rozmiarze wymaganym dla danego elementu. Nawet jeśli rozmiar będzie automatycznie dopasowywany i grafika wyświetlać się będzie poprawnie, to zdjęcie zachowa swoją wagę. Oznacza to po prostu, iż dłużej będzie się wczytywać i opóźniać poprawne wyświetlenie Twojej strony. Każde zdjęcie powinno być zatem właściwie zeskalowane, przycięte, a sam plik nie może ważyć tyle, ile najwyższej jakości zdjęcia z Twojego aparatu fotograficznego.

9. Zbyt mały kontrast

Ta kwestia dotyczy głównie elementów aktywnych, klikalnych. Tekst na nich jest zbyt mało kontrastowy w stosunku do tła, ponieważ często twórcy stron decydują się na różne odcienie tego samego koloru. Może jest to spójne z koncepcją strony i całej szaty graficznej, lecz na pewno nie jest praktyczne, a sam tekst w danym miejscu można zwyczajnie przeoczyć.

Jak widzicie, praktycznie żaden z wymienionych błędów nie jest czymś drastycznym, przekreślającym od razu wartość całej strony internetowej. Gdy jednak podczas jednej wizyty na stronie użytkownik spotka się z kilkoma podobnymi, bardzo uciążliwymi drobnostkami, to z pewnością nie zaliczy tej wizyty do udanych i nie zechce do Ciebie powrócić. Każdy taki drobny element wpływa po prostu na to, czy z Twojej strony internetowej korzysta się sprawnie i wygodnie, czy też nie. Pamiętaj o tym!