際際滷

際際滷Share a Scribd company logo
Dobre praktyki projektowania formularzy
Plan na dzisiajUkad p坦 formularzyObsuga bd坦wFormat danychNie lubimy si rejestrowa
Formularz okiem u甜ytkownikaNie lubimy wypenia formularzy ale musimy to robi wic robimyZatem zadaniem projektanta jest zmniejszy b坦l
Projektowanie formularzy - ukadEtykieta polaSzybkie skanowanie
Zwikszona dugoEtykieta polaEtykieta pola
Projektowanie formularzy - ukadSzybkie skanowanie
Zredukowana dugo
Du甜a odlego od polaEtykieta polaDuga etykieta polaEtykietaUltra-duga etykieta pola
Projektowanie formularzy  ukadUtrudnione skanowanie
Zredukowana dugo
Maa odlego od polaEtykieta polaDuga etykieta polaEtykietaUltra-duga etykieta pola
Projektowanie formularzy - grupowanieNag坦wekEtykieta polaDuga etykieta polaEtykieta polaNag坦wekEtykieta polaDuga etykieta polaEtykieta pola
Projektowanie formularzyNag坦wek 1Nag坦wek 2
Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej  >AnulujWiksze prawdopodobiestwo bdu
Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej  >AnulujMniejsze prawdopodobiestwo bdu
Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej  >Mniejsze prawdopodobiestwo bduAnuluj
Projektowanie formularzy - przyciskiEtykieta polaDuga etykieta polaEtykieta polaEtykieta polaDuga etykieta polaEtykieta polaDalej  >Anuluj
Projektowanie formularzy - przyciski
Projektowanie formularzy - przyciski
Efektywna komunikacja bd坦w w formularzachDobrze widoczneKomunikuj zwi添le, co jest nie takPokazuj, gdzie jest bdM坦wi jak naprawi bd
Efektywna komunikacja bd坦w w formularzach PrzykadEtykieta polaE-mailPodany e-mail jest niepoprawny. Sprawd添, czy si nie pomylie.Etykieta polaEtykieta polaDuga etykieta polaEtykieta pola
Efektywna komunikacja bd坦w w formularzach Przykad
Efektywna komunikacja bd坦w w formularzach Anty-Przykad
Formularze  format danychElastyczno - nie pozwalamy bazie danych rzdziJednoznaczno  projektujemy aby trudno byo si pomyliData urodzeniaNp. 1979/04/23_____ /___ /___E-mailNp. 691-123-456Telefon kom坦rkowy___ - ___ - ___NIPNp. 554-123-45-67/AdresUlicaNr domuNr mieszkania
Nie ka甜 si rejestrowaAby kupi, podaj login i haso = 23% opuszcza serwis77%Logowanieaby kupiBoink2007, ForresterResearch, Inc.
Nie ka甜 si rejestrowaInny przykad (JaredSpool, UIE) - pewien sklep internetowyPo przeanalizowaniu istniejcej sytuacji:U甜ytkownicy niechtnie si rejestrowaliWielu powracajcych u甜ytkownik坦w nie pamitao loginu/hasaTylko 25% z tych, kt坦rzy kliknli Zapomniaem hasa dokonali zakupu45% zarejestrowanych u甜ytkownik坦w miao po 2 lub wicej loginy (nawet do 10!)
Nie ka甜 si rejestrowaRekomendacje zmian:Zamiast przycisku [REJESTRACJA] umieszczono przycisk [DALEJ] oraz dodano informacj: 		Nie musisz si rejestrowa w naszym sklepie, aby dokona zakupu. Po prostu kliknij Dalej aby kontynuowa. Aby byo Ci wygodniej kupowa w przyszoci, mo甜esz zao甜y konto podczas procesu transakcjiWynik:Wzrost konwersji o 45%Wzrost rocznego przychodu o 300 000 000 USD !
Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.晦看乙庄稼24.沿鉛
Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.稼艶看24.沿鉛
Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.稼艶看馨庄恰.沿鉛
Nie ka甜 si rejestrowa - przykadPrzed:

More Related Content

