Temui “Pola Desain Formulir”, Buku Baru Kami Tentang Formulir Web yang Dapat Diakses — Sekarang Dikirim!

Formulir. Bukan kebetulan bahwa kata berima dengan "menguap" — formulir web membosankan untuk dikodekan dan bahkan lebih membosankan untuk diisi pengunjung Anda. Tapi tanpa formulir, web hanya akan menjadi perpustakaan. Mereka membiarkan kami berkomentar, mengumpulkan, memesan, membeli, berbagi, dan sejumlah kata kerja lainnya. Dan kebanyakan mereka memungkinkan kita untuk melakukan hal-hal ini dengan cara yang canggung, buram, membingungkan, aneh, membuat frustrasi, mengkhawatirkan, atau mengasingkan. Formulir adalah bagian penting dari web, tetapi kami selalu mendesainnya dengan buruk. Ketika mereka tidak direkayasa secara berlebihan, mereka biasanya tidak direkayasa sama sekali.

Dengan buku Pola Desain Formulir yang baru, kami ingin mengatasi masalah ini. Dengan melewati masalah umum di dunia nyata langkah demi langkah, Anda akan belajar cara mendesain formulir yang sederhana, kuat , ringan , responsif, dapat diakses , ditingkatkan secara progresif , dapat dioperasikan, dan intuitif yang memungkinkan pengguna menyelesaikan pekerjaan apa pun yang terjadi. Dan di akhir buku ini Anda akan memiliki daftar lengkap komponen yang dikirimkan sebagai sistem desain yang dapat Anda gunakan segera dalam proyek Anda sendiri. (Langsung ke daftar isi.)

Daftar isi

Setiap bab berkisar pada masalah tertentu — lagi pula, begitulah cara kami memecahkan masalah dalam kehidupan nyata. Tapi jangan khawatir, banyak gaya, komponen , dan pola yang lahir dari setiap bab dapat digunakan kembali dan dapat diterapkan dengan baik di luar spesifikasinya dan Anda akan melihat contohnya saat kita menelusuri buku ini.

Unduh kutipan PDF secara gratis (0,7 MB) untuk merasakan seperti apa isi buku tersebut.

1. Formulir Pendaftaran
   Kita akan mulai melihat kualitas dasar dari bentuk yang dirancang dengan baik dan bagaimana memikirkannya. Dengan menerapkan sesuatu yang disebut protokol pertanyaan, kita akan melihat cara mengurangi gesekan bahkan tanpa menyentuh antarmuka. Kemudian kita akan melihat beberapa pola penting, termasuk validasi, yang ingin kita gunakan untuk setiap formulir.
2. Formulir Pembayaran
   Kami akan mempertimbangkan alur checkout dan melihat beberapa jenis input dan bagaimana pengaruhnya terhadap pengalaman pengguna di browser seluler dan desktop, sambil mencari cara untuk membantu pelanggan pertama kali dan kembali memesan dengan cepat dan sederhana.
3. Formulir Pemesanan Penerbangan
   Kami akan terjun ke dunia komponen formulir kustom yang semakin ditingkatkan menggunakan ARIA. Kami akan melakukan ini dengan menjelajahi cara terbaik untuk memungkinkan pengguna memilih tujuan, memilih tanggal, menambahkan penumpang, dan memilih kursi. Kami akan menganalisis kontrol bentuk asli , dan melihat keluar dari konvensi saat diperlukan.
4. Formulir Masuk
   Kita akan melihat formulir login yang ada di mana-mana. Meskipun penampilannya sederhana, ada banyak kegagalan kegunaan yang dialami banyak situs.
5. Sebuah Kotak Masuk
   Kami akan merancang cara untuk mengelola email secara massal, tampilan pertama kami di antarmuka administratif. Dengan demikian, ini hadir dengan serangkaian tantangan dan polanya sendiri, termasuk menu tindakan yang dijelaskan oleh ARIA yang responsif, beberapa pilihan , dan perpesanan halaman yang sama .
6. Formulir Pencarian
   Kami akan membuat formulir pencarian responsif yang tersedia untuk pengguna di semua halaman, dan kami juga akan mempertimbangkan pentingnya mekanisme pencarian yang mendukungnya.
7. Formulir Filter
   Pengguna sering kali perlu memfilter sekumpulan besar hasil pencarian yang berat. Tanpa filter yang dirancang dengan baik, pengguna pasti akan menyerah. Filter menimbulkan sejumlah masalah desain yang menarik dan unik yang mungkin memaksa kami untuk menantang praktik terbaik untuk memberikan pengalaman yang lebih baik kepada pengguna.
8. Formulir Unggah
   Banyak layanan, seperti berbagi foto, perpesanan, dan banyak aplikasi back-office, memungkinkan pengguna mengunggah gambar dan dokumen. Kami akan mempelajari input file dan bagaimana kami dapat menggunakannya untuk mengunggah banyak file sekaligus. Kemudian kita akan melihat seluk-beluk antarmuka drag-and-drop, Ajax-enhanced yang mencakup pengguna keyboard dan pembaca layar.
9. Formulir Biaya
   Kami akan menyelidiki masalah khusus kebutuhan untuk membuat dan menambahkan banyak pengeluaran (atau apa pun) ke dalam sistem. Ini benar-benar alasan untuk menutupi add another pattern , yang sering berguna dalam antarmuka administratif.
