plik

PRAKTYKA

HAKIN9 7-8/2009

Z ARTYKUŁU

DOWIESZ SIĘ

na co zwrócić uwagę projektując

stronę internetową

gdzie szukać informacji o

standardach

jak szybko zbudować i

przetestować przyszłą stronę

CO POWINIENEŚ

WIEDZIEĆ

znać podstawy budowania stron

www

rzeglądając strony internetowe dużych portali,
urzędów, przeróżnych firm, dochodzę do
wniosku, że powinno się opracować pewnego

rodzaju standard prezentacji informacji, ułożenia treści
na stronie internetowej. Spróbuję opisać sytuacje
i sposoby organizowania funkcjonalnych stron
internetowych, tak zwanych stron zorientowanych na
użytkownika. Często treść zamieszczona na stronie
jest kierowana do określonej grupy społecznej.
By strona internetowa przyciągała i sprawiała,
że użytkownicy chcą na nią wracać, bez końca
potrzebuje adresu, aktualizacji i oznak życia. Adres
powinien być prostym zdaniem składającym się
z jak najkrótszej liczby słów; akronimy są łatwo
zapamiętywane. Proces aktualizacji informacji
powinien być adekwatny do zamieszczonych treści na
stronie internetowej i być wykonywany optymalnie w
stosunku do nich.

Aby strona istniała w Internecie, potrzebny

jest hosting i adres domeny; obydwa te elementy
są nierozłączne. Nawet wykorzystując darmowe
rozwiązania, technologia umieszczania strony
internetowej jest taka sama jak w przypadku płatnych
usług.

Hosting

Jest to miejsce na zewnętrznym serwerze do
zagospodarowania według własnych potrzeb. Wraz z
założeniem hostingu otrzymujemy adresy serwera ftp
oraz WWW, dzięki czemu zamieszczone pliki html, php
mogą być wyświetlane przez innych użytkowników.
Wybieramy między:

RAFAŁ PODSIADŁY

• darmowe – posiadające ograniczoną

funkcjonalność, często umieszczające reklamy,
ograniczony rozmiar na dysku i stały rozmiar
bazy danych. Niektóre serwisy ograniczają także
maksymalny rozmiar umieszczonego pliku. Gdy
nasz serwis jest całkowicie darmowy, musimy
liczyć się z faktem, że czasem może on nie działać
prawidłowo, lub szybkość transferu jest zbyt wolna.
Można by się pokusić o stwierdzenie: serwery
całkowicie darmowe, które są pozbawione reklam
i serwer z reklamami, czyli częściowo płatne.
Ponieważ pieniądze z sprzedaży reklam bierze
usługodawca,

• płatne – są to serwisy przede wszystkim

pozbawione reklam, w których to my mamy wpływ
na przestrzeń dyskową, rozmiar przechowywanej
bazy danych. Wszystko zależy od kwoty, jaką
planujemy uiścić za hosting. Zarówno w opcji
bezpłatnej, jak i płatnej usługodawca może
zaoferować nam system CMS. Czasem jednak
trzeba zainstalować samemu taki system. Jeśli
chodzi o pomoc techniczną w rozwiązywaniu
problemów, w dużej liczbie przypadków
rozwiązania komercyjne są lepiej zaopatrzone.
Chociaż tutaj nie ma reguły, najważniejsze jest,
by administratorzy posiadali odpowiednią wiedzę
i chęć do pracy. Zawsze można to sprawdzić
podczas tak zwanego okresu testowego,
maksymalnie do 15 dni, gdzie możemy zapytać
i poprosić o wykonanie jakiś zmian, badając
reakcje na nasze zapytanie i sposób, czas
rozwiązania naszego problemu.

Stopień trudności

Projektowanie

interfejsów

użytecznych

Zagubiony pośród portali internetowych, między opcjami,

przyciskami, szablonami stron, użytkownik jest bez szans

w poszukiwaniu potrzebnej / interesującej go informacji.

