KLINIKA STRON WWW
Introduction Ireland
to irlandzki serwis randko-
wy wymagający wizyty
u kosmetyczki.
Randka
Thin Martian
dy wybieramy się na randkę, staramy
Gsię zaprezentować na niej z jak najlep-
po irlandzku
szej strony. Bierzmy kąpiel, zakładamy eleganc-
kie ubranie, ładnie pachniemy i jesteśmy ładnie
uczesani. Chcemy przekonać osobę z którą się
spotykamy, że staraliśmy się dla niej. Serwis je ona, że jest stroną randkową przeznaczoną
z randkami online też powinien się tak zacho- dla wszystkich narodowości. Jednak jest na
porad
wywać. Niestety, Introduction Ireland zachę- niej zbyt wiele irlandzkich akcentów, co może
pozwalających
ca nas tak, jakby dopiero co zbudził się ze snu onieśmielić przedstawicieli innych narodowości.
z ciężkim kacem i pojawił na randce z nieświe- Projekt został zdominowany przez kolor zielo-
uatrakcyjnić
żym oddechem i ubraniem poplamionym reszt- ny, zaś wyobrażenie koniczyny przytłacza stro-
5serwis
kami wczorajszego kebabu. Pierwsze wrażenie nę. Ten motyw świetnie sprawdziłby się w cha-
pozostaje, a to zaserwowane przez Introduc- rakterze logo, po zmniejszeniu i umieszczeniu
MYŚLMY O CAA
OŚCI
1.Sprawdz
my, czy prezentujemy naszą fir-
tion Ireland jest fatalne. tuż za nazwą firmy, przez co zachowalibyśmy
mę w sposób umożliwiający przyciągnięcie
Serwis jest przeładowany zbyt wieloma li- irlandzki akcent na stronie.
jak największej liczby stałych użytkowników.
niami tekstu w różnych rozmiarach i różnych Jako serwis randkowy online chcielibyśmy,
Przemyślmy layout i całą strukturę serwisu.
czcionkach, co sprawia wrażenie niestabilno- by użytkownicy byli prezentowani w jak najko-
Nie przeładowujmy strony nadmierną grafiką
ści  użytkownikowi trudno się zorientować, rzystniejszym świetle, ułatwiającym znalezienie i tekstem, raczej myślmy w kategoriach na-
główka, stopki oraz porcji materiału między
gdzie ma zacząć. Można tu doradzić jeden sze- partnera. Konieczne więc jest zatroszczenie się
nimi. Dodajmy robiącą wrażenie treść, któ-
ryfowy lub bezszeryfowy typ czcionki i konse- o bardzo dobrą jakość zamieszczanych zdjęć. Ich
rej zadaniem jest przyciągnięcie użytkowni-
kwentne stosować go w całym serwisie. Roz- użycie poprawi także wygląd strony.
ków do strony.
sądnym rozwiązaniem byłoby też ograniczenie Jednym z najbardziej zaskakujących odkryć,
wielkości czcionki do trzech rozmiarów: na- jakie zrobiliśmy na stronie, była reklama inne- DAJMY SERWISOWI ODDYCHAĆ
2.Strona z dużą ilością użytecznej infor-
główka, mniejszych nagłówków i tekstu. Jed- go serwisu randkowego, wyeksponowana na
macji to dla użytkownika sytuacja komforto-
nolite odstępy także zwiększają czytelność głównej stronie. Jeśli chcemy odnieść sukces
wa. Jednak staje się ona bezużyteczna, jeśli
i ułatwiają nawigację. komercyjny online, po co reklamować konku-
nie jest odpowiednio oprawiona mieszanką
Radą na te wszystkie problemy jest upo- rencję, która zabiera nam klientów? Wiele ser- tekstu i grafiki. Upewnijmy się, że umiesz-
czona przez nas treść może oddychać i jest
rządkowany layout. Obecnie brakuje tu jakiej- wisów zajmujących się scamem lub spywarem
otoczona wystarczającą ilością białej prze-
kolwiek określonej struktury  to jedynie bez- postępuje podobnie, najlepiej więc unikać ta-
strzeni. To ułatwi użytkownikom czytanie
ładny montaż poupychanych zdjęć przedzielo- kich praktyk, jeśli chcemy, by użytkownicy czu-
i zrozumienie.
nych nieuporządkowanym tekstem. Rezultatem li się dobrze.
jest strona wyglądająca jak reklama z wymię- Projektowanie serwisu randkowego powin- UŚMIECH! ROBI
ZDJ
CIE
3.Zamieszczanie zdjęć osób na stronie
tej gazety, krzycząca  darmowy trial i  przy- no być jak pierwsza randka. Dwoje ludzi spoty-
musi być robione właściwie, zwłaszcza
łącz się za darmo , sprawiająca wrażenie natar- ka się, by cieszyć się obecnością drugiej oso-
jeśli poszukują oni partnera. Wyobraz
my
czywej taniochy. Gdy użytkownik kliknie stro- by. Chcemy przyciągnąć użytkownika do strony
sobie koszmar towarzyszący odkryciu, że
nę główną, przenosi się do strony z formula- podczas pierwszej wizyty i w tym samym cza- osoba z którą się spotykamy nie wygląda
jak na zdjęciu. Nigdy nie używajmy formatu
rzem do wypełnienia. Wygląda to jak oszustwo sie móc korzystać z łatwością ze strony, gdzie
GIF, jedynie dobrze skontrastowanych zdjęć
próbujące zachęcić do zapisania się do czegoś, wszystko jest jasno ułożone bez żadnych nie-
w formacie JPEG, z których każde musi mieć
o czym niewiele wiemy. spodzianek. To gwarantuje, że druga randka też
właściwy margines.
Nawigacja jest ukryta pod zdjęciem, więc dojdzie do skutku.
MNIEJ NARODOWYCH AKCENTÓW
użytkownik, który ma rozdzielczość usta-
4.Nie ma nic złego w odczuwaniu naro-
wioną na 800 x 600 nawet jej nie zobaczy.
przed zmianą dowej dumy, ale jeśli chcemy przyciągnąć
A jeśli ją ujrzy, nawigacja nie jest oczywista.
szerokie rzesze użytkowników, musimy mieć
Linki rozmieszczone są na stronie bez zacho-
pewność, że wygląd strony będzie odpowia-
wania żadnej struktury lub kierunków, w któ- dać ich wymaganiom. Wybierzmy neutralne
kolory i obrazy, które mają szerszy, bardziej
re mógłby się udać użytkownik. W przepro-
międzynarodowy charakter. Starajmy się
jektowanym serwisie przejrzystą nawigację
unikać projektów przypominających tury-
umieszczono na górze i dole strony, co uła-
styczne sklepy z pamiątkami, gdyż ludzie
twia użytkowników odnalezienie tego, cze-
się od nich odwrócą.
go szukają. Ze starego logo i nazwy strony
WSZYSTKO JASNE
zrobiono proste logo i umieszczono na gó-
5.Przejrzystość powinna być ideałem, gdy
rze strony, co powinno każdemu powiedzieć
promujemy naszą stronę i przygotowujemy
z jaką stroną się połączył.
zawartość. Bezładne podlinkowywanie stron
Wizualna tożsamość strony jest proble- przyjaciół do strony domowej to brak profe-
sjonalizmu i nie powinno mieć miejsca. Gdy
matyczna, zważywszy na fakt, że utrzymu-
chodzi o referencje i odnośniki, musimy ja-
sno uzasadnić pojawienie się każdego linku
na stronie. Dodatkowo użytkownik musi wie-
INTERNET.lipiec.2006
dzieć, gdzie trafi, jeśli go kliknie.
110
www.mi.com.pl
WEBMASTERING
WWW.INTRODUCTIONSIRELAND.COM
po zmianie
a
KOLORY IKONY I NAGA
ÓWKI NAWIGACJA
Odeszliśmy od intensywne- W oryginale problemem była chaotyczna mie- Dodaliśmy dobrze widoczny pasek nawi-
go zielonego, rezerwując go szanka tekstu. Wprowadziliśmy ikony mające gacyjny. Na oryginalnej stronie umieszczo-
jedynie dla nagłówka. Kolo- pomóc w zmniejszeniu ilości tekstu na stro- no zbyt wiele odnośników. Powinno być
ry są istotne dla orientacji nie. Konsekwentne użycie ikon w całym ser- ich nie więcej niż siedem. Najważniejsze
użytkownika, jak poruszać wisie zwiększa atrakcyjność wyglądu strony, z nich znalazły się na przejrzystym, spój-
u
się po serwisie  w dużym a z drugiej strony pełnią one funkcję odnośników nym pasku nawigacyjnym, umieszczonym
stopniu pomagają oczom w prowadzących do różnych działów serwisu. Do- na widocznym miejscu na stronie. Dokład-
wodzeniu wzrokiem po stro- daliśmy także nagłówki, których zadaniem jest niejsza nawigacja jest możliwa dzięki sys-
nie. Zastosowaliśmy prostą jasne oznaczenie zawartości strony. temowi podmenu.
paletę kolorów, by podkre-
ślić zielony, pozostawiając
dużo białej, niezapełnionej
przestrzeni. Użycie białe-
go nie sprawi wrażenia, że
strona jest pusta, ale jasno
określi przestrzeń wokół
każdej porcji treści, co je-
dynie ułatwia nawigowanie
po stronie.
SZUKANIE PARTNERA
Jeśli zdecydowaliśmy się
dołączyć do randkowego
serwisu, zechcemy wyszu-
kać inne osoby, które są on-
line. Wyszukiwarka na stro-
nie głównej od razu angażuje
użytkownika, uwalniając go
od wielu zbędnych kliknięć.
W przypadku użytkowni-
ków, którzy po raz pierwszy
trafili na stronę, celem jest
dostępność. Nie zmuszaj-
my ich do częstego klikania
lub rejestrowania się, zanim
zorientują się czego dotyczy
strona.
ZDJ
CIA
Prezentując profile ludzi na
stronie randkowej musimy
mieć pewność, że ich zdję-
cia są dobrej jakości. Po-
LAYOUT
większone zdjęcia umoż-
Na stronie głównej umieściliśmy strukturę lay-
liwiają zobaczenie więcej
outu, pomagającą użytkownikom w prostym
szczegółów, stworzyliśmy
nawigowaniu po stronie. Dobrze oznaczono
też profile osób dodające
różne obszary serwisu w postaci wydzielonych
stronie osobowości. Ory- AKTYWNI UŻYTKOWNICY
bloków, począwszy od grafiki, belki nawigacyj-
ginalna strona wyświetlała Serwis z systemem rejestracji musi ekspo-
nej z logo i ikon ułatwiających nawiązanie kon-
przypadkowe zdjęcia na stro- nować pole, w którym można się zalogo-
taktu. Wyróżnioną opcję wyszukiwania i pole
nie głównej bez jakichkolwiek wać. W oryginale tego nie było i sprawiało
logowania uzupełnia jednolity blok nagłówka.
dodatkowych informacji. To to wrażenie, jakby serwis chciał uzyskać
Dodaliśmy widoczne wprowadzenie, które nie
sugerowało, że strona jest dane osobowe bez wyraz
nego powodu.
jest ukryte, jak to było w oryginale. Prezentacja
nieprofesjonalna i utworzo- Umieszczenie pola logowania na stronie
na głównej stronie najnowszych profili kobiety
na minimalnym kosztem. domowej nie tylko ułatwi logowanie, ale też
i mężczyzny pomaga zainteresować ludzi tre-
Skorzystanie z formatu JPEG pokaże gościom serwisu, że członkowie
ścią strony i nadaje charakter serwisowi.
poprawiło jej jakość. aktywnie korzystają z jego zawartości.
INTERNET.lipiec.2006
111
www.mi.com.pl