Tag : RWD

Proste sposoby na testy A/B, dla Twojej strony

Z lewej czy z prawej? W rogu czy na środku? Z kolorem czy bez? Jeśli tak, to jakim? Pytania, zwłaszcza na początku ciągle się mnożą. Miło byłoby wiedzieć, jaka kombinacja przycisków, kolorów, położenia i reszty parametrów zapewni nam najwięcej kliknięć na naszej stronie. W poprzedniej notce przedstawiliśmy parę słów o designie, dlatego dziś pokażemy Wam kilka prostych testów A/B, które w pozytywny sposób mogą wpłynąć na wskaźnik konwersji.

Jak radzą sobie Twoje przyciski podjęcia akcji?

Kolor przycisku zawsze wzbudzał wiele kontrowersji w rozmowach na temat optymalizacji wyglądu strony. Jedni mówią, że wyłączna zmiana koloru niewiele może zmienić inni wręcz przeciwnie, a jak jest naprawdę?

21% wzrost kliknięć, taki rezultat przyniosła założycielom HubSpot, zmiana koloru przycisku z zielonego na czerwony. Nie lada wyczyn jak na tak skromny zabieg!

red_green_button

Przetestuj pasek nawigacyjny

Sprawdź, które sekcje na Twojej stronie generują największy ruch. To na nich powinieneś się skupić poprzez ich optymalizację i ściągnąć na nie jak największą ilość klientów. Po pierwsze pozycjonuj! Sprawdź jaka kolejność wyświetlanych na pasku informacji powoduje największą ilość kliknięć w wytypowane przez Ciebie sekcje. Jeśli nie chcesz ingerować w kolejność, dostosuj jedynie ich nazwy. Dokładnie w taki sposób amerykańska firma Optimizely zwiększyła swoje liczbę kliknięć o 47,7% zmieniając nazwę zakładki z ‘Dlaczego my?’ na ‘Jak to działa?’! Prosta zmiana, przyniosła wielkie korzyści.

Ważne logowanie

Jeżeli na Twojej stronie, klient ma możliwość założenia własnego konta lub zalogowania się, zapewnij mu jak największą wygodę działania. Rozważ co jest ważniejsze dla Twojego biznesu, nowi użytkownicy, czy często logujący się posiadacze kont? Mając na względzie powodzenie swojej strony sam wybierz kolory, kształty i ułożenie przycisków tak by odzwierciedlały Twoje priorytety.

Co dla Ciebie mam?

Nie łatwo przewidzieć, która z Twoich ofert najbardziej zainteresuje klientów. Ruch jaki generuje witryna różni się od ruchu bloga. W takim razie jaki sposób wyświetlania ofert jest najbardziej efektywny? Żeby się o tym przekonać, należy zmieniać kolejność ich wyświetlania i dzięki temu wytypować najkorzystniejsze wg klientów oferty. Inną metodą obecnie stosowaną przez nowoczesne firmy usługowe jest wyświetlanie wyłącznie oferty najatrakcyjniejszej, co ma na celu zwiększenie ilości kliknięć.

Miłe dla oka

Jak ważny jest wygląd naszej strony pisaliśmy wcześniej, ile w tym udziału ma sama grafika? Jak wiele może zmienić fotografia na naszej stronie? Poniżej dobry przykład firmy Highrise:

Images

Michael swoją fotografią zwiększył wskaźnik konwersji o prawie 5%. W czym tkwi sukces? Nigdy nie wiesz na pewno, ale dobra jakość zdjęcia i dobre wykonanie na pewno nie zaszkodzą :).

Przetestuj nagłówki

Obowiązkowym punkt na liście A/B testów powinny być nagłówki. Nie jest łatwo wymyślić chwytliwe hasło, które przyciągnie do nas rzeszę klientów i pozazdrości nam go konkurencja. Więc po co w ogóle się nad tym trudzić? Pozwólmy by to klienci swoimi kliknięciami utwierdzili nas w przekonaniu, że dane hasło jest dobre. Zmieniaj nagłówki na swojej stronie, ich wielkość i font, a następnie obserwuj wskaźnik konwersji, w ten sposób dotrzesz do idealnej kombinacji, która zapewni Ci największe korzyści.

Jeszcze linki

Linki mają podobną wagę jak nagłówki, wiele aspektów składa się na ich ogólny odbiór przez klienta. Wyróżniają się z tekstu, skupiając uwagę czytającego bardziej niż standardowy tekst. Staraj się co jakiś czas zainteresować klientów nowymi treściami linków, duży pozytywny skutek odnieść może także zmiana koloru linku.