PROJEKTOWANIE INTERFEJSÓW UŻYTECZNYCH

HAKIN9

7-8/2009

Przykładowe serwisy hostingowe :

• [darmowy]

•   http://www.cba.pl/,
•   http://yoyo.pl/,
•   http://justu.pl/,

• [płatny]

•   http://home.pl,
•   http://nazwa.pl,
•   http://kei.pl/,

Domena

Za jej pomocą możemy zaistnieć w Internecie,
pod warunkiem, że ktoś wcześniej nie
wykorzystał tej nazwy. Aby domena była
funkcjonalna, potrzebny jest wcześniej opisany
pakiet hostingowy, do którego domena będzie
zaparkowana. Na rynku możemy znaleźć
darmowe oferty domen lub oferty o bardzo
zaniżonych kosztach, np.: Domena za 50
groszy, Domena za 7 groszy.

• [Domeny]

•   http://nazwa.pl,
•   www.domeny.pl,
•   http://home.pl,

Treść

Czyli zasady formatowania tekstu na stronie
internetowej. Każdy materiał umieszczony na
stronie internetowej powinien mieć oznaczenie
rzetelności źródła. Każdy artykuł powinien być
podpisany i zachowywać podstawowe zasady
formatowania tekstu.

• jednolita czcionka o stałej wysokości,

wyjątkiem są tutaj tylko nagłówki,

• nagłówki i tematy powinny być wyróżnione

przez pogrubienie ze zwiększoną czcionką,

• podpis, autor, źródło: powinny być

zdefiniowane bezpośrednio pod tekstem.
Chyba że przytaczamy czyjąś wypowiedź
w sposób bezpośredni, wtedy źródło
powinno znaleźć się tuż po przytoczonych
słowach,

• należy zawsze sprawdzić rzetelność i

aktualność umieszczonych opinii, artykułów
i źródeł. Dobrze jest, aby podać kilka źródeł
tej samej informacji.

Przed umieszczeniem jakichkolwiek tekstów
powinno się je przeczytać, sprawdzić błędy
ortograficzne i spójność słów. Zwrócić uwagę
na tematykę i ocenić ważność informacji.
Dokonać wstępnej selekcji na treść istotną
i mniej znaczącą. Będzie to potrzebne przy

tworzeniu nagłówków. Każdy dział powinien
zawierać nagłówek informujący o jego
tematyce, krótkie wprowadzenie, by czytelnik
miał rozeznanie co kryje prezentowany artykuł.
Wszystkie zasady prezentowania informacji
zawarte są w książce Petera Morville'a i
Lou Rosenfelda, AI, gdzie opisują strukturę
informacji, która składa się z następujących
schematów:

•   organizacji (grupowania),
•   nazewnictwa (etykietowania),
•   łatwości nawigacji,
•   łatwości wyszukiwania.

Projektowanie

Jest nieodłącznym elementem umieszczania
i zarządzania strukturą strony internetowej.
Planowanie i rozmieszczanie modułów
na naszej stronie jest bardzo ważne. To
modularyzacja zapewnia nam przejrzystość i
czytelność strony internetowej. Pierwsze kroki
projektant powinien zacząć od kartki papieru i
ołówka, spróbować rozmieścić poszczególne
moduły i przyporządkować im jakąś nazwę.
Zbudować drzewo strony, na którym będą
widnieć wszystkie odnośniki i podstrony.
Pierwsza strona będzie korzeniem serwisu,
każda następna będzie uczestniczyła w
prezentacji wybranych wcześniej materiałów.
Dlatego wcześniejsze etapy są takie ważne
(zebranie materiałów i segregacja), ponieważ
odpowiednie uporządkowanie materiałów do
zamieszczenia ułatwia nam bardzo szybkie
utworzenie działów, podstron. W procesie
projektowania strony zastanawiamy się tylko,
w którym miejscu je umieścić i w jaki sposób.
LOGO, obrazki, menu, treść strony. Nasuwa się
pytanie, gdzie umieścić te wszystkie informacje.
Spróbuje nawiązać treścią do takich osób
jak Jakob Nielsen i Donald Norman. Są to
prekursorzy interfejsu użytkownika, którzy
współtworzą artykuły związane z interfejsem
użytkownika i funkcjonalnością. Wprowadzili
zasady, dzięki którym badania nad
użytecznością strony WWW stały się łatwiejsze.
Jedna z technologii badania użyteczności
strony WWW mówi, że niepotrzebny jest
zaawansowany sprzęt, wystarczy tylko taki, na
którym strona internetowa będzie działać bez
zawieszania się. Zgadzam się z tezą Jakoba
Nielsena, że badanie mogą przeprowadzić
osoby bez żadnego doświadczenia,
powiedziałbym nawet, że należałoby
przetestować stronę pośród użytkowników w
żaden sposób niezwiązanych z naszą osobą.

