Projektowanie witryn a znaczenie spójnego układu graficznego

| By

Zanim użytkownik zacznie czytać propozycję, przeglądać zdjęcia czy szukać danych kontaktowych, musi najpierw wyszukać się w układzie witryny. To właśnie na tym etapie wychodzą na jaw decyzje podjęte w trakcie planowania. W praktyce tworzenie stron internetowych na prawdę bardzo często wymaga pogodzenia kilku różnych potrzeb: właściciel woli pokazać możliwie na prawdę dużo informacji, a osoba odwiedzająca stronę zazwyczaj szuka dokładnie sprecyzowanej odpowiedzi i nie woli przekopywać się przez zbędne treści.

Z tego powodu znaczenie ma kolejność poszczególnych wycinków, nazewnictwo menu oraz sposób prowadzenia użytkownika wśród podstronami. Problem pojawia się wówczas, gdy struktura powstaje bez wcześniejszego uporządkowania materiałów. Późniejsze dodawanie kolejnych działów może powodować powielanie informacji albo tworzenie kilku miejsc, w których znajdują się podobne treści. Przy większej liczbie podstron szybko staje się również widoczne, czy przyjęty przedtem schemat można rozszerzać bez przebudowy całej witryny.

Nieco całkiem inaczej wygląda praca nad warstwą wizualną. Projektowanie witryn internetowych nie sprowadza się do dobrania kolorów, krojów pisma i fotografii, ponieważ właściwie każdy element powinien mieć swoje miejsce też w kontekście wielkości ekranu. Układ przygotowany na monitorze może wymagać modyfikacji po przejściu na telefon. Długi nagłówek może zostać podzielony na kilka wierszy, szeroka tabela może przestać być czytelna, a rozbudowane menu może zająć sporą część ekranu. W tak zaistniałych okolicznościach nie zawsze wystarczy mechaniczne pomniejszenie elementów. Czasami należy przemienić ich kolejność albo zrezygnować z części informacji wyświetlanych w tej samej chwili. Warto również zwrócić uwagę na zdjęcia i materiały graficzne. Bardzo duże pliki mogą zwiększać czas ładowania, jednak nadmierna kompresja może pogorszyć ich wygląd. Te ograniczenia są w szczególności istotne na wortalach, które zawierają sporo zdjęć, katalogi produktów lub rozbudowane galerie.

Dodatkowe informacje: SEO Warszawa.

Comments are closed.