Projektowanie formularzy - Natalia Cackowska
29
Projektowanie formularzy The Awwwsomes Meetup, 13 X 2016 Natalia Cackowska
-
Upload
the-awwwesomes -
Category
Software
-
view
307 -
download
2
Transcript of Projektowanie formularzy - Natalia Cackowska
![Page 1: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/1.jpg)
Projektowanie formularzy The Awwwsomes Meetup, 13 X 2016
Natalia Cackowska
![Page 2: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/2.jpg)
Forms suck
A giant sucking sound
![Page 3: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/3.jpg)
1. Cel
![Page 4: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/4.jpg)
![Page 5: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/5.jpg)
2. Lista pytań
![Page 6: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/6.jpg)
![Page 7: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/7.jpg)
3. Kolejność i treść pytań
![Page 8: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/8.jpg)
![Page 9: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/9.jpg)
4. Układ
![Page 10: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/10.jpg)
![Page 11: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/11.jpg)
5. Typ i długość inputów
![Page 12: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/12.jpg)
![Page 13: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/13.jpg)
6. Wymagane i opcjonalne pola
![Page 14: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/14.jpg)
![Page 15: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/15.jpg)
7. Pomoc
![Page 16: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/16.jpg)
![Page 17: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/17.jpg)
8. Walidacja inline
![Page 18: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/18.jpg)
![Page 19: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/19.jpg)
9. Przyciski
![Page 20: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/20.jpg)
![Page 21: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/21.jpg)
10. Animacje
![Page 22: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/22.jpg)
![Page 23: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/23.jpg)
11. Błędy
![Page 24: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/24.jpg)
![Page 25: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/25.jpg)
12. Powiadomienie o “sukcesie”
![Page 26: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/26.jpg)
![Page 27: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/27.jpg)
Przydatne linki
https://www.nngroup.com/articles/web-form-design/
https://www.smashingmagazine.com/2011/11/extensive-guide-web-form-usability/
http://rosenfeldmedia.com/books/web-form-design/
Nieprzydatny link:
https://www.smashingmagazine.com/2011/06/useful-ideas-and-guidelines-for-good-web-form-design/
![Page 28: Projektowanie formularzy - Natalia Cackowska](https://reader033.fdocument.pub/reader033/viewer/2022042619/58d1b8361a28ab98278b58b1/html5/thumbnails/28.jpg)
Komentarz do pytań
https://drive.google.com/open?id=0Bz9O9VbYJsP9WGxvZ2g5dWN1cnM