Connect with us

Cześć, czego szukasz?

Internet Maker

Inspiracje – Gap.com

Technologia idzie do przodu, pojawia się coraz więcej stron spełniających obowiązujące standardy, bardziej przyjaznych, lżejszych, poprawnie współpracujących z najnowszymi przeglądarkami. Jednak są to głównie witryny tworzone przez zapaleńców. Wśród stron komercyjnych panuje większe „zacofanie”. Ale zaczynają pojawiać się wyjątki…

Technikalia

Znana amerykańska firma odzieżowa GAP (http://www.gap.com) kilka miesięcy temu zmodyfikowała swoją witrynę. Teraz korzysta z XHTML 1.0 Strict (nie obyło się bez kilku błędów), a w kilku miejscach została użyta ostatnio niezwykle modna \”technologia\” AJAX.

Wystarczy wejść na główną stronę serwisu, by przekonać się, że uzyskano ciekawy efekt. Witryna jest lekka, szybko się ładuje, a jednocześnie jest interaktywna.

Nie obyło się jednak bez łyżki dziegciu – strona nie działa w przeglądarce Safari. Co prawda używa jej ok. 0,1% internautów, ale jak dostępność, to dostępność.

  • Centralną część strony stanowią ciekawe fotografie modeli, będące jednocześnie odnośnikami do kolekcji
  • Prosta budowa gornego menu. Od razu precyzujesz czy szukasz ubra dla kobiet, mężczyzn czy dziecka
  • Szybki dostęp do koszyka i zamówien, niestety nie wiadomo od razu jakie rzeczy mamy w koszyku

  • Umiejscowienie w iwdocznym miejscu formularza do subskrypcji, wystarczy wpisać tylko e-mail i otrzymamy infrmacje o nowościach w GAP
  • Linki do rzadziej odwiedzanych poodstron zostały umieszczone na dole strony

Nawigacja

Poruszanie się po sklepie nie stwarza większych problemów. Menu górne daje szybki dostęp do głównych działów tematycznych, które z kolei mają oddzielne drzewa podkategorii.

Rzadziej używane opcje zostały przeniesione na dół strony, przez co nie rozpraszają uwagi, wszystko jest bardziej klarowne i przejrzyste. Linki na stronie wyróżniają się na tle pozostałego tekstu. Ponadto w menu podświetlona jest podstrona, na której aktualnie się znajdujemy.

Robimy zakupy…

  • Przemyślana lista kategori i jednocześnie szybki dostęp do produktów
  • Łatwy dostęp do profilu konta i nowych zamówień
  • Wybór koloru, rozmiaru, modelu

Niewątpliwą zaletą tradycyjnych sklepów jest to, że możemy dany towar dokładnie obejrzeć. Robiąc zakupy przez internet mamy już mniej komfortową sytuację. Często musimy podjąć decyzję o zakupie na podstawie miernej jakości zdjęcia produktu.

W Gap.com jest dużo lepiej pod tym względem. Każdą oferowaną rzecz można obejrzeć na wysokiej jakości fotografii. Co więcej, jeżeli np. spodnie dostępne są w kilku kolorach, to naprowadzając wskaźnik myszki na odpowiednią barwę zobaczymy nowe zdjęcie uwzględniające ten kolor

Proces składania zamówienia jest również bardzo łatwy. Mamy wyraźnie zaznaczony bieżący krok zamówienia i informację o tym, co jeszcze pozostało do zrobienia.

Werdykt

Sklep internetowy Gap.com na pewno nie jest idealny, ale korzysta z ciekawych, nowoczesnych rozwiązań, których brak u konkurencji: dobrze dobranej kolorystyki, przemyślanej nawigacji i AJAX-a – do dokładnej prezentacji oferowanych produktów.

Co to jest AJAX?

AJAX (ang. Asynchronous JavaScript and XML, czyli Asynchroniczny JavaScript i XML) jest terminem określającym nowe podejście do wykorzystania dotychczasowych technologii: HTML lub XHTML, kaskadowe arkusze stylów, JavaScript, Obiektowy Model Dokumentu, XML, XSLT oraz XMLHttpRequest.
Używając razem tych technologii w ramach modelu AJAX, aplikacje sieciowe są w stanie dokonywać szybkich, przyrostowych aktualizacji w interfejsie użytkownika bez potrzeby przeładowywania całej strony w przeglądarce. Dzięki temu aplikacja wydaje się szybsza i lepiej reaguje na akcje użytkownika.

Może cię też zainteresować