Darmowy Preselik - dobra jakość

Projektowanie stron internetowych - wygodne i użyteczne strony Rozważania dotyczące projektowania stron wygodnych i użytecznych. Właściwe kolory, po co grafika, jednolity wygląd, co ważne a co nie, polskie litery, parę słów o nawigacji. W tym artykule opowiem o zadaniach stojących przed projektantem stron, o konieczności dbania o jednolity wygląd witryny, trochę o funkcjach grafiki w projektowaniu stron internetowych, trochę o tym jak kodować polskie strony i opisywać obrazki, jakie kolory internauci lubią najbardziej i co mówi o tobie twoja witryna. Temat tego artykułu czyli Internet zmienia się bardzo dynamicznie wiec radzę przedstawione poniżej zagadnienia traktować jako raczej przemyślenia niż jednoznacznie obowiązujące reguły.

Projektowanie stron internetowych > Właściwe kolory tła i czcionki Stosuj duży kontrast między kolorem tła i tekstu. Białe tło i ciemny (czarny, granatowy, ciemno szary) tekst jest lepiej odbierany niż odwrotna kombinacja. Spotkałem się również z opinią, że ciemnoszary tekst na białym tle na dłuższą metę mniej meczy wzrok niż czarny tekst na takim samym tle. Grafika na stronach Grafika w Internecie powinna służyć jakiemuś celowi. Jeżeli nie zwraca na nic uwagi, nic nie wyjaśnia, nie pomaga czegoś zrozumieć czy wywrzeć zamierzonego wrażenia - wyrzuć ją. Projekt graficzny musi ułatwiać zrozumienie zawartości Dobry design (czyli projekt graficzny strony internetowej) powinien sprawiać aby nawet skomplikowane informacje były zrozumiałe i łatwe do zapamiętania. Mogą pomóc w tym tabele czy schematy.

Użytkownicy często klikają na takie schematy, idealnie byłoby więc powiązać je przy pomocy odnośników z zagadnieniami, które reprezentują. Zadbaj o jednolity wygląd projektowanych stron Strony internetowe wchodzące w skład jednej witryny powinny tworzyć spójną całość, i to zarówno jedna w stosunku do drugiej jak i również z treścią, którą przekazują. Typ i kolor czcionek, barwy linków czy grafika - to wszystko powinno być utrzymane w podobnym klimacie. Nie oznacza to oczywiście, że te elementy powinny być identyczne - chodzi o to aby użytkownik nie zastanawiał się czy przypadkiem nie opuścił naszej witryny. A oto inne elementy pomagające zachować jednolity wygląd przy projektowaniu stron internetowych: ta sama szerokość kolumny tekstu, równe wcięcia akapitów, wyrównywanie tekstu (do lewej, prawej, obustronne) odstęp między liniami tekstu, jednolite wyróżnienia elementów zawartości (tytuły, nagłówki, cytaty). Wszystko to musi być na tyle przejrzyste i proste, aby użytkownik był w stanie “nauczyć” się szybko poruszać po stronach i wyszukiwać tam informacji. Idealna sytuacja ma miejsce wtedy gdy design staje się przezroczysty a użytkownik widzi tylko informacje. Cała oprawa graficzna powinna działać trochę jak znaki drogowe - informować i wskazywać, ale nie absorbować uwagi. Jednolity design ma jeszcze jedną zaletę - często pozwala na stosowanie tej samej grafiki na wielu stronach, co ma niebagatelny wpływ na szybkość ich ładowania.

Podobny wygląd całej witryny najłatwiej osiągnać używając szablonów dostępnych w wielu programach do projektowania stron lub jeszcze lepiej używajac stylów kaskadowych CSS. Oddziel ważne od nieważnego To kolejne zadanie stojące przed projektantem stron internetowych. Projekt graficzny musi pomóc czytelnikowi odróżnić na pierwszy rzut oka informacje ważne od mniej istotnych. To zadanie może ułatwić np. podział tekstu na sekcje opatrzone nagłówkami pierwszego, drugiego, trzeciego poziomu. Do dzielenia informacji na logiczne częsci można stosować również poziome linie (ostrożnie), proste elementy graficzne czy choćby wolną, bialą przestrzeń. Pamiętaj jednak, że odstęp sugeruje brak związku logicznego a podobienstwo graficzne wskazuje na powiązanie logiczne dwóch lub więcej części przekazu.

Witryna odzwierciedla charakter jej wlaścicielaJak wcześniej wspomniałem grafika powinna być spójna i jednolita. Powinna także oddawać charakter autora czy właściciela witryny. Spróbujcie np.: opowiadać o cieple domowych pieleszy ilustrując to grafiką w kolorach takich jak poniżej (możliwe ale niełatwe). Barwy te odbierane są jako zimne, stwarzające dystans. Z drugiej strony kolory z pogranicza zieleni i żółci, szczególnie te mocno nasycone odbierane są jako witalne, “biologiczne”, żywotne. Bazujac na odpowiednim doborze kolorów można przekazać odbiorcy bardzo istotną informację o charakterze osoby czy firmy. Zainteresowanych tematem kolorów w grafice odsyłam do dobrego artykułu Dmitra Kirsanowa pt. “The world of color” (po angielsku).

Skupiaj się na zawartości Projektując strony internetowe pamiętaj aby grafika, design - ogólne cała powłoka nie tłumiła przekazywanych informacji. Dlatego np. należy ostrożnie używać niestandardowych czcionek, odciąga to uwagę czytelnika od treści, sprawia że staje się ona trudniejsza do uchwycenia (pomijam tu zupełnie trudności techniczne jakie niestandardowe czcionki mogą powodować). Standard kodowania ISO 8859-2 Do kodowania stron napisanych po polsku używaj wyłącznie starndardu ISO 8859-2, w tym celu pomiedzy znacznikami umieść ten fragment kodu Na polskiej stronie ogonkowej znajdziesz więcej informacji na ten temat Opisuj obrazki za pomocą znacznika ALT Wszystkie obrazki na stronach opisuj za pomocą znacznika ALT ponieważ niektórzy używają przeglądarek z wyłączonym ładowaniem grafiki czasem nie warto czekać aż załaduje się cała strona, żeby od razu przejść na inną znacznik ALT może zawierać słowa kluczowe i tym samym podnosić ich liczbę na stronie wpływając pozytywnie na twoją pozycję w rankingach niektórych (już niewielu) wyszukiwarek. przeglądarki osób niewidomych potrafią czytać na głos znaczniki ALT