Archive for category Strony www

Dobór kolorów na przy tworzeniu strony internetowej

Kompozycja strony www i jej kolorystyka powinny być adekwatne do jej tematyki. Jako, że strona internetowa pełni także role marketingowo-reklamowe, jej forma jest często równie ważna jak treść oraz aspekty techniczne.

Istnieje sposobów zapisu (kodowania) kolorów (a możne nawet kilkadziesiąt). Najbardziej znane to RGB i CMYK. System zapisywania kolorów za pomocą przestrzeni barw RGB (R-red, G-green, B-blue) jest wykorzystywany w aparatach cyfrowych, telewizorach, skanerach i przede wszystkim w monitorach komputerów. Tworząc strony www koduje się dany kolor za pomocą 6 liter i cyfr np. kolor biały to #ffffff.

Pewnego stopnia uciążliwością w tworzeniu stron www oraz jakichkolwiek grafik na potrzeby internetu, jest fakt, że różne rodzaje monitorów, ich różna kalibracja, powodują, że często kolory inaczej wyglądają na poszczególnych urządzeniach, mogą mieć inne odcienie, a czasem gdy monitor ma słaby kontrast, niektórych odcieni w ogóle nie widać. Bywa, ze różne typy przeglądarek też trochę inaczej odczytują kod danego koloru. Należny się liczyć z powyższymi aspektami projektując stronę www. Dobrze jest powiadomić o tym klienta przed wykonaniem zlecenia. Warto też przetestować stronę www na różnych urządzeniach.

Jak wspomniałam na początku kolorystyka strony powinna być adekwatna do jej tematyki np. strony prawnicze, ekonomiczne tworzy się w stonowanych, złamanych kolorach; strony dla dzieci w kolorach żywych, a np. dot. produktów kosmetycznych w pastelowych. Moim zdaniem jednak warto czasem złamać reguły, aby strona była ciekawa i wyróżniała się spośród tysiąca podobnych.

Zwykle tworząc stronę internetową wybiera się jeden dominujący (raczej stonowany) kolor, stosuje na poszczególnych podstronach jego odcienie, a w celu wyróżnienia ważnych kwestii np. obniżki cenowe dobiera się pasujący zwracający na siebie uwagę kolor np. czerwony lub pomarańczowy. Raczej nie powinno się stosować więcej niż 3 kolory (i ich odcienie) tworząc dany układ graficzny. Są pewne zasady doboru kolorów do siebie pasujących np. ładne wygląda połączenie koloru niebieskiego z żółtym; fioletowego z zielonym; ecru z bordowym. W projektowaniu stron czy innych elementów graficznych tak jak wszędzie istnieją trendy np. często obecnie łączy się kolor niebieski z brązowym, różowy z szarym, morski z pomarańczowym. Mimo to, regułę doboru pasujących kolorów też czasem przyda się złamać np. łącząc z pozoru nie pasujące do siebie kolory takie jak szary i brązowy. Dzięki temu strona może stać się oryginalna i niebanalna.

Jedyną zasadą, której łamania bym unikała jest spójny i konsekwentny dobór kolorów. Nawet jeśli kolory są z pozoru brzydkie i nie pasujące do siebie, ale robi się to świadomie i cała kompozycja jest w jakimś sensie kompletna, to daje wrażenie celowości, a z drugiej strony propozycja graficzna jest niebanalna. Właśnie z tego samego powodu dobrze jest zachować tą samą kompozycję kolorystyczną tworząc stronę www, banery, reklamy, ulotki, wizytówki, i inne materiały reklamowe dla jednej firmy lub jednego produktu. Spójna szata kolorystyczna wszystkich projektów graficznych ułatwia zapamiętanie konkretnej marki lub nazwy firmy przez klienta, dany kolor kojarzy się z firmą lub produktem.

Naszym podstawowym celem jest zwiększenie ruchu na stronie www, zapamiętanie firmy, a w konsekwencji doprowadzenie do zakupu produktu lub usługi, czyli działania potencjalnego klienta. To on jest w tym całym przedsięwzięciu najważniejszy. Jednakże bardzo dużo zależy też od firmy (osoby) zlecającej wykonanie strony www i to ona ostatecznie akceptuje lub nie dany projekt. Grafik komputerowy może tylko podsuwać lub sugerować poszczególne rozwiązania.

, , ,

No Comments

Krok 4 - nie zapominaj o najważniejszym - nie szkodzić!