10. Bentuk yang Sangat Panjang dan Rumit
    Beberapa formulir sangat panjang dan membutuhkan waktu berjam-jam untuk diselesaikan. Kita akan melihat beberapa pola yang dapat kita gunakan untuk membuat formulir panjang lebih mudah dikelola.

Tentang Penulis

Adam Silver adalah desainer interaksi dengan pengalaman lebih dari 15 tahun bekerja di web untuk berbagai perusahaan termasuk Tesco, BBC, Just Eat, Financial Times, Departemen Pekerjaan dan Pensiun, dan lainnya.

Dia sangat tertarik dengan desain inklusif dan sistem desain dan menulis tentang ini di blognya dan publikasi desain populer seperti A List Apart . Ini juga bukan buku pertamanya: dia sebelumnya menulis Maintainable CSS , sebuah buku tentang membuat UI yang dapat dipelihara dengan CSS.

Detail Teknis

• 384 halaman, 14 × 21 cm ( 5,5 × 8,25 inci),
• ISBN: 978-3-945749-73-9 (cetak),
• Hardcover berkualitas dengan penjilidan yang dijahit dan penanda halaman pita,
• eBuku tersedia dalam PDF, EPUB, dan Amazon Kindle.
• Pengiriman pos udara gratis ke seluruh dunia dari Jerman. Waktu pengiriman.
• Tersedia dalam bentuk cetak, hardcover berkualitas dan eBook.

Testimonial

Sudah menjadi tujuan kami untuk membuat buku ini sepraktis dan berguna mungkin . Kami merasa terhormat menerima ulasan yang sangat positif dari orang-orang yang membuat situs web dalam skala kecil dan besar.

• “Saya telah menulis formulir dalam HTML selama lebih dari 20 tahun. Buku ini menangkap esensi dari apa yang dimaksud dengan merangkul standar, secara progresif meningkatkan dan memberikan bentuk yang sederhana dan dapat diakses . Dengan memformalkan pola desain yang dapat kita gunakan dan terapkan, pengembang dan desainer dapat fokus pada situs web dan produk mereka. Saya berharap ini tersedia 20 tahun yang lalu!”
  — Paul Duncan, Teknologi Desain dan Guru Aksesibilitas
• “Dalam dunia formulir yang ditandai dengan mengerikan, buku ini adalah mercusuar yang menerangi jalan menuju pengalaman pengguna yang lebih mudah diakses. Saya sangat merekomendasikannya kepada siapa pun yang merancang atau mengembangkan antarmuka pengguna untuk menghindari jebakan aksesibilitas bentuk umum yang sering kita lihat.”
  — Marcy Sutton, Advokat Aksesibilitas
• "Formulir. Bukan kebetulan bahwa kata berima dengan "menguap" - formulir membosankan untuk dikodekan dan bahkan lebih membosankan untuk diisi pengunjung Anda. Jadi buatlah formulir itu bekerja lebih baik untuk semua orang, dengan menggunakan kiat, kode, dan mikrokopi yang konkret dalam buku ini. Dan hilangkan menguap Anda sendiri, karena Adam Silver telah melakukan semua penelitian dan pengkodean untuk Anda.”
  — Bruce Lawson, Advokat standar Web
• “Pola Desain Formulir menetapkan akal sehat dan solusi inklusif untuk formulir baik yang sederhana maupun yang berpotensi kompleks. Ini adalah pendamping Anda saat Anda berusaha untuk membuat web interaktif yang lebih sederhana dan lebih mudah.”
  — Heydon Pickering, UX dan konsultan aksesibilitas

Mengapa Buku Ini Untuk Anda

Buku ini adalah panduan praktis bagi siapa saja yang perlu merancang, membuat prototipe, dan membangun segala macam bentuk untuk layanan digital, produk, dan situs web. Anda akan belajar :

1. Elemen bentuk asli yang tersedia dan kekuatannya, batasan dan batasannya.
2. Kapan dan bagaimana membuat komponen formulir kustom yang dapat diakses yang dapat memberikan pengalaman yang lebih baik kepada pengguna dibandingkan dengan padanan asli mereka.
3. Bagaimana secara signifikan mengurangi gesekan dalam bentuk dengan penggunaan bahasa, alur, dan keteraturan yang cermat.
4. Cara (dan cara tidak) untuk membantu pengguna memperbaiki kesalahan formulir dengan mudah.
5. Bagaimana menangani antarmuka kompleks yang memungkinkan pengguna mengunggah file dan menambahkan banyak item dalam bentuk apa pun.
6. Cara untuk memungkinkan pengguna mencari dan memfilter sekumpulan besar hasil menurut model mental mereka sendiri.
7. Bagaimana membantu pelanggan mengisi formulir yang sangat panjang dan rumit yang mungkin membutuhkan waktu berminggu-minggu untuk diisi.

Kami tidak sabar untuk mendengar pendapat Anda tentang buku ini! Selamat membaca , dan kami berharap buku ini bermanfaat bagi Anda seperti kami. Siapkan saja secangkir kopi (atau teh) sebelum Anda mulai membaca, tentu saja. Tetap hancur dan... meong !