Jednak należy pamiętać, że nie zawsze to co sprawdza się u innych sprawdzi się i na naszej stronie. Głównym motorem do wszelkich zmian jakie chcemy wprowadzić powinny być właśnie testy jakie przeprowadzamy.

Za tydzień zapraszamy do dyskusji na kolejny temat, tym razem zdradzimy Wam, jak stworzyć skuteczne C2A.

 

 

 

Źródło: http://blog.hubspot.com/marketing/ab-tests-run-homepage-list

Sekrety dobrego web designera

blogPo setkach nieprzespanych nocy i niezliczonych godzinach poszukiwań udało się! Nie jedliśmy, nie spaliśmy i dotarliśmy na koniec Internetu. To co udało nam się odnaleźć jest jak kamień filozoficzny w dziedzinie designu stron internetowych.

Dlaczego web design jest taki ważny?

 Strona jest twarzą  firmy w Internecie i tak jak w życiu należy o nią dbać. Koszmarny design może sprawić, że klienci nie będą traktować Twojej firmy poważnie, a co gorsza może okazać się, że staniesz się tematem drwin na portalach społecznościach. Profesjonalizm w dziedzinie designu stron internetowych wymaga praktyki i doświadczenia, ale nie jesteśmy pazerni i uchylimy przed Wami rąbek tajemnicy.

 1. Innowacyjność

Innowacyjny design działa w tandemie z innowacyjnymi technologiami i razem dla siebie stanowią swoiste perpetuum mobile. Kluczem do innowacyjności w tej dziedzinie jest parcie na przód i odkrywanie nowych granic. Dlatego pożądanym narzędziem będzie kreatywność, która wzbogacona wiedzą na temat nowości z zakresu informatyki pozwoli stworzyć niekonwencjonalny projekt.

DOBRA RADA: Otwarty umysł pozwala na eksperymentowanie i odchodzenie od tradycyjnych koncepcji np. wykorzystanie nowych języków kodowania czy programów graficznych jako inspirację do stworzenia oryginalnej strony internetowej.

 2. Użyteczność

Co sprawia, że strona internetowa jest użyteczna?

Użyteczność jest zazwyczaj rozumiana jako łatwość korzystania z dostępnych funkcjonalności. Z perspektywy odwiedzającego stronę liczy się głównie jej przejrzystość i intuicyjność. Jeżeli na pierwszy rzut oka klient nie jest w stanie znaleźć tego czego szuka na stronie, to coś jest nie tak. Problem może tkwić w układzie strony lub w zbędnych treściach na niej umieszczanych.

DOBRA RADA: W dobie popularności urządzeń mobilnych warto również zadbać, aby nasza strona była przyjazna w odbiorze na smarftonie czy tablecie (RWD) – o czym pisaliśmy wcześniej.

 3. Estetyczność

Niestety, a może na szczęście dla designerów, ludzie oceniają książki po okładce. Projektując stronę internetową należy pamiętać o trzech elementach web designu:

  • kolor – tutaj zalecana jest ostrożność, czasem bezpieczniejsze rozwiązanie może okazać się lepsze; tworząc nowe kombinacje pamiętaj, że możesz nie mieć wpływu jak dane kolory będą się wyświetlać u odbiorcy,
  • przestrzeń – niemniej ważna jest kompozycja i otoczenie w jakim znajdują się Twoje informacje; pilnuj porządku na stronie, aby była przejrzysta i nie zakłócała jej treści,
  • typografia – to jaki font użyjesz na swojej stronie jest ważniejsze niż Ci się wydaje; istotną rolę odgrywa czytelność ale także charakter wybranego fontu.

Jeżeli jeden z elementów triady zawodzi, możemy zapomnieć o pięknej stronie.

DOBRA RADA: Comic Sans to nie jest dobry wybór, nigdy 🙂

 4. Zrozumiałość

Strona internetowa przy pierwszym otwarciu powinna być zrozumiała i spójna z celami Twojego przedsiębiorstwa. Design jest narzędziem, które podkreśla charakter informacji oraz ich istotność. Dlatego ważne, aby wygląd strony odzwierciedlał to co chcesz przekazać klientom.

DOBRA RADA: Jeżeli jesteś właścicielem sklepu internetowego, Twoim celem jest sprzedanie produktu i design powinien skupiać uwagę klienta na produkcie. Dobrym rozwiązaniem jest więc proste tło bez zbędnych ozdobników, które mogą rozpraszać odwiedzającego.

 5. Minimalizm

