Przejdź do treści

Cardmarket – mobile

  • przez

UI, UX, www

Cardmarket

Jedna z najpopularniejszych i największych w Europie platforma do handlu kartami kolekjonerskimi  typu MTG, Pokemon, Lorcana, Star Wars.

Każdy może po rejestracji i weryfikacji sprzedawać i kupować karty na skalę Europy. 

Pomimo ogromnej skali nie posiadają aplikacji mobilnej. Ich  strona na desktopy jest dosyć archaiczna, a jeszcze mniej przyjazna na komórkach. Chociaż w ostatnim roku przeszła lekki lifting.

cardmarket.com

Main page

Jeszcze pół roku wcześniej CMC nie posiadał w wersji mobilnej szybkiej nawigacji. Wszystkie zakładki Profil, Selling, Buying i Cart były jedynie dostępne w burgerze.

Proponuję tę nawigację przenieść na dół, pozostawiając zdublowany koszyk również na górze. Burger ma służyć jedynie zalogowaniu się i ewentualnie zmianie motywu na ciemny.

Jedno z MVP, wyszukiwarka powinna być lepiej wyróżniona i „zabierać” więcej przestrzeni na tle pozostałych elementów. Ikona sześciana to wybór pomiędzy siglami, boosterami, produktami sealed. Mało intruicyjna ikona, dodatkowo domyślnie użytkownicy szukają pojedyńczych kart, w konkretnej wersji, języku czy  dodatku. Możliwość filtrowania jest dopiero na etapie otrzymania pierwszych wyników.

Zmiana nie tylko kształtu, koloru i wielkości powinna pozytywnie wpłynąć na klikalność i ilość zapytań. Można rozważyć bardziej unikatowy kolor dla tego jednego elementu. Dodatkowo dodana możliwość nadania filtrów przed rozpoczęściem wyszukiwania.

Na koniec mało kontrastowe kolory, oddzielające poszczególne elementy.

Prime color zaciągnięty z logotypu, użyty zarówno w kolorze fontów, ikonach, przyciskach. Inne elementy to mniejsze jego nasycenie. 

Obecna

propozycja

Product page

Strona produktowa jest przeładowana informacjami. Rozumiem, że warto podkreślić z jakiej edycji pochodzi dana karta, ale obecnie mamy to w 3 miejscach. W okruszkach pod wyszukiwarką, pod nazwą karty jako nagłówek oraz w szczegółach jako „Printed in”. Przycisk kontaktu z Supportem uważam, za bezcelowy w tym miejscu, szczególnie, że nie będzie dotyczył konkretnego ogłoszenia ani karty o ile nie wskażemy sprzedawcy, który ją oferuje. Tutaj takiej funkcji nie mamy. Zakładki z historią cen, nieczytelna  ikona wystawienia tej konkretnej karty na sprzedaż i dodanie do Whislisty. Na koniec zlewający się sprzedawcy z mało mówiącymi ikonami, flagami które w jednym wypadku mówią o kraju wysyłki a drugim o języku w jakim jest karta. 

Proponuję pozostawić najistotniejsze elementy, nie powielać tego samego x-razy. Wersja karty niech będzie w jednym miejscu, a z zakładek można zrezygnować i zostawić tylko ikonę dodania do Whislisty. Sprzedawcy zyskali widoczną ilość tranzakcji jakie wykonali, pozostawiąjąc nieco mniejsze oznaczenia gwiazdkowe. Dodatkowo od razu jest widoczna informacja o przewidywanym czasie do dostarczenia do nas przesyłki od danego sprzedawcy. Kraj pochodzenia i język kart wyraźnie odseparowane od siebie.

Obecna

propozycja

cart page

Moim głównym zastrzeżeniem do obecnej wersji mobilnej jest przede wszystkim 3 stopniowy niefunkcjonalny proces zakupowy. Po prostu niby informuje na jakim etapie jesteśmy, ale jak przejdziemy na wybór adresu lub finalizację zakupów to nie można za jego pomocą wrócić do wcześniejszego etapu. 

Proponuję całkowicie zrezygnować z tego elementu. Nie wnosi prawie żadnej funkcji, a tylko zabierał miejsce. 

Zmiana adresu dostawy jest ok, ale może nie w tym miejscu. Domyślnie jest wykorzystywany adres podawany przy rejestracji. 

