Przejdź do treści

Leki.pl – CASE STUDY

  • przez

Leki.pl - CASE study

UI, UX, www

Kontekst

Jak realizujemy misję i wizję spółki?
Wspieramy świadomy wybór pacjenta poprzez dostarczanie kompleksowej wiedzy o jednostkach chorobowych oraz lekach, ich interakcjach i cenach używając do tego przystępnego języka.
Leki.pl zostały wypozycjonowane na merytorycznych treściach poradnikowych. W tym momencie możemy pochwalić się 4 000 000 wyświetleń/mc ; 1 500 000 UU

Opis zadania

Strona produktowa

Obecna strona 9.02.26

Propozycja zmian

Top

Przed
Po
top-a
leki-1

Proponuję przeniesienie na środek, ponieważ potem opis leku i wszystkie pozostałe informacje są wyśrodkowane.

W wyszukiwarce poprawiłbym czytelność przycisku „Szukaj”. Identyczny kolor jak pola do wpisywania z mało wyraźnym odcięciem. Można nawet przeoczyć ten element gdy w okół jest sporo bardziej wyróżniających się elementów. Zmiana kolorystyki, wyraźne odcięcie od inputu powinno zwiększyć jej wykorzystanie.

Zmieniłbym nazwę działu News na Artykuły. Dla osób mniej obytych z innymi językami może być to mało zrozumiałe i klikane przez przypadek. Zmiana powinna też być lepsza dla SEO. Inne działy też można przemyśleć np. Interakcje leków, Substancje czynne, Porady.

Popularne frazy lepiej oddaje czego można się tutaj spodziewać. Również uważ, że dodatkowy kolor tła jest niepotrzebny i pozostawiłym biały. Również bym rozważył bardziej kontrastowe przyciski. Możliwe, że zmiana koloru fontu by dużo zmieniła.

Proponuję ją zmniejszyć, mniej narzucające się tło i inny rodzaj separatorów.

Nie chciałem ingerować zbyt mocno w obecny układ na 2 kolumn. Po lewej stronie pozostają informacje o leku, a po prawej lista aptek z jego dostępnością. Zmieniałem kolejność obecnych sekcji  i usuwałem pojedyńcze elementy.

Content - opis leku

Proponuję jednak klastyczny układ nagłówka jako jeden element dla większej czytelności.
Usuwam ją z nagłówka i przenoszę do sekcji z ulotkami.
Chcę aby tutaj kolor nagłówka nawiązywał do tego co możemy znaleźć wyżej w menu. Dlatego tutaj też zastosouję ten sam kolor i dodatkowo nagłówek będzie poniżęj nazwy leku.
Przenoszenie je wyżej, przyśpiesza to wybór, jeżli już ktoś wie jakie opakowanie go interesuje. Też szybciej uświadamiamy jakie istnieją wielkości opakowań.
Przeniosłem ocenę leku dużo wyżej, bo obecnie opinie są jedną z istotniejszych rzeczy jaką użytkownicy się kierują przy zakupach przez internet. Zwiększa poziom zaufania i chęć do zakupu.

Tekst wyrównany do lewej dla poprawy komfortu czytania. Przeniesiony wyżej zaraz pod zdjęciem i oceną.

Powiększyłem te przyciski, wyrównałem do lewej.

Przed
Po
leki-2a
leki-2

opis leku cd.

Powiększyłem te przyciski, wyrównałem do lewej strony. Z prawej strony link do ulotki informacyjnej dla lekarzy ChPL, przeniesiona z sekcji Ulotki dla Pacjenta, gdzie nie pasowała merytorycznie.
Przeorganizowałem ten komponent i zaproponowałem wersję bardziej poziomą. Wykorzystałem całą dostępną szerokość. Rozważyłbym też czy informacji o dostępności w aptekach nieco nie powiększyć, jeżeli jest to informacja na  tyle istotna na tym etapie dla użytkownika.
Przed
Po
leki-4a
leki-4

Sekcja z oponiami użytkowników o leku

Wszystkie nagłówki wyrównane do lewej. W przypadku opinii dodana druga linia z oceną.
Biorąc pod uwage, że użytkownik dodaje opinię to zmieniłem nazwę na NOWA.
Przycisk „Dodaj własną opinię” przesunięty na prawą stronę.
Przed
Po
leki-5a
leki-5

sekcja informacji z ulotki

Wykorzystane boxy na  obecnej stronie nie dość, że zabierają wizualnie dużo miejsca, to trzeba dokładnie kliknąć w ikonę lub text, aby link zadziałał. Proponuję usunięcie boxów i układ poziomy. Zaoszczędzi to sporo miejsca. Link do ulotki dla lekarzy usunąłem z tej sekcji bo dotyczy ona pacjentów.
Niech tylko pierwsza sekcja będzie rozwinięta, pozostałe domyślnie zwinięte. Dla lepszego zrozumienia dodane elementy „zwiń” i „rozwiń” z odpowiednią ikoną.
Przed
Po
leki-6-before
leki-6

sekcja FAQ

Proponuje przeniesienie tej sekcji do lewej kolumny, a prawą zostawić tylko na informację o dostępności leków w aptekach.

Zmieniona nazwa na „Często zadawane pytania”. Nie pozostawia wątpliwości co tutaj użytkownik może znaleźć, szczególnie dla osób trochę starszych, mniej obytych z terminologią.

Przed
Po
leki-7a
leki-7

sekcja zamienniki leków

Tak jak poprzednie nagłówki, ten również wyrównany do lewej. Przyciski „Według składników” i „Według wskazań” również.

W informacji o zamiennikach leku proponuję je bardziej wyróżnić kolorem. Również ograniczyłem ilość leków w boxach o te, o których mówimy powyżej. Chyba, że stoją za większą ilością lece biznesowe. Również zostały uspójnione boxy, teksty wyrównane do lewej strony, a po zdjęcia zajmują stałą szerokość.

Przed
Po
leki-8a
leki-8

sekcja LEKsykon wiedzy

Rozumiem fakt, że tych elemnetów jest dużo i był pomysł na ich upakowanie w pop-up po kliknięciu w hamburger. Ale jeżeli się o tym nie wie, że coś tam jest to szana na jego użycie jest niewielka. Dodatkowo w oryginalnej stronie jest w tekście „Wybierz pozycje…”, a jak pokazuje się pop-up to jest „Wybierz rozdział”. Jeżeli miałoby tak zostać jak obecnie to trzeba wybrać jednąz opcji w obu przypadkach. 

Poziomy suwak jest bardzo niepraktyczny. Z racji tego, że i tak te pozycje przenoszą nas na zupełnie inną stronę, to postanowiłem je pokazać wszystkie w formie buttonów. Rezygnujemy wtedy też z  dodatkowego menu po lewej. W sytuacji gdyby te informacje były na tej samej stronie proponowałem bym menu typu accordeon.

Przed
Po
leki-9a
leki-9
Udostępnij