GoldenLine
Zaloguj się
Wojciech Kmiecik

Wojciech Kmiecik Właściciel, MAPRIT

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Proszę ekspertów od użyteczności o pomoc w dopracowaniu ścieżki wpłat na stronie Szlachetnej Paczki. Jesteśmy w trakcie tegorocznej edycji i chcielibyśmy zoptymalizować ścieżkę w celu podniesienia jej efektywności.

Ścieżka zaczyna się pod adresem:
http://www.szlachetnapaczka.pl/wplac

Aby nie zmuszać Was do wczytywania się na stronie o co chodzi kilka słów wyjaśnienia kontekstu.
Szlachetna Paczka to akcja dobroczynna pomocy ludziom żyjącym w niezawinionej biedzie. Akcja jest finansowana obywatelsko, a więc to czy odbędzie się w przyszłym roku i ilu rodzinom pomoże, zależy właśnie od dobroczyńców, którzy wpłacają na nią.
Na ścieżce wpłat można wybrać dwie formy wsparcia - jednorazową wpłatę lub deklarację comiesięcznych wpłat.

Z góry dziękuję za pomocWojciech Kmiecik edytował(a) ten post dnia 20.11.12 o godzinie 21:07
Link do wypowiedziLink
Adam Pawliczek

Adam Pawliczek Usability expert, UX
designer,
Interaction
specialist

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

- strona się rozjeżdża, to na początek,
- "krok 1 z 3" został umieszczony tak żeby nikt nie miał szans go zobaczyć,
- nie wiem czego się spodziewać w kolejnym kroku... zwłaszcza że już w 1 kroku jest "pomagam"... może zamiast tego dać "przejdź do płatności"?,
- jeżeli w 3 kroku jest jakieś podziękowanie to nie powinien to być 3 krok... więc powinny być 2 kroki. Poza tym dlaczego nie można tego formularza zrobić na 1 stronie?
- formularz jest zrobiony niechlujnie, brak dbałości o odległości, paddingi, tragicznie mała czcionka (11px - nieźle...).
- zamiast robić własny design pól formularza lepiej skupić się na przejrzystości układu i czytelności treści.
Link do wypowiedziLink
Adam Pietrasiewicz

Adam Pietrasiewicz Półliterat, Audytor
dostępności

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Dochodzi jeszcze paskudnie zła dostępność, a właściwie jej brak. Dramatycznie zły kontrast, brak połączenia etykietek z polami formularza, formularz nie jest umieszczony w fieldsecie ...

No i DLACZEGO opis zdjęcia to "zdjęcie dziewczynki"? Przecież to zdjęcie przedstawia o wiele więcej niż tylko zdjęcie dziewczynki. Atrybut "alt" jest po to, żeby opowiedzieć co jest na zdjęciu - nie zawsze i nie każdy to widzi.
Link do wypowiedziLink

konto usunięte

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Ano, pola formularza straszą, lepiej już zrobić czyste boksy, ew. z delikatnym borderem, że Google-style tak czyściutko...
Kroki - totalnie nie widać... zdjęcie bez sensu wrzucone.

Albo w sumie po co się powtarzać : )
Link do wypowiedziLink
Wojciech Kmiecik

Wojciech Kmiecik Właściciel, MAPRIT

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Dziękuję za zgłoszone uwagi. Pracujemy nad ich wdrożeniem.
Link do wypowiedziLink
Adam Pietrasiewicz

Adam Pietrasiewicz Półliterat, Audytor
dostępności

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

No i po co te nagłówki na radiobuttonach i innych? Te wszystkie h3 i h4 są niepotrzebne, a wręcz utrudniają dostępność.

no i w bannerze takie cuda



<xhtml:img class="wave4tip" border="0" src="chrome://wavetoolbar/content/waveicons/alt_text_link.png" description="Alternative text is present in an image that is a link." alt="FEATURE: Linked image with alternative text" lrae-style="height: 25px !important; width: 25px !important;">


"description" oznacza "opis" po polsku. I nalezy tam wpisać ten opis! A "alt" odnosi się do tekstu alternatywnego, który również powinien być wstawiony a nie pozostawiony tak, jak było w jakimś przykładzie...

To jest zwyczajne niechlujstwo!
Link do wypowiedziLink

