![]() | Home | ![]() |
![]() |
|
![]() |
|
![]() ![]() ![]() |
(Note: This page is available in Polish language only. If you would like it translated to English, please let me know. Sorry for the inconvenience) |
Spójność wyglądu Czy zachowaliśmy spójność wyglądu interfejsu? Jest to jeden z ważniejszych aspektów serwisu – każdy bez powodu inaczej wyglądający odnośnik, przycisk innego koloru, odmienna czcionka spowoduje zagubienie się internauty. Warto przejrzeć pod tym kątem cały serwis. W zachowaniu spójności serwisu pomogą nam takie technologie jak CSS (tworzymy jeden plik ze stylami, a następnie używamy go na każdej podstronie), albo PHP/ASP (możemy stworzyć np. jeden plik z fragmentem kodu HTML tworzącym nawigację, a potem włączać go na każdej stronie dyrektywą include). Możemy także stworzyć sobie własną listę ogólnych zasad (np. “każdy zewnętrzny odnośnik oznaczać należy ikonką” lub “nazwisko autora artykułu należy umieścić zaraz pod jego tytułem”) po to, aby w razie potrzeby zajrzeć do nich, zamiast polegania na zawodnej pamięci. |
Tytuły obrazków Czy wszystkie znaczące obrazki na stronie są opisane? (atrybut ALT w znaczniku <IMG>) Opisy pomagają osobom z wolnymi łączami, korzystającym z przeglądarek tekstowych lub mającym kłopoty ze wzrokiem (a także... wyszukiwarkom).
Więcej informacji znajdziesz także w artykule “Użyteczność przede wszystkim.” |
Rozmiary obrazków Czy podaliśmy z góry rozmiary każdego obrazka i elementu interfejsu na stronie? (atrybuty WIDTH= i HEIGHT= w znaczniku <IMG>) Dzięki temu proces wczytywania się strony będzie dużo przyjemniejszy. Więcej informacji znajdziesz w artykule “Użyteczność przede wszystkim.” |
Optymalizacja grafiki
Czy każda z podstron wczytuje się tak szybko, jak to jest możliwe? Czy wykorzystaliśmy
narzędzia takie jak PNGcrush W przypadku JPEG możemy dopasować stopień kompresji tak, aby plik był jak najmniejszy, ale wciąż odpowiednio czytelny. Wspomniany Adobe ImageReady potrafi zrobić podobną rzecz z plikami GIF. Natomiast dzięki PNGcrush możemy zoptymalizować pliki PNG. Pamiętajmy także, że niektóre programy graficzne zapisują z ilustracją także np. metadane (informacje o ilustracji, autorze itd.) albo jej miniaturkę. Te rzeczy nie przydadzą się na stronach WWW, a jedynie zwiększą wymiary grafik i w rezultacie czas ich wczytywania. |
Zaznaczenie nietypowych odnośników Czy internauta zorientuje się, które odnośniki skierują go do innej witryny? Czy będzie wiedział, że po kliknięciu otworzy mu się nowe okno przeglądarki? Upewnijmy się, że każdy nietypowy odnośnik jest odpowiednio opisany.
Na tej witrynie odnośniki przenoszące
do innych stron
Podobnie oznaczone są odnośniki do stron w języku angielskim |
Jeżeli masz pomysł na nową poradę, której nie ma w żadnej kategorii, napisz do mnie. | |
![]() ![]() |
Page added on 23rd September 2003. Copyright © 2002-2005 Marcin Wichary |
Printable version | Contact | Site map |