Cóż, nie od dziś wiemy, że  “mniej znaczy więcej”. Istnieje tyle pięknych ozdobników, grafik i ruchomych gif-ów, ale warto zachować zimną krew i zrezygnować z nich na rzecz czytelności. Powiedzmy sobie szczerze użyteczny design powinien być przynajmniej neutralny. Idealny desing oprócz wartości estetycznej usprawnia funkcjonowanie strony internetowej i ułatwia dostęp do informacji.

DOBRA RADA: Strona internetowa powinna spełniać swoje funkcje, wartość artystyczna jest jedynie dodatkiem.

 6. Uczciwość

W biznesie warto być uczciwym, chociaż podobno pierwszy milion trzeba ukraść to nie mieszajmy w to designu. W projektowaniu stron internetowych należy pamiętać, że wygląd nie może odzwierciedlać funkcji, których dany portal nie posiada.

DOBRA RADA: Opcje, które udostępniasz powinny być czytelne i zrozumiałe. Nie wstydź się mylić, kiedy coś pójdzie nie tak. Komunikat o wystąpieniu błędu to bardzo ważny element uczciwego projektowania.

 7. Ponadczasowość

Nic nie może przecież wiecznie trwać, zwłaszcza jeżeli dotyczy dziedziny związanej z technologią i Internetem. Web design powinien podążać za trendami, które zmieniają się w zatrważającym tempie. Na szczęście istnieje coś takiego jak design ponadczasowy. Warto wprowadzać zmiany w treści naszej strony, ale sama baza powinna być raczej trwała. Nie chodzi tutaj o kurczowe trzymanie się sprawdzonych rozwiązań, ale oszczędność czasu i pieniędzy. Ciągłe zmiany w wyglądzie strony są bardzo kosztowne.

DOBRA RADA: Jeżeli chcesz odświeżyć design Twojej witryny wprowadzaj małe zmiany, które w spójny sposób będą łączyć się z ogólnym charakterem strony.

8. Dokładność

Ten punkt mówi sam za siebie. Szczegółowo dopracowane elementy powinny tworzyć jednolitą całość. Pamiętaj, że sztuka to rzemiosło i każdy piksel Twojej strony musi być małym arcydziełem. Okaż szacunek użytkownikowi poprzez dopieszczenie wszystkich tworzonych przez Ciebie części.

DOBRA RADA: Spróbuj spojrzeć na swój projekt z różnych perspektyw. W ten sposób uda Ci się stworzyć  idealną całość.

9. Przyjazność środowisku

Oczywistym jest, że projektując swoją stronę nie wpłyniesz na zużycie dwutlenku węgla czy zmniejszenie zużycia wody w gospodarstwach domowych odwiedzających. Design powinien być odpowiedzialny na tyle, aby nie powodować dodatkowych szkód dla środowiska, zarówno naturalnego jak i wirtualnego. Dlatego szanuj przestrzeń w jakiej przystało Ci budować stronę i oszczędzaj jej zasoby.

DOBRA RADA: Zredukuj wielkość strony poprzez zoptymalizowane obrazki i kod. Dzięki temu użytkownik będzie mógł szybciej dotrzeć do informacji, a przeglądarka zużyje mniej energii przy wczytywaniu Twojego dzieła.

10. Czystość

To co za chwile przeczytasz może Cię zaskoczyć, ale… dobry web design charakteryzuje się małą ilością designu. Prostota i czystość przekazu ułatwiają odbiorcy wydobyć ze strony to co jest najważniejsze – informację i nic nie powinno jej przyćmiewać. Design powinien być zwieńczeniem projektu a nie jego esencją.

DOBRA RADA: Projektując myśl o Twoich celach, o tym co strona ma przekazywać odwiedzającemu. Dobry design podkreśli Twoje intencje.

Od zawsze design w każdej postaci miał służyć człowiekowi. Jest więc doskonałym narzędziem, którym niestety trzeba nauczyć się posługiwać, aby nie wyrządzić sobie i innym krzywdy.

Nie zapominajmy jednak, że oprócz racjonalnego wykorzystania designu, trzeba pamiętać
o jego emocjonalnej stronie. Idealna strona internetowa, to ta, która potrafi znaleźć złoty środek pomiędzy pięknem, a użytecznością.

 

W następnym tygodniu opowiemy wam trochę o przeprowadzaniu testów i nie tylko 🙂

 

 

 

 