WUD 2009 - Dobre praktyki projektowania formularzy

  • 2. Plan na dzisiajUkad p坦 formularzyObsuga bd坦wFormat danychNie lubimy si rejestrowa
  • 3. Formularz okiem u甜ytkownikaNie lubimy wypenia formularzy ale musimy to robi wic robimyZatem zadaniem projektanta jest zmniejszy b坦l
  • 4. Projektowanie formularzy - ukadEtykieta polaSzybkie skanowanie
  • 6. Projektowanie formularzy - ukadSzybkie skanowanie
  • 8. Du甜a odlego od polaEtykieta polaDuga etykieta polaEtykietaUltra-duga etykieta pola
  • 9. Projektowanie formularzy ukadUtrudnione skanowanie
  • 11. Maa odlego od polaEtykieta polaDuga etykieta polaEtykietaUltra-duga etykieta pola
  • 12. Projektowanie formularzy - grupowanieNag坦wekEtykieta polaDuga etykieta polaEtykieta polaNag坦wekEtykieta polaDuga etykieta polaEtykieta pola
  • 14. Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej >AnulujWiksze prawdopodobiestwo bdu
  • 15. Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej >AnulujMniejsze prawdopodobiestwo bdu
  • 16. Projektowanie formularzy - przyciskiAkcja I rzduAkcja II rzduDalej >Mniejsze prawdopodobiestwo bduAnuluj
  • 17. Projektowanie formularzy - przyciskiEtykieta polaDuga etykieta polaEtykieta polaEtykieta polaDuga etykieta polaEtykieta polaDalej >Anuluj
  • 20. Efektywna komunikacja bd坦w w formularzachDobrze widoczneKomunikuj zwi添le, co jest nie takPokazuj, gdzie jest bdM坦wi jak naprawi bd
  • 21. Efektywna komunikacja bd坦w w formularzach PrzykadEtykieta polaE-mailPodany e-mail jest niepoprawny. Sprawd添, czy si nie pomylie.Etykieta polaEtykieta polaDuga etykieta polaEtykieta pola
  • 22. Efektywna komunikacja bd坦w w formularzach Przykad
  • 23. Efektywna komunikacja bd坦w w formularzach Anty-Przykad
  • 24. Formularze format danychElastyczno - nie pozwalamy bazie danych rzdziJednoznaczno projektujemy aby trudno byo si pomyliData urodzeniaNp. 1979/04/23_____ /___ /___E-mailNp. 691-123-456Telefon kom坦rkowy___ - ___ - ___NIPNp. 554-123-45-67/AdresUlicaNr domuNr mieszkania
  • 25. Nie ka甜 si rejestrowaAby kupi, podaj login i haso = 23% opuszcza serwis77%Logowanieaby kupiBoink2007, ForresterResearch, Inc.
  • 26. Nie ka甜 si rejestrowaInny przykad (JaredSpool, UIE) - pewien sklep internetowyPo przeanalizowaniu istniejcej sytuacji:U甜ytkownicy niechtnie si rejestrowaliWielu powracajcych u甜ytkownik坦w nie pamitao loginu/hasaTylko 25% z tych, kt坦rzy kliknli Zapomniaem hasa dokonali zakupu45% zarejestrowanych u甜ytkownik坦w miao po 2 lub wicej loginy (nawet do 10!)
  • 27. Nie ka甜 si rejestrowaRekomendacje zmian:Zamiast przycisku [REJESTRACJA] umieszczono przycisk [DALEJ] oraz dodano informacj: Nie musisz si rejestrowa w naszym sklepie, aby dokona zakupu. Po prostu kliknij Dalej aby kontynuowa. Aby byo Ci wygodniej kupowa w przyszoci, mo甜esz zao甜y konto podczas procesu transakcjiWynik:Wzrost konwersji o 45%Wzrost rocznego przychodu o 300 000 000 USD !
  • 28. Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.晦看乙庄稼24.沿鉛
  • 29. Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.稼艶看24.沿鉛
  • 30. Nie ka甜 si 姻艶逮艶壊岳姻看敬温敬敬敬.稼艶看馨庄恰.沿鉛
  • 31. Nie ka甜 si rejestrowa - przykadPrzed:
  • 32. Nie ka甜 si rejestrowa - przykadPo:
  • 33. Nie ka甜 si rejestrowa - przykadWzrost iloci zam坦wie o +50%Spadek redniej wartoci koszyka o -25% wicej drobnych zam坦wieIlo grubych zam坦wie nie zmienia siIlo os坦b rejestrujcych si nie zmienia siWarto koszyka os坦b rejestrujcych si nie zmienia si
  • 34. Nie ka甜 si rejestrowaCo za co:51% respondent坦w jest w stanie poda prywatne informacje w zamian za zni甜ki i promocje40% aby zaoszczdzi na czasie27% dla lepszego dopasowania zawartoci do ich preferencji (personalizacja)U甜ytkownicy zwykle oczekuj czego w zamian.2007, ForresterResearch, Inc.
  • 35. Formularze - dobre praktykiKr坦tkie i czytelneNikt nie lubi wypeniania formularzyWicej p坦l do wypenienia = wicej szans na bdOznacz wymagane dane *Nie wymagaj wicej informacji ni甜 potrzebaGdy prosisz o extra napisz dla czego i jakie s korzyci dla u甜ytkownikaNapisz, co daje rejestracja nie wymagaj jej.Niech e-mail bdzie identyfikatorem u甜ytkownikaNie przesadzaj z trudnoci hase