Adres dostawy przesunąłem na sam koniec, ponieważ nadal jest to funkja, która powinna być widoczna na takim etapie, ale na tyle rzadko by nie dawać jej na samym początku i jakoś specjalnie wyróżniać. Proponuję też zmianę nazwy na „Choose different shipping address”. Nie pozostawia wątpliwości, że mamy już wybrany adres wysyłki i mamy opcję podania innego. 

Podsumowanie koszyka jak najbardziej ok, z tą różnicą, że wyróżnianie kolorem ilości i ceny poszczególnych elementów zamówienia mija się z celem o tyle, że nie są to elementy klikalne, a ten kolor trochę to sugeruje. W dalszej części każdy sprzedawca ma swóją flagę pochodzenia, tutaj jej nie ma z jakiegoś powodu. 

Ceny i ilości zostały wyróżnione krojem fontu, a sprzedawcy zyskali kraj pochodzenia. Do rozważenia czy powinna też być w tym miejsc ikona do wysłania wiadomości. 

Podsumowanie z podziałem na poszczególnych sprzedawców zawierało zdecydowanie za dużo informacji i funkcji, które niekoniecznie na tym etapie powinny występować, szczególnie w wersji mobilnej. Ikonka ciężarówki, która przenosi na osobną stronę z „wypełnionym” formularzem kiedy dokonoliśmy zakupów u tego konkretnego sprzedawcy. Zakres dat musimy wybrać sami i ogranicza się tylko do 2 miesięcy rozbieżności. O ile sama funkcja jest w porządku, czasami warto sprawdzić historię u danego kontrachenta o tyle implementacja jest na tym słaba i niefunkcjonalna, że lepiej zrezygnować z niej przynajmniej na wersji mobilnej i pozostawić tylko możliwość napisania wiadomości. Wybór metody wysyłki składa się z 5 poziomów i nie wygląda to jako spójny element. Trustee Service załącza się tylko jak wybierzemy odpowiednią metodę dostawy, najczęściej z możliwością namieżenia przesyłki lub przekroczyliśmy określoną kwotę zakupu i naliczy nam się droższa przesyłka, ale też otrzymamy „biezpieczne” zakupy. Dwa linki, które nieco się dublują. More atricles from this seller jest dostępny wcześniej klikając w nazwę sprzedawcy. Jeżeli ktoś chciałby to zostawić powinno dać się to na sam koniec, zaraz po liście przedmiotów w koszyku. Podonie Seller’s Articles on My Wants List. Pomijam, że raz jest articles a za chwilę Articles. Też można by użyć liczny mnogiej lists bo można mieć więcej niż jedną listę. Informacja z jakiej gry pochodzą karty miałaby większy sens, gdyby nie trzeba by było przełącząć się z każdym razem jaka gra nas interesuje i jaka wyszukiwarka i wyniki nam się pojawią. Obecnie kupno od sprzedawcy, który ma np. 2 różne gry jest możliwe, ale będąc na koncie MTG nie pokaże nam kart Pokemon i na odwrót. Mimo że praktycznie sprzedawca je ma, ale jak wspomniałem cześniej trzeba za każym razem przełączać jaka gra nas interesuje. Sortowanie domyślne po cenie od najniżej wydaje się na tym etapie wystarczające i nie trzeba dawać więcej opcji. Szczególnie, żę lista zawiera obecnie 17 opcji.

Wylatuje opcja „szybkiego” sprawdzenia historii zakupoów do momentu, aż będzie można filtrować przynajmniej cały rok, a nie tylko 2 miesiące. Opcje związane z wyborem sposobu dostawy zamknięte w jednym boxie. Jeżeli nie ma opcji Trustee Service to jej nie pokazujemy. Dałem możliwość usunięcia wszystkim przedmiotów od konkretnego sprzedawcy wraz z ikoną wskazującą na cel przycisku. Obecna funkcja REMOVE ALL ARTICLES opróżnia cały koszyk, zmuszając w przypadku chęci częściowej rezygncji z zamówienia do ręcznego usuwania przedmiotów. Co ciekawe wersa desktopowa zawiera funcję usunięcia wszystkich przedmiotów od konkretnego sprzedawcy.

Obecna

propozycja

Udostępnij