background image

INTERNET.lipiec.2006

www.mi.com.pl

KLINIKA STRON WWW

110

W

EB

M

A

ST

ER

IN

G

5

 

porad  

pozwalających 

uatrakcyjnić 

serwis

1.

 

MYŚLMY O CAŁOŚCI

Sprawdźmy, czy prezentujemy naszą fir-

mę w sposób umożliwiający przyciągnięcie 

jak największej liczby stałych użytkowników. 

Przemyślmy layout i całą strukturę serwisu. 

Nie przeładowujmy strony nadmierną grafiką 

i tekstem, raczej myślmy w kategoriach na-

główka, stopki oraz porcji materiału między 

nimi. Dodajmy robiącą wrażenie treść, któ-

rej zadaniem jest przyciągnięcie użytkowni-

ków do strony.

2.

 

DAJMY SERWISOWI ODDYCHAĆ

Strona z dużą ilością użytecznej infor-

macji to dla użytkownika sytuacja komforto-

wa. Jednak staje się ona bezużyteczna, jeśli 

nie jest odpowiednio oprawiona mieszanką 

tekstu  i  grafiki.  Upewnijmy  się,  że  umiesz-

czona przez nas treść może oddychać i jest 

otoczona wystarczającą ilością białej prze-

strzeni.  To  ułatwi  użytkownikom  czytanie  

i zrozumienie.

3.

 

UŚMIECH! ROBIĘ ZDJĘCIE

Zamieszczanie  zdjęć  osób  na  stronie 

musi  być  robione  właściwie,  zwłaszcza 

jeśli  poszukują  oni  partnera.  Wyobraźmy 

sobie  koszmar  towarzyszący  odkryciu,  że 

osoba  z  którą  się  spotykamy  nie  wygląda 

jak na zdjęciu. Nigdy nie używajmy formatu 

GIF, jedynie dobrze skontrastowanych zdjęć  

w formacie JPEG, z których każde musi mieć 

właściwy margines.

4.

 

MNIEJ NARODOWYCH AKCENTÓW

Nie  ma  nic  złego  w  odczuwaniu  naro-

dowej dumy, ale jeśli chcemy przyciągnąć 

szerokie rzesze użytkowników, musimy mieć 

pewność, że wygląd strony będzie odpowia-

dać ich wymaganiom. Wybierzmy neutralne 

kolory i obrazy, które mają szerszy, bardziej 

międzynarodowy  charakter.  Starajmy  się 

unikać  projektów  przypominających  tury-

styczne  sklepy  z  pamiątkami,  gdyż  ludzie 

się od nich odwrócą.

5.

 

WSZYSTKO JASNE

Przejrzystość powinna być ideałem, gdy 

promujemy naszą stronę i przygotowujemy 

zawartość. Bezładne podlinkowywanie stron 

przyjaciół do strony domowej to brak profe-

sjonalizmu i nie powinno mieć miejsca. Gdy 

chodzi o referencje i odnośniki, musimy ja-

sno uzasadnić pojawienie się każdego linku 

na stronie. Dodatkowo użytkownik musi wie-

dzieć, gdzie trafi, jeśli go kliknie.

przed zmianą

Introduction Ireland  

to irlandzki serwis randko-

wy wymagający wizyty  

u kosmetyczki. 

Thin Martian

G

dy  wybieramy  się  na  randkę,  staramy 

się  zaprezentować  na  niej  z  jak  najlep-

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 

z  randkami  online  też  powinien  się  tak  zacho-

wywać.  Niestety,  Introduction  Ireland  zachę-

ca nas tak, jakby dopiero co zbudził się ze snu 

z ciężkim kacem i pojawił na randce z nieświe-

żym oddechem i ubraniem poplamionym reszt-

kami wczorajszego kebabu. Pierwsze wrażenie 

pozostaje,  a  to  zaserwowane  przez  Introduc-

tion Ireland jest fatalne. 

