Z uwagi na rozwój i rosnącą popularność urządzeń mobilnych zmieniają się zachowania i oczekiwania użytkowników co do wyglądu i funkcjonalności stron. Warto wiedzieć jak podnieść atrakcyjność i użyteczność serwisu www. Udowodniono, że nowoczesna i atrakcyjna strona internetowa sprawia, że firma jest postrzegana jako lider w branży.

1. Opracowanie:
Odwiedź stronę www.migomedia.pl
Wykonanie strony internetowej często
wymaga poświęcenia wielu dni
na projektowanie i programowanie.
Dotyczy to również prostych elementów
czy komponentów stron. Ponadto ważne
jest utrzymanie spójności i użyteczności
stron internetowych. Dlatego warto
korzystać z ustandaryzowanych
wzorców oraz gotowych bibliotek.
W projektowaniu są to np. zestawy
piktogramów czy siatki projektowe
(tzw. grid). W programowaniu zaś mogą
to być wtyczki mediów
społecznościowych czy tzw. frameworki
ułatwiające budowanie
zaawansowanych aplikacji.
WZORCE
I STANDARDY7
Większość firm ma własną bazę
klientów, którym regularnie wysyła
newsletter lub informacje o nowościach
czy promocjach. Dobrze widoczny moduł
newslettera na stronie www zwiększa
szansę na zapisanie się nowych
użytkowników i potencjalnych klientów
na listę mailingową. To prosty sposób
na zbudowanie bazy adresowej
potencjalnych klientów. Email marketing
jest jedną ze skuteczniejszych form
sprzedaży.
WIDOCZNY
NEWSLETTER6
agencja interaktywna, która specjalizuje się w tworzeniu serwisów,
sklepów internetowych i kampaniach sprzedażowych
prezentuje infografikę
Zaletą płaskiej grafiki jest jej lekkość
i prostota. Pozwala to na użycie
animacji w HTML5 czyli bez użycia
Flasha. Unikajmy animacji, które nie mają
żadnego przekazu, a odwracają uwagę
od nagłówka czy tekstu reklamowego.
Dobra animacja to taka, która niesie
za sobą jakiś przekaz marketingowy
i jest wartością dodaną dla użytkownika.
Np. w przypadku prostej animacji jak
rotacja zdjęć, warto by oprócz zdjęć
rotowały się slogany dopasowane do
tych zdjęć, wtedy przekaz jest ciekawszy.
DELIKATNE
I LEKKIE ANIMACJE5
Z racji przeglądania przez użytkowników
stron na różnych urządzeniach,
zamieszczane na nich obrazy powinny
być w rozdzielczości, która nie traci na
jakości bez względu na rozmiar ekranu
urządzenia, na którym jest wyświetlana.
Obrazy mogą być umieszczane w formacie
bitmapy lub wektorów.
RESPONSYWNE
OBRAZY4
Użytkownicy są niecierpliwi,
oczekują szybko ładujących się stron,
ale też prostych i przejrzystych,
których grafika jest użyteczna i zwraca
uwagę na istotne elementy, a nie jest
pokazem umiejętności graficznych.
Rozwiązaniem jest flat design, czyli
projektowanie elementów płaskich, bez
cieni i gradientów. Dzięki ograniczeniu
efektów graficznych, serwis internetowy
szybciej ładuje się na stronie, co jest
bardzo ważne przy rosnącej
popularności urządzeń mobilnych.
PŁASKI STYL
GRAFICZNY
CZYLI MINIMALIZM,
PROSTOTA, PRZEJRZYSTOŚĆ
3
Duże elementy są poręczne
do oglądania na wszystkich
urządzeniach od komputerów przez
tablety po smartfony. Obecnie coraz
częściej napisy, nagłówki są pisane
większą czcionką niż to było kilka
lat temu. Podobnie jest
z przyciskami, w większe przyciski
łatwiej trafić nie tylko myszką,
ale też palcem podczas przeglądania
strony na tablecie. Dodatkowo
by przyciągnąć uwagę użytkownika,
a także by w przejrzysty i intuicyjny
sposób przedstawić treści,
projektuje się interaktywne elementy
na stronie, które zachęcają
go do pozostania na stronie
i "odkrywania". Dzięki interakcji
z użytkownikiem niektóre treści
pokazywane są dopiero po kliknięciu
lub podczas przewijania ekranu.
To często zwiększa atrakcyjność strony
i zadowolenie użytkownika.
DUŻE ELEMENTY
I INTERAKCJE2
Kiedyś strony oglądało się przesuwając
suwak po prawej stronie ekranu
i przechodząc na kolejne, liczne
podstrony. Obecnie użytkownicy wolą
dłuższe strony. Wówczas przesuwają
palcem na urządzaniach przenośnych
lub przewijają myszą na urządzeniach
stacjonarnych. Ten sposób ułatwia
i przyspiesza zapoznanie się z treścią.
Użytkownicy najpierw pobieżnie
przeglądają treść, a następnie decydują,
czy warto poświęcić czas i ją przeczytać.
Coraz więcej tworzonych stron
będzie dłuższych i przewijanych.
GESTY ZAMIAST
KLIKNIĘĆ1
W N I O S K I :
Struktura nawigacji będzie
bardziej płaska, a odnośników
do podstron będzie mniej.
Strony będą podzielone
na intuicyjne bloki zajmujące
cały ekran.
Elementy klikalne będą większe
i interaktywne - będą rozwijać
("wywoływać') ukryte informacje.
7TRENDÓWW PROJEKTOWANIU STRON INTERNETOWYCH