30 marca 2018

Podsumowanie nowych rozwiązań graficznych dla sklepów IAI - od stycznia do marca 2018

Rok 2018 rozpoczęliśmy od dopracowania oferowanych przez nas rozwiązań w szablonach standardowych. Największy nacisk postawiony został na użyteczność, czyli user usability. Wprowadzone zmiany obejmują zarówno istniejących jak i nowe elementy sklepów. Zmianie uległa m.in. karta produktu, czyli jedna z najważniejszych podstron w sklepie.

Przebudowaliśmy kartę produktu w szablonie RWD Fashion

Zmiany na karcie produktu w szablonie RWD Fashion wprowadzone zostały pod kątem szeroko pojętej mody. Sekcja detali produktu zyskała więcej przestrzeni dla informacji produktowych, które przedstawione sa teraz w przyjaźniejszej i czytelniejszej formie dla użytkownika. Usunęliśmy podział wiersza sekcji, dzięki czemu tytuły mogły znaleźć się nad sekcjami a nie obok nich. Pozwala to na czytelniejszą prezentację większej ilości informacji. Kolejną widoczną zmianą jest usunięcie elementu sterowania ilością sztuk dodanych do koszyka. Zmianę tę realizowaliśmy dla wdrożeń indywidualnych, co dało nam informacje nt. słuszności tego kroku Z racji ukierunkowania standardu na modę, postanowiliśmy wdrożyć je do szablonu RWD Fashion.

Karta RWD Fashion 1 - Karta RWD Fashion 1

Kolejne istotne zmiany zostały wprowadzone w obszarze elementu wyboru rozmiarów. Jeżeli rozmiarów jest maksymalnie 6, to karta wyświetla je w formie kafelków - tak jak przed zmianą. Natomiast w przypadku większej ilości rozmiarów, którą zaobserwowaliśmy na naszych sklepach, wyświetlamy je w formie rozwijanej listy. Takie rozwiązanie pozwala nawet przy dużej rozmiarówce danego produktu zachować kompaktowy układ i czytelność karty. Dzięki temu klienci mogą swoją uwagę skupić na produkcie i jego zakupie. Pracując nad szablonami standard zawsze staramy się wprowadzać rozwiązania przemyślane kompleksowo i takie podejście widać również tutaj. Informacja o ilości danego towaru w rozmiarze została zaprezentowana bezpośrednio w liście rozwijanej, dzięki czemu w przypadku dużej ilości rozmiarów nie ma konieczności wybierania każdego z nich z osobna w celu sprawdzenia jego dostępności. Przy rozmiarze niedostępnym, dodany został link do powiadomienia o dostępności. Zupełnie nową funkcjonalnością jest informacja o ostatniej sztuce produktu, która sukcesywnie zwiększa konwersję.

RWD Fashion 2 - RWD Fashion 2

Mechanizm rozwijanych rozmiarów zastosowaliśmy już wcześniej przy tworzeniu modułu kolekcji. Jeśli jeszcze nie zapoznałeś się z działaniem i możliwościami kolekcji a Twój asortyment pozwala na łączenie kilku produktów w jedną spójną kolekcję, to jest to idealna pora aby nadrobić zaległości do czego gorąco zachęcamy.

Lifting strony logowania

Logowanie poprzez zewnętrzne serwisy jest coraz popularniejsze, pozwala zaoszczędzić czas jak i nie martwić się o zapamiętanie coraz to większej ilości danych dostępowych. Dlatego mając to na uwadze, postanowiliśmy stronę logowania w szablonach standard przeprojektować na nowo. Wprowadziliśmy zmiany względem wersji poprzedniej, czyniąc ją jeszcze prostszą, czytelniejszą, a co najważniejsze bardziej użyteczną. Zmianie uległo miejsce sekcji logowania i rejestracji. Logowanie zostało przeniesione na lewą stronę, a także poszerzone. Sekcja rejestracji uległa zredukowaniu i pełni teraz rolę informacyjną wraz z linkiem do strony rejestracji. Sekcja logowania poprzez serwisy społecznościowe została scalona z kolumną logowania. Ułatwia to logowanie poprzez serwisy zewnętrzne do Twojego sklepu. Klienci dzięki temu nie są zmuszeni do uzupełniania rozbudowanych formularzy i wymyślania nowych haseł. Jeżeli masz szablon indywidualny i chciałbyś wdrożyć do niej nową stronę logowania skontaktuj się ze swoim opiekunem sklepu.

Nowa strona logowania - Nowa strona logowania

Nowy układ stopki

Duże zmiany zaszły w układzie stopki wersji standard. Względem poprzedniej wersji przebudowaliśmy układ kolumn, gdzie prezentowane są tylko linki tekstowe, a każda z kolumn podzielona jest na dwie sekcje. Zmiana ma wpływ przede wszystkim na układ mobilny, który zyskał czytelność i przejrzystość. Newsletter pozostał na swoim miejscu pod menu, sekcja kontaktowa została przeniesiona poniżej. Po tych zmianach informacje kontaktowe nie zajmują już całej kolumny, zwalniając miejsce dla większej liczby linków powyżej. Sama sekcja poprzez wydzielenie z układu kolumn, zyskała na czytelności i jest łatwa do odnalezienia przez użytkownika.

Nowy footer - Nowy footer

Zmiana wyglądu prezentacji parametrów

Tabela parametrów na karcie produktu została przebudowana tak, aby zawarte w niej informacje były prezentowane w sposób czytelniejszy. Sposób prezentacji tabeli parametrów ujednoliciliśmy z wyglądem tabeli rozmiarów. Nazwy sekcji parametrów zostały wyraźniej zaakcentowane, dzięki czemu w łatwy sposób można podzielić dużą liczbę informacji. Jest to wyraźna zmiana w stosunku do wcześniejszej wersji tabeli parametrów, gdzie sekcje nie były tak dobrze widoczne. Gorąco zachęcamy do korzystania z nowego rozwiązania.

Nowe wygląd parametrów - Nowe wygląd parametrów

Jak skorzystać z nowości?

Jeśli korzystasz z naszych szablonów STANDARD zaktualizuj je do najnowszych rewizji aby skorzystać z nowych rozwiązań jakie opracowaliśmy w ostatnich miesiącach. Jeżeli korzystasz z szablonu wykonanego indywidualne, wprowadzone zmiany również są dla Ciebie dostępne, wystarczy, że utworzysz komunikat do działu graficznego z prośbą o zaktualizowanie interesującego Cię komponentu a jeden z naszych doświadczonych specjalistów poprowadzi Cię przez cały proces. Przedstawione rozwiązania są standardowymi, co oznacza że w przypadku ich zastosowania koszty wprowadzenia nowości są minimalne. Jeżeli masz jednak własny pomysł jak je wykorzystać inaczej lub zmodyfikować do własnych celów, zapraszamy również do kontaktu i współtworzenia twojego indywidualnie wyglądającego i działającego sklepu.

Uwaga prawna

Powyższe zmiany są elementem masek STANDARD, które są zarejestrowanym w urzędzie patentowym wzorem przemysłowym, którego właścicielem jest IAI S.A. Jeżeli chcesz wykorzystać elementy we własnych projektach, prosimy o kontakt i uzyskanie pisemnej zgody lub licencji. Więcej informacji na ten temat znajdziesz na stronie "STANDARD zastrzeżonym wzorem przemysłowym".