Poznaj „Wzorce projektowania formularzy”, naszą nową książkę o dostępnych formularzach internetowych — już dostępna!

Formularze. To nie przypadek, że słowo rymuje się z „ziewaniem” — formularze internetowe są nudne w kodowaniu, a jeszcze trudniejsze do wypełnienia przez odwiedzających. Ale bez formularzy sieć byłaby po prostu biblioteką. Pozwalają nam komentować, zbierać, rezerwować, kupować, udostępniać i wiele innych czasowników. A przede wszystkim umożliwiają nam robienie tych rzeczy w niezręczny, nieprzejrzysty, zagmatwany, dziwny, frustrujący, niepokojący lub alienujący sposób. Formularze są tak ważną częścią sieci, ale cały czas projektujemy je słabo. Kiedy nie są nadmiernie zaprojektowane, zwykle nie są w ogóle zaprojektowane.

W nowej książce Form Design Patterns chcemy rozwiązać ten problem. Przechodząc krok po kroku przez typowe, rzeczywiste problemy, nauczysz się projektować proste, niezawodne , lekkie , responsywne, dostępne , stopniowo ulepszane , interoperacyjne i intuicyjne formularze, które pozwolą użytkownikom wykonywać różne zadania bez względu na wszystko. A pod koniec książki otrzymasz prawie wyczerpującą listę komponentów dostarczonych jako system do projektowania, którego możesz natychmiast użyć we własnych projektach. (Przejdź do spisu treści.)

Spis treści

Każdy rozdział dotyczy konkretnego problemu — w końcu tak rozwiązujemy problemy w prawdziwym życiu. Ale nie martw się, wiele stylów, komponentów i wzorów zrodzonych z każdego rozdziału nadaje się do wielokrotnego użytku i można je stosować daleko poza konkretami, a zobaczysz przykłady tego, gdy będziemy przeglądać książkę.

Pobierz fragment PDF za darmo (0,7 MB), aby poczuć, jaka jest książka w środku.

1. Formularz rejestracyjny
   Zaczniemy przyglądać się podstawowym cechom dobrze zaprojektowanej formy i sposobom myślenia o nich. Stosując coś, co nazywa się protokołem pytań, przyjrzymy się, jak zmniejszyć tarcie bez dotykania interfejsu. Następnie przyjrzymy się kilku kluczowym wzorcom, w tym walidacji, których będziemy chcieli użyć dla każdego formularza.
2. Formularz kasy
   Rozważymy przepływy kasy i przyjrzymy się kilku typom danych wejściowych oraz ich wpływowi na wrażenia użytkownika w przeglądarkach mobilnych i stacjonarnych, jednocześnie szukając sposobów na szybkie i proste składanie zamówień zarówno klientom, którzy po raz pierwszy, jak i powracającym.
3. Formularz rezerwacji lotu
   Zanurzmy się w świat stopniowo ulepszanych , niestandardowych komponentów formularzy za pomocą ARIA. Zrobimy to, badając najlepszy sposób, aby umożliwić użytkownikom wybieranie miejsc docelowych, wybieranie dat, dodawanie pasażerów i wybieranie miejsc. Przeanalizujemy natywne kontrolki formularzy i przyjrzymy się zerwaniu z konwencją, gdy okaże się to konieczne.
4. Formularz logowania
   Przyjrzymy się wszechobecnemu formularzowi logowania. Pomimo prostego wyglądu, istnieje wiele błędów użyteczności, na które cierpi tak wiele witryn.
5. Skrzynka odbiorcza
   Zaprojektujemy sposoby zbiorczego zarządzania pocztą e-mail — nasze pierwsze spojrzenie na interfejsy administracyjne. W związku z tym wiąże się to z własnym zestawem wyzwań i wzorców, w tym responsywnym menu akcji opisanym w ARIA, wielokrotnym wyborem i wiadomościami na tej samej stronie .
6. Formularz wyszukiwania
   Stworzymy responsywny formularz wyszukiwania, który będzie łatwo dostępny dla użytkowników na wszystkich stronach, a także rozważymy znaczenie mechanizmu wyszukiwania, który go obsługuje.
7. Formularz filtra
   Użytkownicy często muszą filtrować duży zestaw nieporęcznych wyników wyszukiwania. Bez dobrze zaprojektowanego filtra użytkownicy z pewnością się poddadzą. Filtry stwarzają wiele interesujących i unikalnych problemów projektowych, które mogą zmusić nas do rzucenia wyzwania najlepszym praktykom, aby zapewnić użytkownikom lepsze wrażenia.
8. Formularz przesyłania
   Wiele usług, takich jak udostępnianie zdjęć, wiadomości i wiele aplikacji zaplecza, umożliwia użytkownikom przesyłanie obrazów i dokumentów. Przestudiujemy plik wejściowy i sposób, w jaki możemy go użyć do przesyłania wielu plików jednocześnie. Następnie przyjrzymy się zawiłościom interfejsu „przeciągnij i upuść”, ulepszonego przez Ajax, który obejmuje użytkowników klawiatury i czytników ekranu.
