Erişilebilir Web Formları Üzerine Yeni Kitabımız "Form Design Patterns" ile Tanışın - Şimdi Gönderim!

Formlar. Kelimenin "esnemek" ile kafiyeli olması tesadüf değildir - web formlarının kodlanması sıkıcı ve hatta ziyaretçilerinizin doldurması için daha sıkıcıdır. Ancak formlar olmasaydı, web sadece bir kütüphane olurdu. Yorum yapmamıza, toplamamıza, rezervasyon yapmamıza, satın almamıza, paylaşmamıza ve bir dizi başka fiile izin veriyorlar. Ve çoğunlukla, bu şeyleri garip, anlaşılmaz, kafa karıştırıcı, tuhaf, sinir bozucu, endişe verici veya yabancılaştırıcı bir şekilde yapmamızı sağlarlar. Formlar web'in çok önemli bir parçasıdır, ancak onları her zaman kötü tasarlarız. Aşırı mühendislik yapılmadıklarında, genellikle hiç tasarlanmazlar.

Yeni Form Tasarım Kalıpları kitabıyla bu sorunu çözmek istiyoruz. Sık karşılaşılan gerçek dünya sorunlarını adım adım inceleyerek, kullanıcıların işlerini ne olursa olsun yapmasına izin veren basit, sağlam , hafif , duyarlı, erişilebilir , aşamalı olarak geliştirilmiş , birlikte çalışabilir ve sezgisel formlar tasarlamayı öğreneceksiniz. Ve kitabın sonunda, kendi projelerinizde hemen kullanabileceğiniz bir tasarım sistemi olarak teslim edilen bileşenlerin neredeyse eksiksiz bir listesine sahip olacaksınız. (İçindekiler bölümüne atlayın.)

İçindekiler

Her bölüm belirli bir problem etrafında dönüyor - sonuçta, gerçek hayatta problemleri bu şekilde çözüyoruz. Ancak endişelenmeyin, her bölümden doğan stil, bileşen ve kalıpların çoğu yeniden kullanılabilir ve ayrıntıların çok ötesinde uygulanabilir ve kitapta ilerledikçe bunun örneklerini göreceksiniz.

Kitabın içinde nasıl bir his olduğunu anlamak için PDF alıntısını ücretsiz olarak (0,7 MB) indirin.

1. Bir Kayıt Formu
   İyi tasarlanmış bir formun temel niteliklerine ve bunlar hakkında nasıl düşünüleceğine bakmaya başlayacağız. Soru protokolü denen bir şey uygulayarak, arayüze dokunmadan sürtünmeyi nasıl azaltacağımıza bakacağız. Ardından, doğrulama da dahil olmak üzere her form için kullanmak isteyeceğimiz bazı önemli kalıplara bakacağız.
2. Ödeme Formu
   Ödeme akışlarını ele alacağız ve çeşitli girdi türlerine ve bunların mobil ve masaüstü tarayıcılarda kullanıcı deneyimini nasıl etkilediğine ve bu arada hem ilk kez sipariş veren hem de geri dönen müşterilerin hızlı ve basit bir şekilde sipariş vermesine yardımcı olmanın yollarını inceleyeceğiz.
3. Uçuş Rezervasyon Formu
   ARIA kullanarak aşamalı olarak geliştirilmiş , özel form bileşenleri dünyasına dalacağız. Bunu, kullanıcıların varış noktası seçmesine, tarih seçmesine, yolcu eklemesine ve koltuk seçmesine izin vermenin en iyi yolunu keşfederek yapacağız. Yerel form denetimlerini analiz edeceğiz ve gerekli olduğunda gelenekten ayrılmayı ele alacağız.
4. Giriş Formu
   Her yerde bulunan giriş formuna bakacağız. Basit görünümüne rağmen, pek çok sitenin muzdarip olduğu bir sürü kullanılabilirlik hatası var.
5. Gelen Kutusu
   Yönetim arayüzlerine ilk bakışımız olarak, e-postayı toplu olarak yönetmenin yollarını tasarlayacağız. Bu nedenle, yanıt veren ARIA tanımlı eylem menüsü, çoklu seçim ve aynı sayfada mesajlaşma dahil olmak üzere kendi zorlukları ve kalıpları ile birlikte gelir.
6. Arama Formu
   Kullanıcıların tüm sayfalarda kolayca erişebileceği duyarlı bir arama formu oluşturacağız ve buna güç veren arama mekanizmasının önemini de dikkate alacağız.
7. Bir Filtre Formu
   Kullanıcıların genellikle çok sayıda hantal arama sonucunu filtrelemesi gerekir. İyi tasarlanmış bir filtre olmadan, kullanıcılar pes etmeye mahkumdur. Filtreler, kullanıcılara daha iyi bir deneyim sunmak için bizi en iyi uygulamalara meydan okumaya zorlayabilecek bir dizi ilginç ve benzersiz tasarım sorunu ortaya çıkarır.
8. Yükleme Formu
   Fotoğraf paylaşımı, mesajlaşma ve birçok arka ofis uygulaması gibi birçok hizmet, kullanıcıların resim ve belge yüklemesine olanak tanır. Dosya girişini ve bunu aynı anda birden fazla dosya yüklemek için nasıl kullanabileceğimizi inceleyeceğiz. Ardından, klavye ve ekran okuyucu kullanıcılarını içeren, sürükle ve bırak özellikli, Ajax ile geliştirilmiş bir arabirimin inceliklerine bakacağız.