Do przeprowadzenia testu wystarczy zaprosić
5 przechodniów w różnym wieku, którzy
ocenią funkcjonalność naszej strony i sposób
umieszczenia informacji, i którzy będą umieli
się odnaleźć w rozmieszczonych modułach.

Według obowiązujących zasad w interfejsie

użytkownika powinny znaleźć się takie
elementy, jak :

• pokazywanie statusu systemu,
• zachowanie zgodności pomiędzy

systemem a rzeczywistością,

• pozwolić użytkownikowi na pełną kontrolę,
• trzymanie się standardów i zachowanie

spójności,

• zapobieganie błędom. Kategorycznym

jest, by na naszym serwisie pojawiła się
informacja Podana strona nie istnieje,

• przejrzysty interfejs, który pozwala wybierać

zamiast zmuszać do pamiętania,

•   zapewnienie elastyczności i efektywności,
•   zadbanie o estetykę i umiar,
•   jeśli już pojawią się błędy, to należy je

przewidzieć i zapewnić im skuteczną
obsługę błędów,

• należy pamiętać o pomocy i dokumentacji.

Alternatywnym prostym interfejsie.

Źródło – http://pl.wikipedia.org/wiki/Jakob_
Nielsen

Według Nielsena, powinniśmy kierować się

regułami tworzenia stron:

• umieszczenie w widocznym miejscu Loga

serwisu. Wskazane jest, by było na górze
po lewej stronie, odsunięte od góry i lewej
strony małym marginesem. By nie tworzyło
spójnej warstwy z treścią przeglądarki.
Obok Loga warto umieścić slogan
reklamowy krótko określający przesłanie i
misję serwisu internetowego,

• umieszczenie w głównym znaczniku

TITLE

ważnych dla serwisu zagadnień (może to
być np. nazwa serwisu lub firmy, dla której
został on zrobiony wraz z krótkim opisem
misji serwisu lub firmy); zdecydowanie złym
pomysłem jest zaczynanie tego znacznika
od Witam na naszej fajnej stronie,

• zamieszczenie na stronie w widocznym

miejscu odnośnika do sekcji, w której
mamy możliwość dokładnego opisania
firmy czy organizacji (tzw. sekcja O firmie),

• tworzenie tzw. punktów startowych na

stronie, czyli punktów, z których użytkownicy
mogą w szybki sposób wykorzystywać
możliwości serwisu i jego zasoby,

PRAKTYKA

HAKIN9 7-8/2009

PROJEKTOWANIE INTERFEJSÓW UŻYTECZNYCH

HAKIN9

7-8/2009

• umieszczenie w widocznym miejscu i

standardowo nazwanej wyszukiwarki na
stronie,

• umieszczanie przykładów treści lub próbek

tego, co serwis oferuje, tak aby móc
zachęcić użytkowników do korzystania z
serwisu ,

• tworzenie linków, które ułatwiają korzystanie

z serwisu poprzez szybkie przejście
w odpowiednie sekcje, i umieszczanie
w linkach słów kluczowych (często
pierwszą rzeczą, jaką robi użytkownik na
nowym serwisie jest próba znalezienia
czegokolwiek, co może być kliknięte)