Źródło: http://www.creativebloq.com/netmag/dieter-rams-10-principles-good-web-design-3143872

zdjęcie: Craig Garner, na licencji CC

Jak stworzyć stronę przyjazną dla wielu różnych urządzeń?

Responsive-web-designRosnąca popularność urządzeń mobilnych spowodowała, że użytkownicy mogą przeglądać strony internetowe na urządzeniach o bardzo różnych rozmiarach i rozdzielczościach, dodatkowo umożliwiających zmianę orientacji ekranu.
Dla projektantów witryn stwarza to problem dostarczenia w pełni funkcjonalnych, czytelnych i atrakcyjnych wizualnie serwisów internetowych użytkownikom wszystkich typów urządzeń. Naprzeciw tym wyzwaniom wychodzi nowe podejście do projektowania witryn internetowych – Responsive Web Design (RWD).

Co to właściwie jest RWD?

Projektowanie Responsive Web Design wykorzystuje reguły CSS3 Media Queries do budowania layoutu witryny internetowej, który dostosowuje się do środowiska wyświetlania. RWD oznacza rezygnację z odrębnych wersji witryny dla komputerów, tabletów, smartfonów i innych urządzeń mobilnych, ponieważ sposób wyświetlania strony internetowej jest dostosowywany do specyfiki urządzenia.

RWD pozwala na dostosowywanie układu, sposobu nawigowania, wyglądu i widoczności elementów w zależności od parametrów urządzenia, na którym wyświetlana jest strona internetowa. W rezultacie wszyscy użytkownicy mają dostęp do jednego źródła treści, która jest rozmieszczona w sposób wygodny do czytania i nawigowania.

Samo posiadanie strony wykonanej w RWD nie jest jeszcze jednak złotym środkiem na sukces. Możemy wyodrębnić co najmniej cztery podstawowe aspekty, na które należy zwrócić szczególna uwagę:

  1. Ciekawa zawartość – kontent.

Każda strona musi posiadać to przysłowiowe „coś” co zachęci użytkowników do jej odwiedzenia. Na tym etapie ciężko jednak przewidzieć czy większość użytkowników będzie odwiedzała naszą witrynę za pośrednictwem tradycyjnego laptopa, tabletu czy smartphone. Bardzo ważne są treści komunikatów, które powinny być jak najbardziej zwięzłe. Tego typu przekaz jest też zdecydowanie wartościowszy dla odwiedzającego witrynę.

  1. Łatwa nawigacja

Małe ekrany wymagają maksymalnego uproszczenia. Tutaj powinniśmy swoją uwagę skierować na możliwie jak najbardziej intuicyjnym podejściu do tematu. Nikt przecież nie będzie chciał przechodzić kilkunastu podstron, aby dowiedzieć się np. jak jest cena lub jakie dane posiada produkt.

  1. Łatwość zrozumienia

Większość treści internetowych stanowi teks pisany, dlatego uważajmy aby były one możliwie jak najbardziej przejrzyste i czytelne. Użytkownik z łatwością powinien przeczytać tekst bez konieczności używania powiększenia.

  1. Szybkość ładowania

Wydawcy witryn powinni dodatkowo rozważyć kilka ze scenariuszy, w których np. strona będzie „ładować się” na różnych urządzeniach (nie zawsze wyposażone w najnowszą technologię) lub użytkownik będzie posiadał dostęp do łącza o różnej prędkości – nie koniecznie tej szerokopasmowej. Jednym z rozwiązań może być np. zastosowanie wysoce zoptymalizowanych obrazów. Obciążenia zdecydowanie spadnie co umożliwi szybsze ładowanie zawartości strony.

covershutterstock51955312Po raz pierwszy Responsive Web Design zostało zastosowane we wrześniu 2011 roku przez portal BostonGlobe.com (pierwszy dziennik on-line wykorzystujący technologie RWD).

Jeszcze do niedawna zalecanym rozwiązaniem udostępniania serwisu internetowego na urządzeniach mobilnych było stworzenie odrębnej witryny mobilnej umieszczanej pod innym adresem URL. Obecnie rekomendowanym rozwiązaniem jest Responsive Web Design, jednak obie techniki mają swoje wady i zalety. Dlatego wybór techniki projektowania witryny dla urządzeń mobilnych powinien być dostosowany do indywidualnych potrzeb serwisu internetowego.

Wasza strona także działa w technologii RWD?

 

 

Źródło: http://blog.performancemedia.pl/, http://responsivedesign.ca/