Najważniejszym czynnikiem, jaki decyduje o tym czy internauta skorzysta z naszej oferty nie jest promocja i widoczność strony a jej wygląd i budowa. Strona słabo widoczna w sieci ma porównywalne szanse przynieść realne korzyści właścicielowi co dobrze widoczna strona zawierająca masę błędów różnego rodzaju.

Błędy w kodzie strony

O ile walidacja kodu strony nie zawsze może się przekładać na gorszą widoczność w wyszukiwarkach, o tyle może powodować niepoprawne działanie pod różnymi przeglądarkami. 3 główne przeglądarki internetowe to Firefox, Internet Explorer i Opera. Jeśli strona nie “sypie się” pod nimi, to znaczy, że nie jest najgorzej.

Nawigacja

Zła i zbyt skomplikowana nawigacja na stronie potrafi szybko zniechęcić internautów. Złą nawigacją może być taki opis menu, który nieprecyzyjnie oddaje treści do jakich prowadzi. Sporym minusem może być również nieumiejętne rozplanowanie treści względem podstron jak również zbyt długi czas pojawiania się menu po przejściu na podstronę - spotykane zazwyczaj przy stronach naszpikowanych animacjami. Warto pamiętać o odpowiednim rozmieszczeniu i kolejności odnośników w menu. Staraj się tak układać menu aby Twój potencjalny klient poruszał się po nim płynnie. Odnośniki takie jak dojazd i kontakt powinny pojawiać się na samym końcu. Jeśli nasza strona zawiera wiele podstron a jej struktura z konieczności jest dość złożona zadbaj o umieszczeniu na każdej podstronie linku w menu do mapy strony (czyli takiej podstrony, na której zamieścisz drzewko struktury nawigacyjnej na swojej stronie).

Czas ładowania

Coraz więcej stron budowanych jest w technologii flash. Mają one tą wadę, że w przypadku skomplikowanych animacji potrafią się ładować dość długo w porównaniu ze stronami wykonanymi np w HTML+CSS. Wszystko zależy oczywiście od zawartości i można znaleźć wiele wyjątków od tej reguły, jednak najważniejsze aby pamiętać, że osoba, która szuka w internecie informacji zazwyczaj chce ją uzyskać szybko i w jak najmniejszej liczbie kliknięć. Jeśli przypadkowo ma słabe łącze (jest szereg stron, które przy przepustowości 1Mbit/sek potrafią się ładować pół minuty) - może się nie doczekać na załadowanie strony lub stracić po minucie cierpliwość (zazwyczaj traci dużo szybciej).

Ergonomia i funkcjonalność

Zaliczyć do tego należy oczywiście szybkość ładowania strony jak i wiele wspomnianych wcześniej cech. Jeśli nie jesteś pewien czy Twoja strona jest funkcjonalna zapytaj kogoś, kto nie jest biegły w obsłudze komputera. Mysz w rękę i sprawdź jak ta osoba porusza się po Twojej stronie. Z czym ma problemy i czy wszystko jest dla niej zrozumiałe. Nie używaj zbyt małych czcionek (chyba, że Twoim targetem jest młodzież - ona ma zazwyczaj dobry wzrok :)) Użyj niemęczących oczu kolorów. Nie używaj czarnego tła w połączeniu z białą lub czerwoną czcionką ! Niektórym wydaje się, że taka strona ma lepszy “klimat”, ale jedyne co taka strona ma to szansa na szybkie zamknięcie przez internautę. Sam jeśli mam przeczytać tekst na stronie o wysokim kontraście niejednokrotnie kopiuję go do edytora tekstu.

Intro

Spotkałem się z określeniem, że strona powinna zawierać ciekawe intro, które zachęcałoby do wejścia na nią. To tak jakby powiedzieć, że dom powinien być otoczony ładnym płotem, który zachęca do wejścia do domu. Jeśli ktoś już znajduje się na naszej stronie to intro jest tym, co przeszkadza w obejrzeniu strony. Intro w większości przypadków wpływa też negatywnie na widoczność strony w wyszukiwarkach, nie zapominając również, że część użytkowników internetu odrzuci naszą stronę przed zakończeniem intra bądź naciśnięciem klawisza “pomiń intro”.

Piękno i powab.

Strona nie musi być piękna aby spełniała swoją rolę (poza paroma wyjątkami). Najlepiej by była oryginalna, a co najważniejsze czytelna. Powinna zawierać unikalne treści, które byłyby wartościowe dla osób odwiedzających naszą stronę. Treści takowe również są wysoko oceniane przez pajączki wyszukiwarek.

, , , ,

No Comments