• wykorzystywanie strony głównej do

promocji najważniejszych produktów,
najlepszych artykułów poprzez
umieszczanie linków do nich,

• unikanie zbyt wielu kolorów, reklam i tzw.

wodotrysków,

• unikanie zbyt ciężkiej i zbędnej, tj. nic nie

wnoszącej do treści serwisu, grafiki.

Całość można znaleźć w artykule : Top Ten
Guidelines for Homepage Usability

Strona multimedia

Jest to bardzo sporny temat. Niektórzy w
myśl zachowania zasady urzeczywistniania
strony, budowania bardziej odwzorowanych
w rzeczywistości interfejsów, tworzą duże pliki
graficzne, dobrej jakości zdjęcia, prezentacje
multimedialne. Ma to swoje konsekwencje:
skalowalność różnych rozdzielczości, gdy
nasza strona opiera się tylko i wyłącznie
o multimedialne rozwiązania, menu jest w
formie flash; wygląda bardzo ładnie, fajnie się
rozwija. Do tego baner i elementy interaktywne.
Konsekwencji takiego rozwiązania jest kilka:
szybkość ładowania strony internetowej,
potrzeba zainstalowania dodatkowych wtyczek.
Gdy nasza strona opiera się o standardowe
rozwiązania, to użytkownik decyduje, jaki
moduł zostaje załadowany, i w zależności
co wybierze, spodziewa się odpowiedniego
efektu (gdy przejdzie do działu zdjęcia). Ale
gdy strona jest oparta o jeden plik flash, w
którym umieszczona jest wysokiej jakości
grafika, menu, funkcje rysujące wektory czy
interakcja, strona taka na wolniejszych łączach
może ładować się kilka minut. Czy użytkownik
będzie na tyle cierpliwy, by poczekać? Istnieje
rozwiązanie tego problemu, ponieważ action
script, na podstawie którego opiera się grafika
flash, ma możliwość łączenia z bazą danych
i wyświetlania z tej właśnie bazy informacji.

Wystarczyłoby wszystkie elementy strony
umieścić właśnie w takiej bazie i ładować tylko
wtedy, gdy są potrzebne. Dużym plusem jest
to, że grafika flash traktuje każdy element jako
obiekt, i te obiekty mogą być zagnieżdżone, a
także ładowane tylko wtedy, gdy są potrzebne
za pomocą action script.

W zasadach projektowania wspomniałem

o rozmieszczeniu elementów, teraz pragnę
wrócić do tej myśli. Gdy posiadamy już
drzewo strony i wstępnie moduły zostały
rozrysowane, przystępujemy do kolejnego
etapu projektowania: przeniesienia naszej
strony internetowej w wersji alfa na wersje beta,
tj. w formę komputerową. Podstawową stronę
możemy zbudować w programie do tworzenia
prezentacji, np.: w OpenOffice, który pozwala
nam nawet na eksport pliku do formatu html
lub swf tylko w postaci plików graficznych. W
ramach testu utworzyłem przykładową stronę
WWW, a na zamieszczonej płycie CD będą
dodane wszystkie moje pliki utworzone w
ramach tego projektu. Samo projektowanie,
ustalanie elementów i przyznawanie im akcji
trwało kilka minut. Taką stronę rozdajemy
do testów, by użytkownicy zbadali jej
funkcjonalność.

Krojenie strony