Serwis  jest  przeładowany  zbyt  wieloma  li-

niami tekstu w różnych rozmiarach i różnych 

czcionkach,  co  sprawia  wrażenie  niestabilno-

ści  –  użytkownikowi  trudno  się  zorientować, 

gdzie ma zacząć. Można tu doradzić jeden sze-

ryfowy lub bezszeryfowy typ czcionki i konse-

kwentne stosować go w całym serwisie. Roz-

sądnym rozwiązaniem byłoby też ograniczenie 

wielkości  czcionki  do  trzech  rozmiarów:  na-

główka,  mniejszych  nagłówków  i  tekstu.  Jed-

nolite  odstępy  także  zwiększają  czytelność  

i ułatwiają nawigację.

Radą  na  te  wszystkie  problemy  jest  upo-

rządkowany  layout.  Obecnie  brakuje  tu  jakiej-

kolwiek określonej struktury – to jedynie bez-

ładny  montaż  poupychanych  zdjęć  przedzielo-

nych nieuporządkowanym tekstem. Rezultatem 

jest strona wyglądająca jak reklama z wymię-

tej gazety, krzycząca „darmowy trial” i „przy-

łącz się za darmo”, sprawiająca wrażenie natar-

czywej  taniochy.  Gdy  użytkownik  kliknie  stro-

nę  główną,  przenosi  się  do  strony  z  formula-

rzem do wypełnienia. Wygląda to jak oszustwo 

próbujące zachęcić do zapisania się do czegoś,  

o czym niewiele wiemy.

Nawigacja  jest  ukryta  pod  zdjęciem,  więc 

użytkownik,  który  ma  rozdzielczość  usta-

wioną na 800 x 600 nawet jej nie zobaczy. 

A jeśli ją ujrzy, nawigacja nie jest oczywista. 

Linki rozmieszczone są na stronie bez zacho-

wania żadnej struktury lub kierunków, w któ-

re mógłby się udać użytkownik. W przepro-

jektowanym serwisie przejrzystą nawigację 

umieszczono na górze i dole strony, co uła-

twia  użytkowników  odnalezienie  tego,  cze-

go szukają. Ze starego logo i nazwy strony 

zrobiono  proste  logo  i  umieszczono  na  gó-

rze strony, co powinno każdemu powiedzieć 

z jaką stroną się połączył.

Wizualna tożsamość strony jest proble-

matyczna, zważywszy na fakt, że utrzymu-

je ona, że jest stroną randkową przeznaczoną 

dla  wszystkich  narodowości.  Jednak  jest  na 

niej zbyt wiele irlandzkich akcentów, co może 

onieśmielić przedstawicieli innych narodowości. 

Projekt  został  zdominowany  przez  kolor  zielo-

ny, zaś wyobrażenie koniczyny przytłacza stro-

nę. Ten motyw świetnie sprawdziłby się w cha-

rakterze logo, po zmniejszeniu i umieszczeniu 

tuż za nazwą firmy, przez co zachowalibyśmy 

irlandzki akcent na stronie.

Jako serwis randkowy online chcielibyśmy, 

by użytkownicy byli prezentowani w jak najko-

rzystniejszym świetle, ułatwiającym znalezienie 

partnera. Konieczne więc jest zatroszczenie się 

o bardzo dobrą jakość zamieszczanych zdjęć. Ich 

użycie poprawi także wygląd strony.

Jednym z najbardziej zaskakujących odkryć, 

jakie zrobiliśmy na stronie, była reklama inne-

go  serwisu  randkowego,  wyeksponowana  na 

głównej stronie. Jeśli chcemy odnieść sukces 

komercyjny  online,  po  co  reklamować  konku-

rencję, która zabiera nam klientów? Wiele ser-

wisów zajmujących się scamem lub spywarem 

postępuje  podobnie,  najlepiej  więc  unikać  ta-

kich praktyk, jeśli chcemy, by użytkownicy czu-

li się dobrze. 

