Htmlowe trendy sezonu
adminNa początku tego roku ukazał się na Smashing magazine jak zwykle ciekawy artykuł o trendach w projektowaniu serwisów internetowych na rok 2009 (zarówno trendach graficznych jak i tych dotyczących funkcjonalności). Jakkolwiek jest to subiektywna opinia wynikająca z obserwacji, to większość podsumowań jest trafnych. Nasze polskie standardy na dzień dzisiejszy odbiegają w niektórych punktach od tych światowych (np. ciągle rzadkością jest wprowadzanie fontów niesystemowych za pomocą np. sIFR, powodem jest tutaj pewnie też niedoskonałość tego rozwiązania na dzień dzisiejszy), ale i u nas można zauważyć pewne prawidłowości, które zaczynają wpisywać w standardy projektowania htmlowych serwisów www. Kilka z nich poniżej.
1. Obszerne menu (najczęściej umieszczane u góry, w układzie poziomym)
Już na stronie głównej możliwy jest przegląd niemal całej struktury serwisu w układzie kolumnowym (odchodzimy od pojedynczych, długich pionowych list), bez konieczności przechodzenia na osobną, dedykowaną temu podstronę (mapa strony).
Sklep, który znalazł się w 20 najpopularniejszych roku 2008. Wprowadzone zakładki pozwalają na szybkie przeklikiwanie między głównymi kategoriami.
Wystarczy najazd na button „Mapa działów” i niemal cały spis kategorii staje się widoczny.
Podobne rozwiązanie pojawiło się m.in. w nowej graficznej odsłonie travelplanet.pl.
Tutaj menu główne w tradycyjnym, pionowym układzie po lewej stronie, ale wprowadzone podkategorie są już wyświetlane w układzie kolumnowym. Można by jeszcze rozważyć kwestię użyteczności – czy możliwe byłoby wprowadzenie szybszej nawigacji, po najeździe, ale akurat dzięki zastosowaniu tego rozwiązania uniknięto problemu, z jakim boryka się nowy Wizaż.pl przy rozwijaniu podsekcji.
Nowa odsłona serwisu też już na stronie głównej prezentuje całe bogactwo swojej zawartości.
2. Duże fonty, coraz więcej szeryfów
Przez długi okres czasu powszechnie stosowane były dwa założenia przy projektowaniu pod technologię html:
a) Opytmalna różnica rozmiarów fontów to dwa stopnie
b) Fonty szeryfowe przez brak antyaliasingu są nieczytelne na ekranie monitora.
Obecnie odchodzimy zarówno od jednej jak i drugiej zasady. Pojawiają się duże nagłówkowe fonty (często dwukrotnie większe niż rozmiar fontów w samej treści), powszechne stało się też stosowanie fontów szeryfowych w tematach, do których pasują swoją stylistyką. Oczywiście nadal przy niewielkim rozmiarze szeryfy bez antyaliasingu czyta się gorzej, dlatego stosowane są głównie do tytułów, nagłówków, menu.
3. Przenikanie technologii html i flash
Flash zamieszczany w tle, z przezroczystością lub bez, na tym warstwy htmlowe. Na dzień dzisiejszy nie jest to może jeszcze najbardziej optymalne rozwiązanie, gdyby brać pod uwagę przeciętną wydajność procesorów, niemniej pojawia się coraz częściej. W prostszej postaci (Levi’s 501 ) przenikają się granice obszarów przeznaczonych na te dwie technologie, więc odchodzimy od sztywnych prostokątnych boksów jakie narzucał flashowy obszar.
4. Dynamicznie zmieniany obszar promocyjny/ informacyjny
Najczęściej z wykorzystaniem technologii javascript, rzadziej moduł flashowy z podpiętym CMSem. Pozwala na przeglądanie w stosunkowo niewielkim obszarze nowości czy promocji obrazowanych graficznie. Do tej pory najczęściej rozwiązanie to było stosowane w serwisach informacyjnych, ale ze względu zarówno na efekt jak i sens takiego rozwiązania (o wiele bardziej logiczny niż np. uniwersalny graficzny top dla całego serwisu), teraz pojawia się juz powszechnie, także na stronach produktowych czy korporacyjnych.
5. Wzrost wagi dolnej części serwisu
Obszar dolny strony, który był zarezerwowany dla najmniej ważnych informacji i stopki, obecnie zyskuje na wartości przez wprowadzenie szybkich, przydatnych linków, aktualności lub przekierowania do najciekawszych sekcji serwisu. Wraz z zawartością merytoryczną zmienia się układ graficzny: szeroki poziomy pas najczęściej odcięty jest kolorystycznie od reszty strony, a tym samym stanowi mocne, dolne domknięcie layoutu.
Dominika Kwol
Art Director
Dzięki za zauważenie!
Marketing wirusowy działa ;)
Pozdrawiamy,
ekipa ViViral!!
Mówicie trendy na 2009 rok? My te wszystkie rozwiązania wprowadziliśmy na rapgrę w 2006 lub 2007 roku :)
Gdyby faktycznie było z Rapgrą tak jak piszesz, to wielki szacun, ale w rzeczywistości sformułowanie „wszystkie rozwiązania wprowadziliśmy na rapgrę w 2006 lub 2007 roku” jest troszkę na wyrost, bo z wymienionych tutaj pięciu, można zaliczyć 1,5:-) ( zmienialny obszar promocyjny – choć dla serwisów informacyjnych, a w takiej konwencji utrzymana jest RAPGRA, to właśnie nie jest nowość, dodatkowym minusem jest zastosowanie tego rozwiązania we flashu, gdzie obecna tendencja to wykorzystanie łatwiejszego w edycji i uwzględnianego w pozycjonowaniu java script’u; i częściowo pełny zakres menu dostępny z poziomu strony głównej, choć do trendów zaliczam serwisy o obszernych mapach strony, a rapgra takim nie jest; dodatkowo menu jest ułożone w tradycyjnej, poziomej belce, a nie układzie kolumnowym) .
Warto czasem dokładniej czytać treść, jaką się komentuje:-)..trendy to nic innego jak nasilenie pewnego zjawiska/rozwiązań w danym okresie, co nie wyklucza jego występowania już wcześniej, o czym piszę np. w akapicie dotyczącym obszarów promocyjnych. Forma graficzna i rozwiązania programowe przykładowych trendów w chwili obecnej różnią się jednak od rozwiązań sprzed 2/3 lat istotnymi detalami, dlatego może warto pokusić się już o leciutki redesign strony, chociaż zawartość serwisu RAPGRA dla osób zainteresowanych jest całkiem fajna, a przede wszystkim na bieżąco aktualizowana.