Webdesign czyli jak projektować strony www

3 min czytania

Trendy w projektowaniu stron www ulegają zmianie co kilka miesięcy. Specjalnie dla Was przygotowaliśmy przegląd najnowszych rozwiązań z zakresu designu i usability witryn internetowych. Sprawdźcie jakich sztuczek używają web designerzy, żeby zaprojektowane przez nich stronki były „dobre”.

MINIMALIZM – to obecnie najpopularniejszy styl w webdesignie. Czyste layouty, dużo światła i przestrzeni, proste grafiki i infografiki to jego główne zalety. Przekaz treści opiera się na prostocie i ograniczeniu liczby wykorzystanych elementów, często pojawia się jasne tło i kilka wyrazistych elementów graficznych w intensywnych kolorach. Stworzenie minimalistycznej strony www to duże wyzwanie dla projektanta, bo dobra witryna musi być prosta, ale nie prymitywna.

ttp://www.chamainc.com/

 

RESPONSIBLE WEB DESIGN – czyli projektowanie stron internetowych na urządzenia mobilne. Dzięki RWD treść, grafika i layouty strony automatycznie przystosowują się do rozmiarów monitora w notebooku, tablecie lub smartfonie. Rozwiązanie wprowadza niespotykaną dotychczas uniwersalność i podnosi webusabilty.

Wykorzystywanie RWD odgrywa niebagatelną rolę jeszcze z jednego powodu. Ilość osób korzystających z urządzeń mobilnych stale wzrasta. Coraz częściej strony przeglądamy nie w domu przed monitorem, ale w korku, knajpie, na przystanku czy podczas jazdy autobusem. Jeżeli domena nie jest przystosowana do urządzeń mobilnych, to tym samym jej przeglądanie jest znacznie utrudnione i zwyczajnie niewygodne. Jeżeli coś sprawia nam tyle kłopotu, rozwiązanie jest przeważnie jedno – rezygnujemy z tego i znajdujemy sobie coś prostszego w obsłudze. W tym przypadku inną stronę www o podobnej treści. A nie o to nam przecież chodzi.

Żeby jeszcze bardziej usprawnić i przyśpieszyć wyszukiwanie potrzebnych informacji, RWD wykorzystuje często Single Page Layout, czyli umieszczanie wszystkich treści wyłącznie na stronie głównej. Jest to kolejny krok w stronę podnoszenia użyteczności witryn www. Trend jest wynikiem badań nad zachowaniami użytkowników, z których wynika, że wielu z nich nie ma czasu na przekopywanie się przez zalew zbędnych informacji i odwiedzanie mnóstwa kolejnych podstron.

http://www.madebysofa.com/

Na szybki dostęp do informacji pozwala również tworzenie przejrzystej siatki strony (tzw. Grids) i nadanie jej odpowiedniej struktury. Dzięki takiemu rozwiązaniu użytkownik zyskuje dostęp do interesujących go treści za pomocą jednego kliknięcia.

http://www.leica-oskar-barnack-award.com/

USABILITY – czyli już wcześniej wspomniana użyteczność, to trend, który nieodzownie łączy się z dwoma poprzednimi. O użyteczności decyduje funkcjonalność, intuicyjność i prostota w korzystaniu z witryny www. Ważne, aby klient, który korzysta z niej po raz pierwszy był w stanie szybko ją opanować, a ten powracający pamiętał zasady jej użytkowania.

Świetnym przykładem webusability jest technika Fixed position. Elementy fixed position zawsze pozostają w tym samym miejscu na ekranie, pomimo przewijania strony. Dzięki temu użytkownik wie, w którym miejscu szukać najważniejszych elementów, np. zakładek menu. Na użyteczność wpływają też elementy takie jak grafika, nawigacja czy działanie portalu we wszystkich przeglądarkach internetowych.

Dziś, przy ciągłym braku czasu i konieczności szybkiego filtrowania informacji, dbałość o webusability jest niezbędna.

https://jux.com/

TYPOGRAFIA – stanowi uzupełnienie dobrej strony www. Czerpie inspirację z tradycyjnej poligrafii i druku reklamowego. Wiodącym trendem jest używanie pogrubionych i różnorodnych krojów czcionek w jednym akapicie oraz nietypowych układów tekstu. Przy zastosowaniu takiego rozwiązania stosuje się często jasne, wręcz ascetyczne tło, które nie odwraca uwagi użytkownika od tego, co najważniejsze – treści.

http://www.madebyvadim.com/

FULL SCREEN DESIGN – dzięki wykorzystaniu możliwości monitorów panoramicznych webdesignerzy mają szerokie pole do popisu. FSD umożliwia wykorzystanie wielokolumnowego układu tekstu i wielkoformatowych zdjęć w wysokiej rozdzielczości

ANIMACJE - wiele stron internetowych jest wzbogacanych o rozsuwane panele, subtelne animacje i inne rozwiązania, które tworzone są po to, żeby zadziwić użytkownika. Dobrze zrobione interaktywne menu, czy ciekawe intro potrafi przenieść internautów w wirtualny świat, za pomocą jednego kliknięcia myszką i przyciągnąć uwagę na długi, długi czas… Na szczęście (lub niestety) ten trend powoli odchodzi do przeszłości.

EKSPERYMENTY - projektantom witryn internetowych nie są obce eksperymenty i wykorzystywanie coraz nowszych technologii. Coraz częściej wędrując po sieci można trafić na elementy interaktywne, czy rozwiązania w technice 3D, które zapewniają spektakularne efekty wizualne. I choć nie wszyscy są ich zwolennikami, to warto obserwować rozwój tego trendu, bo ma w sobie naprawdę duży potencjał.

http://www.ecodazoo.com/

Jak widać, w tym roku pojawiło się wiele trendów, które zmieniły dotychczasowy sposób myślenia na temat projektowania stron www. Patrząc na portale internetowe zaprojektowane według najnowszych standardów ciężko uwierzyć, że jeszcze kilka lat temu dominowały intensywne kolory, animacje flashowe i Web 2.0. Dziś wydaje się to być odległą historią. Jednak historia często się powtarza, a trendy lubią wracać. Czy tak będzie w web designie? Czas pokaże…