konto usunięte

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Skoro dane adresowe nie są wymagane, mogłyby się pojawiać dopiero po kliknięciu w checkbox w stylu "chcę otrzymać zaświadczenie o przekazaniu darowizny..."

Sekcja "Pomagaj jako firma" jest niepotrzebna, już wcześniej wybieramy czy jesteśmy firmą czy nie i czy chcemy zaświadczenie by odliczyć darowiznę od podatku.

"Inne opcje wpłat" można np. ukryć, tzn dać do wyboru: formularz lub przelew bezpośredni.

Sekcje "Moje wsparcie jest" można skrócić do jednego checkboxa, np. "chcę pomagać częściej. Dołącz do klubu....".

Można jeszcze pomyśleć nad zamianą dużego banera na logo szlachetnej paczki.

PS. Nie bardzo wiadomo o co chodzi z tym "termometrem" w prawym górnym rogu, przez co odwraca uwagę :)Adam R. edytował(a) ten post dnia 22.11.12 o godzinie 13:52
Link do wypowiedziLink
Wojciech Kmiecik

Wojciech Kmiecik Właściciel, MAPRIT

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Adam R.:
PS. Nie bardzo wiadomo o co chodzi z tym "termometrem" w prawym górnym rogu, przez co odwraca uwagę :)

Ma intrygować :) A pokazuje ile osób dotychczas wpłaciło na Szlachetną Paczkę, bo projekt bez finansowania obywatelskiego nie miałby szans pomagać tylu rodzinom.
Link do wypowiedziLink
Zbigniew Maciej Matyszczak

Zbigniew Maciej Matyszczak konsultant
niezależny,edukacja
nieformalna w ramach
bizne...

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Adam Pietrasiewicz:
No i po co te nagłówki na radiobuttonach i innych? Te wszystkie h3 i h4 są niepotrzebne, a wręcz utrudniają dostępność.

no i w bannerze takie cuda



<xhtml:img class="wave4tip" border="0" 	[/quote]> src="chrome://wavetoolbar/content/waveicons/alt_text_link.png" 	[quote]description="Alternative text is present in an image that is a link." alt="FEATURE: Linked image with alternative text" lrae-style="height: 25px !important; width: 25px !important;">


"description" oznacza "opis" po polsku. I nalezy tam wpisać ten opis! A "alt" odnosi się do tekstu alternatywnego, który również powinien być wstawiony a nie pozostawiony tak, jak było w jakimś przykładzie...

To jest zwyczajne niechlujstwo!

Pan Wojciech jest specjalistą od marketingu i prosił o pomoc w kwestii dostępności wpłat ... ( tylko :)
Link do wypowiedziLink
Adam Pietrasiewicz

Adam Pietrasiewicz Półliterat, Audytor
dostępności

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Z pewnością nie zaszkodzi jak się zainteresuje i innymi aspektami. A nawet pomoże. Dobrze zrobiona strona lepiej się pozycjonuje.
Link do wypowiedziLink
Wojciech Kmiecik

Wojciech Kmiecik Właściciel, MAPRIT

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Każda uwaga jest cenna. Nie sprawdzałem całej konstrukcji strony zawierzając wykonawcy. Chętnie poprawimy też takie elementy. Jednak chyba już zostało to skorygowane, bo nie widzę teraz w kodzie już tego fragmentu.
Link do wypowiedziLink
Adam Pietrasiewicz

Adam Pietrasiewicz Półliterat, Audytor
dostępności

Temat: Użyteczność w serwisie SZLACHETNA PACZKA

Problem dostępności to ogólnie kwestia trudna. Trudna głównie dlatego, że zupełnie nieznana wśród deweloperów, którym wydaje się, że sprawę dostępności się "jakoś załatwi". A tego "jakoś załatwić" się nie da, a powoli, powoli (oczywiście BARDZO POWOLI) niedostępna strona zaczyna być obciachowa.

Niedostępna w rozumieniu accesibility.

A poza tym jak strona jest dobrze zrobiona to zwyczajnie lepiej się pozycjonuje, a to też ważne.

Badanie automatyczne oczywiście nie zastąpi porządnego sprawdzenia okiem człowieka, ale warto chociaż rzucić okiem - polskie narzędzie http://utilitia.pl może być przydatne przy rozpoznaniu niektórych ogólnych problemów dostępności. Oto, co wyszło na tej stronie:

http://validator.utilitia.pl/analysis/50b121a2bd198338...
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj