Porady

Projektowanie stron internetowych jest o wiele bardziej zależne od zmian technologicznych, niż w przypadku nośników tradycyjnych, np. druku. Warto zauważyć, że Web Designerzy (osoby projektujące strony internetowe) bardzo dobrze radzą sobie z rosnącymi wyzwaniami technologicznymi oraz potrafią tworzyć strony przyjazne dla użytkownika, przejrzyste i innowacyjne, przystosowujące się do każdego możliwego urządzenia i po prostu ładne.

W 2017 roku byliśmy świadkami przełomu, kiedy to przeglądanie stron internetowych na urządzeniach mobilnych wyprzedziło komputery stacjonarne. Oznacza to, że 2018 rok będzie musiał w pełni wykorzystać funkcjonalność mobilną w sposób, jakiego nigdy wcześniej nie widzieliśmy. Rzućmy zatem okiem na niektóre godne uwagi trendy w projektowaniu stron internetowych, które będą rozwijane w 2018 roku.

Mimo, że cienie są od dawna podstawą projektowania stron internetowych, dzięki postępowi przeglądarek internetowych, obserwujemy kilka ekscytujących odmian tego trendu. Coraz bardziej popularne są warstwowe układy, nachodzące na siebie, przewijające się z różną prędkością. (tzw. parallaxy). Projektanci stron internetowych bawią się cieniami bardziej niż kiedykolwiek, aby stworzyć głębię i iluzję świata poza ekranem. Jest to bezpośrednia reakcja na trend płaskiego wzornictwa, który był i nadal jest popularny.

Gra cieni tworzy zaskakujący efekt, który zwiększa nie tylko estetykę strony internetowej, ale także wspomaga użytkownika w poruszaniu się po witrynie internetowej (User Experience – UX). Na przykład, używanie miękkich, subtelnych cieni jako efektu najazdu na elementy strony (hover) oraz połączenie ich z żywymi gradientami kolorów zwiększa trójwymiarowy efekt i po prostu dobrze wygląd

2018 to zdecydowanie rok żywych, nasyconych kolorów na stronach internetowych. Podczas gdy w przeszłości wiele marek utrzymywało się w kolorach stonowanych i bezpiecznych, coraz więcej projektów stron internetowych staje się bardziej odważnych w podejściu do kolorów – w tym przesycenia i żywych odcieni połączonych z nagłówkami, które nie są już tylko poziome, ale ponownie przerysowane za pomocą ukośników i ostrych kątów.

Na ten trend ma wpływ niewątpliwie postęp technologiczny monitorów coraz lepiej odwzorowujących kolory oraz urządzeń mobilnych z ekranami HD, które są coraz lepsze. Żywe, a nawet kontrastujące ze sobą kolory mogą być przydatne dla nowych marek, które liczą na natychmiastowe przyciągnięcie uwagi. Ten trend jest również idealny dla marek, które chcą odróżnić się od „bezpiecznego designu” i tradycji.

Według serwisu StatCounter.com ponad 60 proc. ruchu w internecie w Polsce pochodzi ze smartfonów i tabletów. To bardzo dużo, dlatego istotne jest dostosowanie strony do każdego rodzaju urządzenia. W przeszłości był to przylegający proces, którego użytkownicy nie przyjęli tak szybko. Jednak teraz statystyki pokazują, że w coraz większej ilości branż małych i średnich przedsiębiorstw, ruch na stronach www generowany jest właśnie przez urządzenia mobilne a nie kopmutery stacjonarne. Osoby wchodzące na stronę internetową przez urządzenia mobilne oczekują szybkiego działania i prostego, czytelnego menu.

Przyciski powinny być odpowiedniej wielkości dostosowane do rozmiaru palca, którym obsługujemy urządzenia mobilne. Ikony powinny być czytelne i zrozumiałe dla użytkownika, zaprojektowane w taki sposób, by nie trzeba było zastanawiać się nad ich przeznaczeniem. Prostota, użyteczność, odpowiedni UX (User Experience) i sprawna funkcjonalność to podstawowe założenia wpływające na sukces przedsięwzięcia.

AMP (Accelerated Mobile Pages) jest projektem, który ma pomóc usprawnić działanie mobilnych stron internetowych. Należy pamiętać, że mimo upowszechnienia internetu mobilnego nie zawsze jego szybkość jest wystarczająca, aby dynamicznie wczytać rozbudowaną i bogatą w treści witrynę. Każda sekunda opóźnienia zwiększa ryzyko, że użytkownik ją po prostu opuści. Aby temu zapobiec, Google wraz ze swoimi partnerami uruchomili AMP. Projekt ma charakter open source’owy, co znaczy, że każdy ma dostęp do kodu źródłowego, może go udoskonalać i modyfikować, a także wykorzystywać za darmo.

Ilustracje dają bardzo duże możliwości kreacji. To świetne, uniwersalne nośniki do tworzenia obrazów, które są przyjazne, mogą być śmieszne oraz dodają element zabawy do witryny internetowej. Web designerzy, graficy czy artyści mogą tworzyć ilustracje, które są pełne osobowości dostosowanych do charakteru marki – do czego dążą wszystkie marki na rynkach, które każdego roku stają się coraz bardziej zatłoczone.

Trend ten jest idealny dla firm, które chcą być postrzegane jako energiczne, dające radość, ale mogą również sprawić, że marki, które są zazwyczaj postrzegane jako poważne i stonowane, będą bardziej dostępne dla swoich klientów. Niezależnie od tego, jaka jest Twoja tożsamość marki, najprawdopodobniej dopasujesz styl ilustracji do swoich potrzeb.

Typografia w czasach przed-internetowych oznaczała specjalną technikę druku wypukłego wykonanego na maszynach drukarskich z form zawierających materiał zecerski oraz klisze. Współczesna typografia to przeplatanie cienkich ascetycznych fontów, tłustymi i ciężkimi krojami szeryfowymi. Działanie na zasadzie kontrastów wprowadza do przestrzeni dynamikę oraz sprawia, że oko użytkownika się nie męczy, śledząc cały czas ten sam monotonny tekst.

Typografia zawsze była potężnym narzędziem wizualnym, zdolnym do tworzenia osobowości, wywoływania emocji i nadawania tonów stronie internetowej przy jednoczesnym przekazywaniu ważnych informacji. Teraz, gdy rozdzielczości urządzeń stają się coraz większe a czcionki łatwiejsze do odczytania, spodziewany jest duży wzrost wykorzystania czcionek niestandardowych. Z wyłączeniem Internet Explorera wiele przeglądarek może obsługiwać ręcznie wykonane kroje pisma, które są włączone przez CSS dla przeglądarek internetowych. Tendencja wykorzystywania dużych liter, kontrastujących nagłówków pomaga tworzyć dynamiczne podobieństwa tekstów, ulepszać UX (User Experience), a co najważniejsze, utrzymywać odwiedzającego w Twojej witrynie w internecie.

Jedną z dużych zmian w 2017 r. było wprowadzenie asymetrycznych i niekonwencjonalnych „zepsutych” układów, a ten trend sieciowy nadal będzie się rozwijał w 2018 r. Atrakcyjność układu asymetrycznego polega na tym, że jest unikalny, wyróżniający się a czasem wręcz eksperymentalny.

Chociaż duże marki z dużą ilością treści nadal korzystają z tradycyjnych struktur w sieci, oczekuje się wzrostu wykorzystania niekonwencjonalnych układów w projektowaniu stron internetowych. Kreacja marki zakłada stworzenie wyjątkowego doświadczenia, aby się wyróżnić. Tradycyjne firmy na ogół nie będą zainteresowane tą estetyką.

Nie mniej jednak duże firmy, które mogą sobie pozwolić na agresywny dynamiczny przekaz będą oczekiwały nowatorskich pomysłów od twórców ich kreacji w Internecie.

Wraz z rozwojem technologii przeglądarek, coraz więcej twórców stron internetowych porzuca statyczne ilustracje na rzecz animacji, aby przyciągnąć uwagę użytkowników. W przeciwieństwie do wcześniej wspomnianych ilustracji, które zazwyczaj tworzą statyczne tło, animacje są pomocne w angażowaniu użytkownika przez całe jego doświadczenie na stronie. Animacja może na przykład zająć użytkownika podczas ładowania strony lub wyświetlać użytkownikowi interesujące rozwinięcie grafiki po najechaniu na link. Można je również zintegrować w z przewijaniem (scrollowaniem) strony internetowej, nawigacją lub centralnym punktem całej witryny.

Animacja to świetne narzędzie do włączania użytkowników w pewną historię, pozwalając im widzieć siebie (i ich potencjalną przyszłość jako klientów) w postaciach. Nawet jeśli interesują cię tylko animacje ciekawych abstrakcyjnych elementów wizualnych, dobrze się sprawdzą, aby stworzyć znaczące interakcje z użytkownikami.