Następnym etapem projektu beta jest
wyznaczenie rozmiaru poszczególnych
planowanych elementów i oddzielenie ich
od ogólnego pliku graficznego i zapisanie
jako pojedyncze pliki. Pomoże nam to w
późniejszym budowaniu szablonu strony w
CSS. Najlepiej jest zapisać projekt w formacie
jpg i rozpocząć jego krojenie za pomocą
programu graficznego (gimp – darmowy
program graficzny oparty na licencji GNU).
Obojętnie, jakiego narzędzia użyjemy, ważnym
jest, by pozwalał tworzyć prowadnice, które to
dostosujemy do naszej strony internetowej.
Dzięki prowadnicom odczytamy rozmiary
elementów, by później wiedzieć, w jaki sposób
umieścić je na stronie internetowej. Pociąć i
powycinać te elementy, a następnie zapisać
w formie pojedynczych plików. Pociętą stronę
możemy złożyć ponownie w programie
OpenOffice Writer, następnie zapisać w postaci
html. Oprogramować zdarzenia i przejścia.

Rozdzielczość

Wraz ze wzrostem sprzętu jakości
oprogramowania i szybkości komputerów,
użytkownicy Internetu stosują coraz to większe
rozdzielczości w swoich komputerach.

Jeszcze parę lat temu rozmiar 800x640 był
standardem. Teraz według najnowszych badań
(http://www.ranking.pl/index.php?page=Ranks:
RanksPage&stat=23|OW) dostępnych na
stronie www.ranking.pl można dowiedzieć się,
że aktualną rozdzielczością jest 1024x768.
Następną jest rozdzielczość charakterystyczna
dla monitorów laptopów 1280x800,

dlatego nasza strona powinna być

już zrobiona pod najbardziej funkcjonalną
rozdzielczość, tak aby cała treść znajdowała
się na stronie.

Zbyt długie artykuły

Wrócę jeszcze na chwilę do tematu
umieszczania treści na stronie internetowej.
Zbyt długi artykuł, który trzeba przewijać,
odstrasza użytkownika. Jeśli jednak podzielimy
jego treść i umieścimy kolejne strony,
pozwolimy użytkownikowi przekładać je i
nadzorować ten proces, to chętniej będzie
wracał do interesującej go strony. Dobrym
rozwiązaniem jest umieszczenie małego
streszczenia na początku każdej ze strony, by
osoba nie musiała czytać całego artykułu, tylko
interesujące ją informacje. Każdy z nas doceni
projektanta, który zadbał o to, byśmy ani chwili
nie marnowali ze swojego cennego czasu.

Jak to się ma do portali

W odróżnieniu od małych stron internetowych,
duże serwisy borykają się z problemem
nadmiaru informacji. Właściciel chciałby,
aby jak największa liczba użytkowników
zaglądała do serwisu, żeby każdy mógł w
nim znaleźć coś dla siebie: politykę, sport,
kulturę, motoryzację, coś dla kobiet. Jak
to wszystko rozgraniczyć, podzielić, aby
dostępność była łatwa i szybka dla każdej
grupy społecznej? Dodatkowe usługi,
jak poczta, są już standardem w takich
serwisach. Dlatego wracam do badań i
beta testów. Każda nowa funkcjonalność,
zmiana na stronie może przybliżyć lub oddalić
klienta od naszego rozwiązania, pomysłu.
Poszczególne rozwiązania są bardzo dobre,
np.: informacje na stronie są umieszczone w
postaci zmieniających się zdarzeń z różnych
dziedzin: nauki, kultury, polityki, a nawet
gospodarki. I gdy osoba wchodzi na portal,
w pierwszej kolejności jej wzrok zauważa
elementy zmieniające się; przyciągają one
uwagę. Pokusiłbym się nawet o stworzenie
takiego okna, gdzie pierwszy element będzie
wyświetlany 4 sekundy, a każdy następny 7
sekund. Wtedy osoba zainteresowana spojrzy

PRAKTYKA

HAKIN9 7-8/2009

PROJEKTOWANIE INTERFEJSÓW UŻYTECZNYCH

HAKIN9

7-8/2009

na ten pakiet, będzie się zastanawiać, co było
na początku, pierwsza informacja, a zarazem
będzie oglądać ten przegląd. W końcu ma
licznik, wie, że tych informacji jest niezbyt duża
ilość.

Personalizacja stron WWW

Zbuduj taką stronę, jaka jest najbardziej
potrzebna, czyli przystosowaną dla ciebie. I
nie chodzi tutaj o kolory czy zmianę szablonu
graficznego, ale zbudowanie modułowe
strony w taki sposób, by użytkownik mógł po
zalogowaniu się do serwisu oglądać tylko
takie informacje, które go interesują, i takie
reklamy, które są z jego dziedziny. Można
wtedy przeprowadzić badania przydatności
danej informacji artykułu, ponieważ każdy
z nas jest w tym serwisie zalogowany,
zarejestrowany. Można wykorzystać tę wiedzę
do budowania bardziej dopasowanych
reklam, aby zaspokoić potrzeby klienta.
Od strony technicznej wykonanie takiego
modułowego spersonalizowanego profilu dla
użytkownika nie jest trudnym rozwiązaniem, a
przysporzy popularności danemu serwisowi,
gdy na przykład po zalogowaniu się do
poczty wejdziemy na zakładkę wiadomości
i zobaczymy wydarzenia polityczne
lub ekonomiczne, albo gdy kobieta po
zalogowaniu się od razu zacznie czytać o
zdrowiu i urodzie. Nie chce generalizować,
jednak koncepcja personalizacji jest do
zrealizowania. Dzięki niej możliwe będzie
zbudowanie serwisów dla użytkowników, a nie
serwisów dla informacji.

Strona

a nowoczesne technologie

Każdy aspekt projektowania ma swoje plusy
i minusy. Aktualnie przyjmuje się, że strona
internetowa powinna opierać się o standardy
W3C. Zatem przy jej budowie powinny
być uwzględnione takie aspekty jak style,
podpisy do rysunków, ułatwienia dla osób
niewidomych, odpowiednie kolory. W3C jest
organizacją, która wyznacza normy i standardy
poprawności wyświetlania i tworzenia stron.
Dzięki walidacji jesteśmy w stanie ocenić
naszą stronę pod kątem występowania
błędów, poprawności kodu. Dzięki takiemu
zastosowaniu nasza strona będzie lepiej
wyglądać w różnych przeglądarkach i nie
będzie się sypać, rozjeżdżać.

Nie tylko strony internetowe cierpią na

funkcjonalności, duże złożone aplikacje
także mają zbyt skomplikowane nieintuicyjne

interfejsy, w konsekwencji czego użytkownicy
dzwonią do pomocy technicznej częściej z
pytaniem A gdzie ja mogę ustawić tę opcję?.
Jest to nierozsądne rozwiązanie, ponieważ
my sami przez złe zaplanowanie interfejsu
odstraszamy przyszłych klientów, psujemy
relacje między obecnymi, i marnujemy swój
czas na tłumaczenia, zamiast wykorzystać go
w bardziej produktywny sposób.

User Friendly

Interfejs przyjazny użytkownikowi, czyli taki, w
którym łatwo i przyjemnie nasz potencjalny
klient potrafi się odnaleźć. Nawet menu – słowa
w nim użyte – mają znaczenie. Zróbmy mały
eksperyment: pozycja informująca o adresie
naszej firmy i telefonie: KONTAKT, ADRES,
JESTEŚMY TUTAJ, SKONTAKTUJ SIĘ Z NAMI.

Jak myślicie, które z tych pozycji będą

