Prezentacja mobilnego e-commerce
Optymalizacja stron internetowych w internecie mobilnym to obowiązek. Optymalizowanie witryn e-commerce dla mobilnej sieci to bestia, którą projektanci i programiści dopiero zaczęli oswoić.
Nic dziwnego, że większe firmy najpierw korzystają z tego medium, prawdopodobnie dlatego, że dysponują zasobami i przepływem sprzedaży, aby to uzasadnić. W końcu nawet jeśli witryna e-commerce osiągnie znaczny ruch, niewielki jej odsetek będzie oparty na urządzeniach mobilnych. Jeszcze mniejszy odsetek tego ruchu rzeczywiście zakończy sprzedaż.
Biorąc pod uwagę rozpęd dopiero na tym arenie, doświadczenia ludzi w zakresie pełnych mobilnych transakcji e-commerce są ograniczone. To sprawia, że nisza jest w najlepszym wypadku eksperymentalna. Na szczęście, biorąc pod uwagę charakter e-commerce, sukces można dokładnie zmierzyć i przetestować. Jest to medium wciąż wymagające definicji.
Ogromną przeszkodą w rozwoju jest niedostatek przykładów. Surfowanie po galeriach w poszukiwaniu mnóstwa interesujących pomysłów nie jest nawet szybkie i łatwe. Istnieje tylko kilka małych kolekcji urządzeń mobilnych, a jeszcze mniej w przypadku e-commerce. Aby rozwiązać ten problem, zebrałem 10 fantastycznych przykładów mobilnego e-commerce. QR kody zostały dołączone, aby ułatwić przeglądanie. Możesz znaleźć wiele aplikacji dla telefonów komórkowych, które mogą odczytać te kody.
1. Walmart
Jednym ze wspólnych podejść do wszystkich stron internetowych jest strona domowa typu portalu. Walmart nie jest inaczej. Jednak podczas gdy większość stron internetowych opiera się na listach tekstowych, ta ma siatkę ikon, która jest znacznie łatwiejsza do przeglądania. Wiele z tych witryn mobilnych ma listy, które są tak małe, że trudno je wykorzystać. Walmart łączy ikony z tekstem, aby łatwo trafić cele.
Największym problemem na stronie Walmart jest to, że musisz przeskoczyć na główną stronę internetową, aby dokończyć transakcję. Jednak informacje i przyciski są niezwykle łatwe w użyciu, przejrzyste w działaniu i dobrze zorganizowane.
2. Zabawki-R-Us
The Zabawki-R-Us strona internetowa jest krokiem we właściwym kierunku. Ale może zrobić kilka kluczowych rzeczy lepiej. Po pierwsze, znalazłem listę przycisków na stronie głównej, które są odrobinę za małe. Rozumiem pokusę zmniejszenia ich w celu zachowania przestrzeni, ale byłyby one o wiele łatwiejsze w użyciu z odrobiną więcej miejsca. Oczywiście, będę musiał przewijać więcej, ale to dobry kompromis.
Po przejściu przez stronę główną staje się znacznie lepszy. W szczególności ta strona internetowa ma jedną z lepszych stron koszyka na zakupy. Przyciski są wyraźne, a równowaga między gęstością a zdolnościami dotykowymi wydaje się właściwa. Podsumowując, dobrym przykładem tego, jak jasno przekazać punkty działania.
3. Crocs
Rozwój mobilny jest nadal bardzo zdominowany przez programistów, więc znalezienie pięknie zaprojektowanej strony mobilnej jest ulgą. Tak jest w przypadku Crocs . Strona internetowa jest dobrze zaimplementowana i piękna na co patrzeć.
Widok listy katalogów jest szczególnie czysty. Jedynym sposobem, w jaki można go zastosować, byłoby wyeliminowanie nazw produktów. Niezależnie od tego każdy wiersz tworzy łatwy cel, z jasnymi i istotnymi informacjami.
4. JC Penny
Jeden problem, który projektanci JC Penny sklep z artykułami ruchomymi był zakresem produktu. W jaki sposób umożliwiasz użytkownikom efektywne przeglądanie szerokiej gamy opcji w sekcji takiej jak męskie spodnie? Rozwiązanie, prosty rozwijany system, pozwala klientom szybko filtrować kryteria, aby dostać się do produktów, których potrzebują.
Duże obrazy są również bardzo fajną funkcją. Zwróć uwagę, jak łatwo można zobaczyć rzeczywiste elementy w widoku szczegółów produktu. Podejrzewam, że współczynnik konwersji witryn mobilnych jest bardzo niski i nie mogę oprzeć się wrażeniu, że świetne zdjęcia takie jak ta są jedną z niewielu broni do walki z tym.
5. Garncarnia
Ta formuła powinna być już całkiem jasna: logo u góry, szukaj poniżej, grafika wprowadzająca, promująca produkt lub sprzedaż, a następnie lista głównych kategorii produktów. I znajdujemy tę dokładną strukturę na Pottery Barn Mobilna strona internetowa.
Jednym z absolutnie genialnych szczegółów jest rozwiązanie tej strony dla problemu długich bułek tartych. Zauważysz na liście kategorii produktów, że trasa okruszki została znacznie skrócona, aby zawierała tylko ostatnią część napisu. Porównaj to z natarczywością bułka z masłem na Toys-R-Us, a docenisz to rozwiązanie oszczędzające miejsce.
6. Bez gwintów
Nic dziwnego, że tak Bez gwintu "witryna mobilna jest fantastyczna. Strona główna podąża za formułą portalu kategorii, ale z niespodzianką. Podobnie jak strona internetowa Walmart, podejście sieciowe jest o wiele łatwiejsze w użyciu niż większość. Fotografia jest wciągająca i sprawia, że sklep wygląda jak prawdziwe zakupy. Coś w tym jest po prostu mniej mechaniczne niż większość innych sklepów.
Znajdziesz to samo podejście siatki w widoku listy produktów, co jest przyjemną ulgą i bardzo dobrze prezentuje produkty. Projektanci zdołali zminimalizować marnowanie miejsca przy zachowaniu łatwości użytkowania.
7. Brookstone
Brookstone Mobilny sklep cierpi z powodu gęstej strony głównej. Ale gdy przejdziesz obok, strona staje się lepsza. Duża jasność fotografii jest bardzo cenna. Nie wiem, czy obrazy były zoptymalizowane pod kątem urządzeń mobilnych, ale na pewno należą do najłatwiejszych w całej tej serii.
Jednym słabym punktem jest ilość przewijania wymagana na stronie koszyka zakupów, aby przejść do przycisku check-out. Treści mogą zrobić z przycinaniem i optymalizacją, aby zamknąć umowę.
8. Dooney & Bourke
Naprawdę doceniam zdjęcia Dooney & Bourke Strona główna. Pokazuje dokładnie to, co firma sprzedaje, gdy tylko trafisz na stronę. Subtelny szczegół do powiedzenia, ale na pewno coś do rozważenia.
Jednym z irytujących punktów w widoku szczegółów produktu jest to, że pole ilości jest domyślnie puste. Musiałem dodać "1", aby dodać produkt do mojego koszyka. Ale jest mało prawdopodobne, że zamówiłbym więcej niż jedną taką samą torbę 150 $.
Również strona koszyka zakupów wydaje się trochę jak po namyśle. Ale dam firmom kredyt za umieszczanie kluczowych akcji na szczycie. Szanse klientów, którzy zapomnieli o tym, co właśnie włożyli do koszyka, są niewielkie, więc skupienie się na pomaganiu im w wejściu na stronę wymeldowania to sprytny pomysł.
9. Buy.com
Strona domowa Buy.com ma coś, czego nie ma żadna inna strona w tym artykule: rzeczywisty produkt. Myślenie większości sklepów e-commerce polega na stworzeniu mobilnego portalu, który pozwala użytkownikom sięgnąć do pełnej linii produktów. Chociaż może to być istotne, Buy.com inspiruje mnie do rozważenia alternatyw.
Co, jeśli lepszym podejściem jest skupienie się na transakcjach? Strona główna to główna nieruchomość; biorąc pod uwagę wyzwanie związane z zamknięciem sprzedaży, dlaczego nie poświęcić całego swojego wysiłku, aby stworzyć coś nie do odparcia przed klientami? Zauważ, że zanim dotrzesz do listy działów na tej stronie, zobaczysz polecany produkt i cztery osobne linki do sprzedaży, promocji i promocji.
10. Petco
Wspaniałą cechą mobilnej sieci jest to, że eliminuje puch. Tak więc, gdy widzę stronę główną Petco Mobilna strona internetowa, nie mogę przestać zastanawiać się, czy duże zdjęcie jest w jakikolwiek sposób użyteczne. Nazwa firmy i towarzysząca mu ikona kotów i psów komunikują ostrość produktu. Dlaczego więc pokazać ten głupi obraz? Zamiast tego wstawiłbym specjalną ofertę lub siatkę ikon kategorii. Doceniam polskie strony, ale można je nieco poprawić.
Firma wpada na genialny pomysł w widoku szczegółów produktu, podkreślając sprzedaż tylko w Internecie. Dlaczego nie pójść o krok dalej i zrobić niektóre z nich tylko na telefon komórkowy. Poza tym strona szczegółów produktu jest fantastycznie czysta i przejrzysta. Opisanie pełnych opisów poniżej kluczowych funkcji i informacji również wydaje się rozsądną decyzją.
Wniosek
Projektowanie witryn mobilnych jest trudne, a projektowanie mobilnych witryn e-commerce jest być może podwójnie. Ustalenie, jak pomóc klientom znaleźć odpowiedni produkt i jak przekonwertować ten proces na sprzedaż, nie jest łatwe. Mam nadzieję, że ta niewielka kolekcja zasobów przyniesie świeże pomysły na kolejny (lub może pierwszy) projekt strony mobilnej.
Napisany wyłącznie dla WDD przez Patrick McNeil . Jest niezależnym pisarzem, programistą i projektantem. W szczególności uwielbia pisać o projektowaniu stron internetowych, szkolić ludzi w zakresie tworzenia stron internetowych i budowania stron internetowych. Pasje Patricka do trendów i wzorów internetowych można znaleźć w jego książkach TheWebDesignersIdeaBook.com . Śledź Patricka na Twitterze @designmeltdown .
Co myślisz, jeśli te przykłady? Proszę, podziel się w komentarzach poniżej ...