W ciągu ostatnich kilku lat tzw. „flat design” był zdecydowanie preferowanym trendem w projektowaniu stron internetowych. Ale gradienty powracają w 2018 roku. Ostatnio pojawiające się kreacje były projektowane głównie w postaci subtelnego cieniowania sugerującego 3D – ikony Apple na iOS są świetnym przykładem.

Teraz gradienty są już duże, wyraźne i pełne kolorów. Najpopularniejszym niedawnym wcieleniem jest filtr zdjęć – świetny sposób na to by mało interesujące zdjęcie stało się bardziej intrygujące. Proste, gradientowe tło może być także idealnym rozwiązaniem, jeśli nie masz żadnych innych obrazów pasujących do twojej strony internetowej.

Wyraźne kolory, odważne gradienty i zintegrowane animacje będą trendami rozwijanymi w 2018 roku. Nie możemy się doczekać, aby zobaczyć co projektanci wymyślą i jak będą przesuwać granice interakcji z użytkownikami Internetu.

W 2017 roku z 26,5 mln polskich internautów 14,3 mln zrobiło zakupy on-line tworząc rynek wart około 40 mld zł. Przewiduje się, że wartość polskiego rynku handlu on-line wzrośnie o 23 proc. i w 2018 roku przekroczy kwotę 50 mld złotych, natomiast w 2020 roku osiągnie 70 mld.

Po pierwsze, dorasta młode pokolenie osób, dla których zakupy w sklepie internetowym są czymś zupełnie naturalnym. Z drugiej strony do wzrostu popularności handlu w internecie przyczyniają się również osoby starsze, które przekonały się, że zakupy w sieci są bezpieczne.

Po drugie, wygoda i dostępność. Według badania „E-commerce w Polsce 2017” zrealizowanego przez Gemius dla e-Commerce Polska, najsilniejszym czynnikiem zachęcającym do e-zakupów jest ich całodobowa dostępność (82 proc. wskazań). Zakupy online są postrzegane jako nieskomplikowane (41 proc.) i wygodne (44 proc.), ale także tańsze (33 proc.) i zajmujące mniej czasu (39 proc.) niż te w sklepach tradycyjnych. Skraca się czas dostarczenia towaru do klienta. Bardzo istotnym elementem jest również przyjazna polityka sklepów dotycząca zwrotu zakupionego towaru.

Warto też zauważyć, że coraz większą rolę w handlu w sieci odgrywa nie tylko oferta dla klientów indywidualnych, ale również ta kierowana do innych przedsiębiorców w formule B2B.

Głównym kryterium zakupowym wciąż pozostaje cena, jednak coraz większe znaczenie mają czynniki takie jak: wygodny, intuicyjny sklep internetowy, przystosowany również do urządzeń mobilnych; szybkie, bezpieczne płatności; przyjazna polityka zwrotów i wymiana zakupionych towarów; szybka dostawa. Niezwykle istotne jest rozwijanie wsparcia klienta (Customer Support) i minimalizowanie czasu reakcji na ewentualne reklamacje czy zgłoszenia o problemach technicznych.

Projektując stronę czy sklep internetowy należy pamiętać przede wszystkim o potrzebach użytkowników. Według serwisu StatCounter.com ponad 60 proc. ruchu w internecie w Polsce pochodzi ze smartfonów i tabletów. To bardzo dużo, dlatego istotne jest dostosowanie strony do każdego urządzenia. Osoby wchodzące na stronę sklepu przez urządzenia mobilne oczekują szybkiego i prostego procesu złożenia zamówienia. Należy więc maksymalnie uprościć formularze. Potencjalny klient powinien wiedzieć na którym etapie transakcji się znajduje oraz ile kroków pozostało do finalizacji zakupu. Przyciski powinny być odpowiedniej wielkości dostosowane do rozmiaru palca, którym obsługujemy urządzenia mobilne. Ikony powinny być czytelne i zrozumiałe dla użytkownika, zaprojektowane w taki sposób, by nie trzeba było zastanawiać się nad ich przeznaczeniem.

Prostota, użyteczność, odpowiedni UX (User Experience) i sprawna funkcjonalność to podstawowe założenia wpływające na sukces przedsięwzięcia. Należy także pamiętać, że sklep internetowy powinien przede wszystkim wzbudzać zaufanie.