najszybciej kojarzone przez użytkownika?
Mnie się wydaje, że dwa pierwsze słowa są
najbardziej intuicyjne. Posiadamy już stronę i
chcemy zbadać jej użyteczność w Internecie:
co klientów interesuje najbardziej, co lubią i
co wybierają. Do tego służy mapa klikalności,
wprowadzona całkiem niedawno do technik
internetowych. Pozwala ona na ustalenie,
gdzie klient klika. Badanie gemiusHeatMap
wskazuje odnośniki oraz miejsca na witrynie, w
które internauci najczęściej klikają. Dzięki temu
właściciel serwisu uzyskuje bogatszą wiedzę
na temat słabych i mocnych punktów swojej
witryny, a co za tym idzie, może poprawić jej
ergonomię i atrakcyjność, która informuje o
kliknięciach dokonanych przez internautów
w linki oraz elementy klikalne umieszczone
na stronie. Pozwala to ocenić, które materiały
cieszą się największą popularnością, oraz które
strefy witryny mogą posłużyć do najlepszego
pozycjonowania produktów i informacji. Takie
moduły zliczają obecnie również kliknięcia w
formularze, mapy i skrypty JavaScript (łącznie z
elementami wykonanymi w technologii AJAX).
Z kolei ClickMapa odwzorowuje wszystkie
kliknięcia wykonane na witrynie i prezentuje je
w formie mapy temperatury. Jak wyjaśniają
przedstawiciele Gemiusa, otrzymane wyniki
wskazują na najbardziej gorące punkty witryny,
czyli miejsca atrakcyjne dla użytkowników i
przyciągające ich uwagę. Webmaster może
dzięki tej funkcji dowiedzieć się, w której części
strony koncentruje się największy ruch i czy
użytkownicy klikają tylko w odnośniki, czy
także w inne elementy strony, które wydają
się im klikalne. Wracając do pierwszych zdań
mojego artykułu, nasuwają się wnioski, że

ogromna ilość stron nie jest w żaden sposób
nastawiona na interakcje z użytkownikiem.
Często poszukiwanie wiadomości utrudnia
sam interfejs, a czasem zbyt duża liczba mało
znaczących informacji.

Krótko o standardach

Początkujący webmasterzy , często uważają
z oburzeniem, że przecież skoro działa to nie
trzeba się przejmować żadnymi wytycznymi
jakichś organizacji. Głównym zadanie strony
www jest prezentacja informacji. I gdy spełnia
ten warunek po co zmieniać stronę. Pisząc
stronę zgodną ze standardami umieszczasz
dużo mniej kodu. Często gdy zmienimy
stronę z starego HTML na nowoczesne
XHTML+CSS rozmiar plików zmniejszy się
5, a nawet 10krotnie. Nie tylko oszczędzamy
czas wykonując kolejne zmiany, ale także
przyspieszymy jej ładowanie. Modyfikacja
wyglądu. Zmiana drobnego szczegółu opiera
się na zmianie jednej linijki w jednym pliku.
Zmiana organizacji menu zmiana kolorystyki
linków. Zmiana całego wyglądu witryny polega
na zmianie jednego pliku CSS. Dodatkowym
plusem jest że strona działa wszędzie,
niezależnie od użytej przeglądarki. Warto także
nawiązać, że poprawnie zrobiona strona
może być z powodzeniem przeglądana przez
osoby niewidome [za pomocą specjalnych
programów czytających stronę]. W przypadku
wielu dawnych stron jest to niewykonalne
– zagnieżdżanie setek tael w tabelach,
umieszczanie dziesiątek niepotrzebnych
grafik powodujących rozszerzenie
komórki itp. powodowało, że programy
te były bezużyteczne. Jeden plik XHTML
(sformatowany za pomocą innego pliku CSS)
jest obsługiwany przez wszystkie przeglądarki...
Co więcej jeden plik CSS może być czytany
przez setki stron www.

Podsumowanie

Zaprojektowanie interfejsu nie jest tak trudną
sprawą, jeśli zwrócimy uwagę na opisane w
tym artykule problemy. Oprzemy sie o jedną
z technologii. Musimy także pamiętać o
użytkownikach, którzy będą korzystać serwisu
i grup społecznych do których ten serwis jest
adresowany ...

Rafał Podsiadły

Od kilku lat fascynuje się nietypowymi technikami

zabezpieczeń, projektowaniem i wprowadzaniem

skutecznych polityk bezpieczeństwa, projektowaniem

użytecznych interfejsów dla użytkownika, psychologią

społeczną.

Kontakt z autorem: rafal.podsiadly@gmail.com