Projektowanie serwisu randkowego powin-

no być jak pierwsza randka. Dwoje ludzi spoty-

ka się, by cieszyć się obecnością drugiej oso-

by. Chcemy przyciągnąć użytkownika do strony 

podczas pierwszej wizyty i w tym samym cza-

sie móc korzystać z łatwością ze strony, gdzie 

wszystko  jest  jasno  ułożone  bez  żadnych  nie-

spodzianek. To gwarantuje, że druga randka też 

dojdzie do skutku.

background image

111

INTERNET.lipiec.2006

www.mi.com.pl

po zmianie

WWW

.

INTRODUCTIONSIRELAND

.

COM

KOLORY

Odeszliśmy od intensywne-

go zielonego, rezerwując go 

jedynie dla nagłówka. Kolo-

ry  są  istotne  dla  orientacji 

użytkownika,  jak  poruszać 

się po serwisie – w dużym 

stopniu pomagają oczom w 

wodzeniu wzrokiem po stro-

nie. Zastosowaliśmy prostą 

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.

LAYOUT

Na stronie głównej umieściliśmy strukturę lay-

outu, pomagającą użytkownikom w prostym 

nawigowaniu  po  stronie.  Dobrze  oznaczono 

różne obszary serwisu w postaci wydzielonych 

bloków, począwszy od grafiki, belki nawigacyj-

nej z logo i ikon ułatwiających nawiązanie kon-

taktu. Wyróżnioną opcję wyszukiwania i pole 

logowania uzupełnia jednolity blok nagłówka. 

Dodaliśmy widoczne wprowadzenie, które nie 

jest ukryte, jak to było w oryginale. Prezentacja 

na głównej stronie najnowszych profili kobiety  

i mężczyzny pomaga zainteresować ludzi tre-

ścią strony i nadaje charakter serwisowi.

IKONY I NAGŁÓWKI

W oryginale problemem była chaotyczna mie-

szanka tekstu. Wprowadziliśmy ikony mające 

pomóc  w  zmniejszeniu  ilości  tekstu  na  stro-

nie.  Konsekwentne  użycie  ikon  w  całym  ser-

wisie zwiększa atrakcyjność wyglądu strony,  

a z drugiej strony pełnią one funkcję odnośników 

prowadzących do różnych działów serwisu. Do-

daliśmy także nagłówki, których zadaniem jest 

jasne oznaczenie zawartości strony.

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-

większone  zdjęcia  umoż-

liwiają  zobaczenie  więcej 

szczegółów,  stworzyliśmy 

też  profile  osób  dodające 

stronie  osobowości.  Ory-

ginalna  strona  wyświetlała 

przypadkowe zdjęcia na stro-

nie głównej bez jakichkolwiek 

dodatkowych informacji. To 

sugerowało,  że  strona  jest 

nieprofesjonalna  i  utworzo-

na  minimalnym  kosztem. 

Skorzystanie z formatu JPEG 

poprawiło jej jakość.

NAWIGACJA

Dodaliśmy dobrze widoczny pasek nawi-

gacyjny. Na oryginalnej stronie umieszczo-

no zbyt wiele odnośników. Powinno być 

ich nie więcej niż siedem. Najważniejsze 

z nich znalazły się na przejrzystym, spój-

nym pasku nawigacyjnym, umieszczonym 

na widocznym miejscu na stronie. Dokład-

niejsza nawigacja jest możliwa dzięki sys-

temowi podmenu.

AKTYWNI UŻYTKOWNICY

Serwis z systemem rejestracji musi ekspo-

nować pole, w którym można się zalogo-

wać. W oryginale tego nie było i sprawiało 

to wrażenie, jakby serwis chciał uzyskać 

dane  osobowe  bez  wyraźnego  powodu. 

Umieszczenie pola logowania na stronie 

domowej nie tylko ułatwi logowanie, ale też 

pokaże gościom serwisu, że członkowie 

aktywnie korzystają z jego zawartości.