Każdy sklep internetowy powinien posiadać rozbudowany wachlarz metod obsługi płatności.

Do najpopularniejszych sposobów płatności należą: szybki przelew pay-by-link, płatności Blikiem lub PeoPay, płatność E-portfelem, zwykły przelew bankowy, karta płatnicza.

Jest to jedna z najpopularniejszych obecnie metod. Po dokonaniu zakupów wybieramy opcję płatności szybkim przelewem. Następnie zostajemy przekierowani na stronę operatora płatności internetowych gdzie wybieramy ikonkę banku, w którym mamy konto. Logujemy się na stronę banku i mamy automatycznie wypełniony formularz przelewu. Po autoryzacji informacja o tym, że wysłaliśmy przelew od razu trafi do sprzedawcy, dzięki czemu będzie mógł niezwłocznie nadać przesyłkę .

Po wybraniu płatności Blikiem należy wpisać sześciocyfrowy kod, który wyświetli się nam w aplikacji mobilnej banku. Następnie zatwierdzamy płatność w naszym telefonie. W przypadku PeoPay należy zeskanować kod QR, który wyświetli się na monitorze i zaakceptować płatność w aplikacji. Także i w tym przypadku sprzedawca dostanie od razu informację o tym, że przelew został zlecony.

Do najpopularniejszych e-portfeli należą PayPal i Masterpass. Użytkownik zakłada konto w serwisie zajmującym się płatnościami on-line. Następnie podpina swoje karty płatnicze tak, aby mógł dokonywać wszelkich transakcji w sieci lub za pomocą telefonu. Sprzedawca natychmiast otrzymuje informacje o przeprowadzeniu transakcji.

W większości sklepów internetowych zakupy można opłacić także standardowym przelewem zlecanym przez system bankowości internetowej. W tym przypadku sami musimy wypełnić formularz przelewu. Informacja o płatności trafi do sprzedawcy dopiero wtedy, gdy pieniądze wpłyną na jego konto.

Aby dokonać płatności kartą należy wprowadzić numery karty, datę jej ważności oraz trzycyfrowy kod CVC/CVV znajdujący się na odwrocie plastiku.

Pomimo szerokiej oferty płatności nadal aż 16% osób kupujących w sklepach internetowych wybiera opcję płatności pobraniowej.

Dostarczenie zakupionego towaru to, obok platformy e-commerce oraz systemu płatności, jedno z kluczowych zagadnień wpływających na zadowolenie klienta. Dobrą praktyką i coraz bardziej widocznym trendem jest pozostawienie wyboru opcji dostawy klientowi, który dokonał zakupu w sklepie internetowym. Klient nie tylko sam wybiera dostawcę i cenę za tę usługę, ale również zdecyduje, czy na zakupy będzie czekał pod domowym adresem, czy odbierze je w najbliższym punkcie funkcjonującym w sieciach typu „Paczka w Ruchu” lub też o dowolnie wybranej porze wyjmie sobie przesyłkę z paczkomatu.

W 2015 roku nałożono na przedsiębiorców restrykcyjne obowiązki informacyjne i nadano konsumentom 14-dniowe prawo do zwrotu towaru bez podania przyczyny. Mimo wielu obaw o nadużywanie prawa do zwrotów, obserwujemy wzrost branży e – commerce a sklepy internetowe same wydłużają czas zwrotu do 30 a nawet 100 dni.

Według iAdvize współczynnik konwersji wśród osób odwiedzających sklepy internetowe, którzy uzyskali natychmiastowe wsparcie w trakcie wizyty, wynosi aż 28,4%. Na rynku dostępnych jest wiele możliwości wparcia klienta od chat botów, przez call center, po formularze kontaktu. Ważne jest budowanie poczucia u klienta, że na każdym etapie korzystania z platformy e-commerce po drugiej stronie są ludzie, którzy zareagują szybko, gdy tylko system zawiedzie.

Wszystko wskazuje na to, że Polski rynek handlu w Internecie czeka dalszy wzrost. Stale zwiększająca się liczba internautów, inwestycje marek w nowe kanały sprzedaży, rozwój sektora B2B uczestniczącego w handlu internetowym, coraz większa popularność spersonalizowanej reklamy czy upowszechnienie używania urządzeń mobilnych do wykonywania za ich pośrednictwem zakupów on-line. To tylko niektóre czynniki sprawiające, że rynek e- commerce czeka dalszy dynamiczny rozwój.