9. Bir Gider Formu
   Bir sisteme çok fazla harcama (veya başka herhangi bir şey) yaratma ve ekleme ihtiyacının özel sorununu araştıracağız. Bu, yönetimsel arayüzlerde genellikle yararlı olan başka bir kalıp eklemeyi kapsamak için gerçekten bir bahane.
10. Gerçekten Uzun ve Karmaşık Bir Form
    Bazı formlar çok uzundur ve tamamlanması saatler sürer. Uzun formları yönetmeyi kolaylaştırmak için kullanabileceğimiz bazı kalıplara bakacağız.

Yazar hakkında

Adam Silver, Tesco, BBC, Just Eat, Financial Times, Department for Work and Pensions ve diğerleri dahil olmak üzere bir dizi şirket için web üzerinde çalışan 15 yılı aşkın deneyime sahip bir etkileşim tasarımcısıdır.

Özellikle kapsayıcı tasarım ve tasarım sistemleriyle ilgileniyor ve bu konuda blogunda ve A List Apart gibi popüler tasarım yayınlarında yazıyor. Bu onun ilk kitabı da değil: Daha önce CSS ile sürdürülebilir kullanıcı arayüzleri oluşturma hakkında bir kitap olan Bakım Yapılabilir CSS'yi yazdı.

Teknik detaylar

• 384 sayfa, 14 × 21 cm ( 5.5 × 8.25 inç),
• ISBN: 978-3-945749-73-9 (baskı),
• Dikişli ciltli ve şerit sayfa işaretleyicili kaliteli ciltli,
• E-Kitap PDF, EPUB ve Amazon Kindle olarak mevcuttur.
• Almanya'dan dünya çapında ücretsiz havayolu taşımacılığı. Teslimat zamanları.
• Basılı, kaliteli ciltli ve e-Kitap olarak mevcuttur.

referanslar

Kitabı mümkün olduğunca pratik ve kullanışlı hale getirmek amacımızdı. Küçük ve büyük ölçekte web siteleri yapan insanlardan çok olumlu eleştiriler almaktan onur duyduk.

• “20 yılı aşkın bir süredir HTML'de formlar yazıyorum. Bu kitap, standartları benimsemenin, aşamalı olarak geliştirmenin ve basit, erişilebilir formlar sunmanın özünü yakalar. Hepimizin kullanabileceği ve uygulayabileceği tasarım modellerini resmileştirerek, geliştiriciler ve tasarımcılar web sitelerine ve ürünlerine odaklanabilirler. Keşke bu 20 yıl önce mevcut olsaydı!”
  — Paul Duncan, Tasarım Teknologları ve Erişilebilirlik Öğretmeni
• "Korkunç bir şekilde işaretlenmiş formların dünyasında, bu kitap daha erişilebilir kullanıcı deneyimlerine giden yolu aydınlatan bir ışık feneridir. Çok sık karşılaştığımız yaygın form erişilebilirlik tuzaklarından kaçınmak için kullanıcı arabirimleri tasarlayan veya geliştiren herkese şiddetle tavsiye ediyorum.”
  — Marcy Sutton, Erişilebilirlik Avukatı
• "Formlar. Kelimenin "esnemek" ile kafiyeli olması tesadüf değildir - formların kodlanması sıkıcı ve hatta ziyaretçilerinizin doldurması için daha sıkıcıdır. Bu nedenle, bu kitaptaki somut ipuçlarını, kodu ve mikro kopyayı kullanarak formların herkes için daha iyi çalışmasını sağlayın. Adam Silver sizin için tüm araştırmaları ve kodlamaları yaptığı için kendi esnemelerinizi de ortadan kaldırın.”
  — Bruce Lawson, Web standartları Avukatı
• “Form Design Patterns, hem basit hem de potansiyel olarak karmaşık formlar için sağduyulu ve kapsayıcı çözümler ortaya koyuyor. Siz daha basit ve daha kolay etkileşimli bir web oluşturmaya çalışırken bu sizin arkadaşınızdır.”
  — Heydon Pickering, UX ve erişilebilirlik danışmanı

Bu Kitap Neden Sizin İçin

Bu kitap, dijital hizmetler, ürünler ve web siteleri için her türlü formu tasarlaması, prototiplemesi ve oluşturması gereken herkes için pratik bir kılavuzdur. Şunları öğreneceksiniz :

1. Mevcut yerel form öğeleri ve bunların güçleri, sınırlamaları ve kısıtlamaları.
2. Kullanıcılara yerel eşdeğerlerine kıyasla daha iyi bir deneyim sunabilecek erişilebilir özel form bileşenlerinin ne zaman ve nasıl oluşturulacağı.
3. Dikkatli dil, akış ve düzen kullanımıyla formlardaki sürtüşmeleri önemli ölçüde nasıl azaltabilirsiniz ?
4. Kullanıcıların form hatalarını kolayca düzeltmesine yardımcı olacak yollar (ve olmayan yollar).
5. Kullanıcıların dosya yüklemesine ve herhangi bir türden birden çok öğe eklemesine izin veren karmaşık arabirimlerle nasıl başa çıkılır.
6. Kullanıcıların kendi zihinsel modellerine göre geniş bir sonuç kümesini aramasına ve filtrelemesine izin vermenin yolları.
7. Müşterilerin, doldurması haftalar alabilen özellikle uzun ve karmaşık formları doldurmasına nasıl yardımcı olunur?

Kitap hakkındaki düşüncelerinizi duymak için sabırsızlanıyoruz! İyi okumalar , umarız kitabı bizim kadar faydalı bulursunuz. Tabii ki okumaya başlamadan önce bir fincan kahve (veya çay) hazırlayın. Çarpıcı kalın ve... miyav !