Jak powinna wyglądać strona internetowa?

2010-04-18, 00:01 w Articles > Felietonowy Tygodnia Początek

817

Yako

Rating: 3.67

Go to page: 1 2

Bałagan na stronie czasem jest widoczny gołym okiem, a czasem dość dobrze ukryty pod płaszczykiem mnogości opcji. Dlatego pilnuj się i pamiętaj - proste, nie znaczy ubogie.

Oto przed Wami przedostatni już odcinek mini-cyklu dla "stronorobów". Dziś chciałbym zająć się tematem, zdawałoby się banalnym, a mianowicie dotyczącym wyglądu stron internetowych. Jest to ważne, bo coś, co określam mianem wyglądu, jest tak naprawdę podstawą nawigacji w serwisie i tym, co gość odbiera na samym początku.

Jak wiemy, są strony ładne i brzydkie, ale to oczywiście jest subiektywne odczucie. Niemniej, jestem w stanie powiedzieć czy strona wizualnie jest dobra czy zła, nie wchodząc w dyskusję o tym, czy jej autor lubi niebieski, zielony czy jak mu skarpetki śmierdzą.

Wiele razy spotkałem się z naprawdę ślicznymi stronami internetowymi, które były tak schrzanione jak tylko się dało. Po prostu - autor był artystą i zaprojektował coś pięknego, gdzie wiele elementów się rusza, migoce i mieni, ale tak naprawdę z takiej strony nie dało się korzystać. Bo podstawą każdej strony internetowej jest nawigacja. I od tego trzeba w ogóle zacząć projektowanie strony. Jedni zaczynają od robienia layoutu, inni od szukania współpracowników, a tak naprawdę powinno się zacząć od projektowania nawigacji i poszczególnych elementów strony.

Określenie "projektowanie nawigacji" brzmi nieco przerażająco, ale w istocie chodzi o przemyślenie, o co, tak naprawdę, na stronie chodzi. Jakie informacje powinny być "z przodu", jakie powinny być nieco głębiej. Prosty przykład: Jeśli projektuję prostą stronę firmową, z informacjami o adresie, ofercie i możliwościach współpracy (a takich stron są w internecie miliony!) to po cholerę mi tam możliwość zakładania konta i wyszukiwarka? Wiecie - wystarczy proste zastanowienie się nad celami strony i próba spojrzenia na nią oczami potencjalnego odbiorcy.

Ot prosty przykład do zastanowienia: Jeśli umieszczam na stronie moduł pozwalający na założenie konta w serwisie, to muszę odpowiedzieć sobie na pytanie, "po co użytkownik ma się rejestrować"? Dla samej satysfakcji posiadania konta? NIE! Założenie konta musi mi coś dawać. Jak założę konto, to będę mógł dodawać komentarze? To też mnie nie zachęci, bo to TOBIE zależy na tym, żeby mieć pod wpisami komentarze użytkowników (komentarze = unikalna treść!), a nie mi, żeby te komentarze wstawiać. Musisz mi owo komentowanie jak najbardziej ułatwić. I tak dalej i tym podobne. Rozumiecie o co mi chodzi?

Ja wiem, że pewnie myślisz sobie: "Dam więcej opcji. Lepiej więcej niż miałoby czegoś brakować". Nic bardziej mylnego! Są dwa hasła, które każdy projektant serwisów internetowych powtarza jak mantrę: "Less is more" i KISS - "Keep it simple stupid". I radzę - zapamiętaj je dobrze. Oczywiście chodzi o prostotę, a nie o ubogość... Tak tylko podkreślam, bo spotkałem się często z osobami, które nie do końca rozumieją różnice między tymi dwoma słowami.

Ja wiem, że powiem coś, co może być niepopularne i zaraz mogą podnieść się głosy krytyki. Otóż użytkownikowi ma się tylko wydawać, że ma wolność działania w serwisie. Tak naprawdę może robić tylko to, co autor strony dla niego przewidzi. Owo "prowadzenie za rączkę" musi się odbyć w taki sposób, żeby gość miał poczucie wolności poruszania się, ale jednocześnie, żeby przemieszczał się po zaplanowanych ścieżkach.

O co chodzi? O odpowiednim doborze linków na przykład. Ze strony głównej mogę wejść do podstrony "oferta", a dopiero stamtąd przejść głębiej do podstron "oklejanie samochodów folią samoprzylepną", "malowanie sprayem" i "wandalizm na życzenie". Dopiero po wejściu w "malowanie sprayem" mam podane możliwości wyboru koloru sprayu. Rozumiecie? Ja wiem, że fajnie byłoby pokazać już na stronie głównej jak bardzo szeroką ofertę ma nasza firma, ale zastanówcie się trzy razy - czy nie spowoduje to bałaganu?

Bałagan na stronie czasem jest widoczny gołym okiem, a czasem dość dobrze ukryty pod płaszczykiem mnogości opcji. Dlatego pilnuj się i pamiętaj - proste, nie znaczy ubogie.

