pokrzywdzeni.gov.pl [wersja druga]

14 grudnia 2011 przez CapaciousCore | Opublikowany w Strony WWW

Tagi: ,

3

Ponad rok temu opisaliśmy na naszej platformie pierwszą wersję strony pokrzywdzeni.gov.pl. Niedawno zauważyliśmy, że witryna przeszła gruntowną transformację. Po krótkiej analizie doszliśmy do wniosku, że zostaliśmy pozytywnie zaskoczeni. Czyżby ktoś tam na górze wyciągnął wnioski? Najwyraźniej tak. Nawet w statystykach mamy adnotacje, że ktoś z wchodzi z różnych fajnych ministerstw. Widocznie komuś zależy na opinii.

Ze względu na to, że święta się zbliżają pomyśleliśmy, że ten wpis będzie niczym prezent w imię boga. Z poziomu szarego użytkownika wygląd stanowczo się poprawił. Można wręcz powiedzieć, że jest bardzo odpowiedni i czytelny. Ktoś bardzo postarał się aby to miało ręce i nogi. Autorzy aplikacji dołożyli wszelkich starań i dbali o każdy detal jeżeli chodzi o kwestie graficzne.

W kwestii kodu też jest bardzo duża poprawa, aczkolwiek do doskonałości jeszcze trochę brakuje.

  • Na początku sugerujemy porównanie jakości starego i nowego logo.
  • Duży plus od redakcji za ostylowanie „ramek” ważne i przykład na stronie dla dzieci.
  • Drugi plus od nas za dobrze wykonany top strony pod względem estetycznym. Można też powiedzieć, że te grafiki w stopce są znacznie lepszej jakości niż te w poprzedniej wersji strony.
  • Trzeci plus za „wylistowanie” punktów pomocy dla osób pokrzywdzonych na podstronie „Sieć pomocy”.
  • Niestety plusy kończą się już na stronie estetycznej. Prosimy przetestować chociażby wyszukiwarkę, która nie reaguję na jakiekolwiek hasła. Jednym słowem wielka lipa.
  • Dlaczego przed doctype znajdują się białe znaki?
  • Dlaczego Transitional zamiast Strict?
  • Masa zbędnych elementów w obszarze head! Część rzeczy nie respektuje Googlebot, część można zoptymalizować (np. 3 zewnętrzne arkusze stylów, masę bibliotek JS). Ktoś może wyjaśnić po co użytkownikowi ładuję się FCKEditor?
  • Masa zbędnych stylów inline!!!
  • Zastanawiającym jest fakt zawartości atrybutu alt:
    <img style="display: block;" src="/Themes/pokrzywdzeni/Images/opusc.png" alt="buba"/>

    Czy ktoś wie co on może znaczyć?

  • Tona albo nawet dwie niepotrzebnych span‚ów.
  • Puste elementy – FUJ!!!
    <div class="menu-container-right float-left"></div>
    <div class="clear"></div>
  • Przynajmniej użyto h1, h2 i h3. Normalnie szok!
  • Ładna reklama i zabieg SEO w stopce odnośnie linku do CMS’a.
  • A oto formularz kontaktowy bez haczyka i z haczykiem. Dostrzegacie różnice? Zwróćcie uwagę na ostatnią niebieską gwiazdkę. Tak, tak, tam jest checkbox.
  • Od kiedy twarda spacja w paragrafie służy do tworzenia odstępów?
    <p> </p>
  • Wszędzie gdzie występuje treść w kodzie widnieje magiczne:
    <p style="text-align: justify">
  • Cieszy nas niezmiernie fakt użycia breadcrumbs jednakże można też doszukać się ciekawych nazw klas dla CSS:
    <div class="opakowanie-strony">
    <li class="dzyndzelek">

    Aż boimy się zapytać czym jest ów dzyndzelek 🙂

  • Na stronie można policzyć ilość występowania atrybutu id na palcach jednej reki. Czy faktycznie wszystko potrzebuje klasy?
  • Czy taki link jest dowodem na to, że system adresowania „wpisów” jest nie do końca przemyślany?
  • Istna rzeźnia jeżeli chodzi o arkusz stylów CSS. Nie zauważyliśmy „globalnego zerowania marginesów” – ciekawe…
  • Złym nawykiem jest też mieszanie polskiego i angielskiego nazewnictwa w HTML i CSS
  • Strona główna bez grafiki wygląda tragicznie.

Pod względem strony wizualnej odbieranej przez przeciętnego użytkownika widać naprawdę dużą poprawę. Niestety kwestia zakodowania strony nadal pozostawia wiele do życzenia. A szkoda, dobrze byłoby napisać kiedyś całkiem pochlebną recenzję… Pozostaje nam czekać na kolejną wersję strony.

Komentarze 3 komentarze

wygląda zdecydowanie ładnie, to prawda, ale dalej średnio z dostępnością (brak atrybutu lang, niepotrzebnie udziwniony kod itp.). Odnośnie h1 – tak świetnie to znowu nie jest 😉 logo to zwykły span, h1 jest dopiero w połowie kodu (średnio trafne)
jeśli chodzi o to, że mało id, dużo klas. Spójrzmy np. na bootstrapa – do stylowania używa tylko klas. IMO to ma sens – klasy od wyglądu, id od JS i przeznaczenia elementu.

http://pokrzywdzeni.gov.pl/
Ja tu widzę inne logo

Dziękuję za przedstawione w tekście uwagi (jak i miłe słowa w części kwestii). Niektóre błędy (głównie nazewnictwo klas czy alta) to rzeczy, z których trudno się wytłumaczyć 🙂 – zostały poprawione. Inne to wynik ustaleń z klientem (których z oczywistych powodów nie będę tu podejmował) czy ustawień serwera, na którym pracuje serwis.
Tak czy inaczej mamy nadzieję jeszcze popracować nad innymi elementami strony, bo na pewno tego wymagają.

Napisz komentarz

Uwaga! Uprasza się komentujących, którzy chcą obrazić autora, aby najpierw dokonali niezbędnego researchu jego osoby. Z góry dziękujemy za poświęcony czas.