9. Formularz wydatków
   Zbadamy szczególny problem konieczności tworzenia i dodawania wielu wydatków (lub czegokolwiek innego) do systemu. To naprawdę jest wymówka, by zakryć dodanie kolejnego wzorca , który często przydaje się w interfejsach administracyjnych.
10. Naprawdę długa i skomplikowana forma
    Niektóre formularze są bardzo długie i ich wypełnienie zajmuje godziny. Przyjrzymy się niektórym wzorom, których możemy użyć, aby ułatwić zarządzanie długimi formularzami.

O autorze

Adam Silver jest projektantem interakcji z ponad 15-letnim doświadczeniem w pracy w sieci dla wielu firm, w tym Tesco, BBC, Just Eat, Financial Times, Departamentu Pracy i Emerytur i innych.

Szczególnie interesuje go inkluzywne projektowanie i systemy projektowania i pisze o tym na swoim blogu oraz w popularnych publikacjach projektowych, takich jak A List Apart . To też nie jest jego pierwsza książka: wcześniej napisał Maintainable CSS , książkę o tworzeniu zarządzalnych interfejsów użytkownika za pomocą CSS.

Szczegóły techniczne

• 384 strony, 14 × 21 cm ( 5,5 × 8,25 cala),
• ISBN: 978-3-945749-73-9 (druk),
• Wysokiej jakości twarda oprawa z szytą oprawą i wstążką,
• EBook jest dostępny w formacie PDF, EPUB i Amazon Kindle.
• Bezpłatna wysyłka pocztą lotniczą na cały świat z Niemiec. Terminy dostaw.
• Dostępne w formie drukowanej, wysokiej jakości w twardej oprawie i eBook.

Referencje

Naszym celem było, aby książka była jak najbardziej praktyczna i użyteczna . Mamy zaszczyt otrzymać bardzo pozytywne recenzje od osób tworzących strony internetowe na małą i dużą skalę.

• „Piszę formularze w HTML od ponad 20 lat. Ta książka ukazuje istotę przyjmowania standardów, stopniowego ulepszania i dostarczania prostych, przystępnych form . Poprzez sformalizowanie wzorców projektowych, które wszyscy możemy używać i wdrażać, programiści i projektanci mogą skupić się na swojej stronie internetowej i produkcie. Chciałbym, żeby było to dostępne 20 lat temu!”
  — Paul Duncan, technolog projektowania i nauczyciel dostępności
• „W świecie przerażająco oznaczonych form ta książka jest światłem oświetlającym drogę do bardziej przystępnych doświadczeń użytkownika. Gorąco polecam każdemu, kto projektuje lub rozwija interfejsy użytkownika, aby uniknąć typowych pułapek związanych z dostępnością formularzy, które zbyt często widzimy”.
  — Marcy Sutton, rzecznik ds. dostępności
• „Formularze. To nie przypadek, że słowo rymuje się z „ziewaniem” - formularze są nudne w kodowaniu, a jeszcze trudniejsze do wypełnienia przez odwiedzających. Dlatego spraw, aby działały lepiej dla wszystkich, korzystając z konkretnych wskazówek, kodu i mikrokopii zawartych w tej książce. I odpuść sobie ziewanie, ponieważ Adam Silver wykonał dla ciebie wszystkie badania i kody.
  — Bruce Lawson, rzecznik standardów internetowych
• „Form Design Patterns wyznacza zdrowy rozsądek i kompleksowe rozwiązania dla formularzy zarówno prostych, jak i potencjalnie złożonych. Jest Twoim towarzyszem w dążeniu do stworzenia prostszej i łatwiejszej interaktywnej sieci”.
  — Heydon Pickering, konsultant ds. UX i dostępności

Dlaczego ta książka jest dla ciebie

Ta książka jest praktycznym przewodnikiem dla każdego, kto potrzebuje projektować, prototypować i budować wszelkiego rodzaju formularze dla usług cyfrowych, produktów i stron internetowych. Nauczysz się :

1. Dostępne elementy formularzy natywnych i ich moce, ograniczenia i ograniczenia.
2. Kiedy i jak tworzyć dostępne niestandardowe komponenty formularzy, które mogą zapewnić użytkownikom lepsze wrażenia w porównaniu z ich natywnymi odpowiednikami.
3. Jak znacznie zmniejszyć tarcia w formach przy uważnym użyciu języka, przepływu i porządku.
4. Sposoby (i sposoby nie), aby pomóc użytkownikom w łatwym naprawianiu błędów formularzy .
5. Jak radzić sobie ze złożonymi interfejsami , które pozwalają użytkownikom przesyłać pliki i dodawać wiele elementów dowolnego rodzaju.
6. Sposoby umożliwienia użytkownikom wyszukiwania i filtrowania dużego zestawu wyników zgodnie z ich własnym modelem mentalnym.
7. Jak pomóc klientom w wypełnianiu szczególnie długich i skomplikowanych formularzy , których wypełnienie może zająć tygodnie.

Nie możemy się doczekać, kiedy usłyszymy Twoje przemyślenia na temat książki! Miłej lektury i mamy nadzieję, że książka okaże się dla Ciebie równie przydatna jak my. Po prostu przygotuj filiżankę kawy (lub herbaty), zanim zaczniesz czytać, oczywiście. Pozostań miażdżąc i... miau !