Napisałem kilka słów o nawigacji, choć pisać miałem o wyglądzie. Ale nie jestem w stanie w formie tekstowej przekazać zbyt wielu rad dotyczących na przykład łączenia kolorów. O tym, że nie może być zbyt pstrokato pewnie wiesz doskonale. Z tego, że monotonia kolorów powinna być czymś przełamana też sobie pewnie zdajesz sprawę. Ale nawigacja wynika z wyglądu (czy raczej tak zwanego "layoutu") i jest ważne, żeby sobie powiedzieć o niej kilka słów.

Jeśli mam powiedzieć coś niecoś o wyglądzie - to powinienem przypomnieć podstawy:

Unikaj Flasha. Większość ciekawych efektów (np. zmieniające się obrazki w topie strony) można uzyskać za pomocą JavaScriptu. Owszem, Flash do jakiegoś małego efektu może być dobry, ale na pewno nie do projektowania głównej nawigacji serwisu. Zdecydowanie unikaj całej strony zrobionej we Flashu! Najlepsza nawigacja - to zwykłe linki, ewentualnie grafiki z linkami. Teraz w CSS można zrobić cuda, więc "zwykłe linki" nie muszą wyglądać topornie.
Jasne kolory. To raczej kwestia gustu, ale na podstawie badań wywnioskowano, że jasne kolory kojarzą się pozytywnie, a ciemne - negatywnie.
Wyróżniające się linki. Ten punkt nie dotyczy tylko linków tekstowych. Generalnie chodzi o to, że od razu musi być wiadomo do czego służy dany element. Czyli niech banner wygląda jak banner, klikalny guzik - jak klikalny guzik, a link tekstowy wyróżniał się od reszty tekstu. Nie ma nic gorszego, niż jeżdżenie myszką i sprawdzanie co jest da się kliknąć, a co nie. Całkowitą porażką jest "podpisywanie linków". Przykład: mamy zdjęcie, będące jednocześnie linkiem do podstrony, a pod spodem napis: "Kliknij na zdjęcie aby przejść do...." Niedopuszczalne.
Wyszukiwarka w prawym górnym rogu. To taki standard internetowy. wiele osób tam w pierwszej kolejności szuka okienka do wpisania zapytania.
Nawigacja oparta o AJAX to generalnie ZUO. Dlaczego? Bo rozwala najważniejszą funkcję przeglądarki internetowej. Co to za funkcja? To przycisk "wstecz". Nieważne jak bardzo zgubię się na witrynie internetowej, przycisk "wstecz" zawsze mnie uratuje. Cofnę się do znanego mi miejsca, skąd zacznę znowu eksplorację witryny. Wszelkie otwieranie w ramkach, strona we flashu czy strona ładowana przez AJAX nie pozwala mi skorzystać z przycisku "wstecz".
Wymyślanie swoich rozwiązań jest generalnie złe. Chyba, że masz dużo czasu, pieniędzy i naprawdę znasz się na swojej robocie - jesteś wysokiej klasy projektantem interfejsów. W innym wypadku - najlepiej będzie jak powielisz układ menu i być może układ treści z jakiejś innej strony internetowej. Nie namawiam do plagiatu - broń Boże! Chodzi tylko o podpatrzenie pewnych rozwiązań. Czy menu jest pionowe, czy poziome? Czy jest po lewej czy po prawej? Czy na stronie głównej jest jakiś tekst wstępny? Jakiej jest wielkości? I tak dalej i tym podobne. Dlatego zawsze, kiedy bierzesz się do projektowania jakiegoś serwisu poszperaj w sieci i poszukaj odpowiedzi na pytanie: "Jak to robią inni?"

Jest jeszcze jedna podstawowa zasada o jakiej należy pamiętać. Otóż podejmując pracę, musimy mieć z tyłu głowy obraz "modelowego odwiedzającego". Co to znaczy? Po prostu wymyślamy sobie jakąś postać, jakiegoś przykładowego Mietka, czy Ziutka, który jest naszym modelowym odwiedzającym i to dla niego, tak jakby, projektujemy serwis. Kiedy oglądasz kolejne etapy swojej pracy, staraj się myśleć tak, jak myślałby ten wymyślony przez Ciebie Mietek albo Ziutek. Takie to trochę RPG, ale tak to właśnie wygląda.

Tak długo, jak bajery i coraz to nowe pomysły nie zakłócą Twojego trzeźwego spojrzenia na efekt swojej pracy, tak długo efekt będzie na pewno bardzo dobry. Zawsze możesz też podesłać swój projekt do oceny. Gwarantuję dyskrecję! (mail: piotr.wasiak(at)kiwicreative.pl).

Moc jest z Tobą, a Internet jest do zawojowania!

Piotr A. Wasiak

Go to page: 1 2

Tags: felietonowy tygodnia początek, cykl: ftp, felietony, strony internetowe, layouty, nawigacja, projektowanie, design, funkcjonalność, flash, javascript, ajax, css, rph, user

Your rating:

Please login!

ALL COMMENTS

Lara Notsil | 2010-04-20, 01:53

Zawsze lubiłam Google. Jest naprawdę piękna. Nie drażni oka. Jest przejrzysta i jakże zrozumiała. Nigdy nie pogubiłam się na tej stronie i nigdy ni rzucałam wulgaryzmami w jej stronę. Minimalizm to potęga! (i tak wiem, że to przeglądarka)