액세스 가능한 웹 양식에 대한 새로운 책인 "양식 디자인 패턴"을 만나보세요 — 지금 배송 중입니다!

양식. 단어가 "하품"과 운율이 일치하는 것은 우연이 아닙니다. 웹 양식은 코딩하기에 둔하고 방문자가 작성하기에 더 둔합니다. 그러나 양식이 없으면 웹은 그저 도서관일 뿐입니다. 그들은 우리가 댓글을 달고, 수집하고, 예약하고, 구매하고, 공유하고, 다른 많은 동사를 허용합니다. 그리고 대부분 그것들은 우리가 이러한 일들을 어색하고, 불투명하고, 혼란스럽고, 이상하고, 좌절하고, 놀라거나, 소외되는 방식으로 하도록 합니다. 양식은 웹에서 매우 중요한 부분이지만 항상 제대로 설계하지 않습니다. 오버 엔지니어링되지 않은 경우 일반적으로 전혀 엔지니어링되지 않습니다.

새로운 Form Design Patterns 책을 통해 우리는 이 문제를 해결하고자 합니다. 일반적인 실제 문제를 단계별로 살펴봄으로써 사용자가 무엇을 하든 작업을 완료할 수 있도록 하는 단순하고, 강력하고 , 가볍고 , 반응성이 뛰어나고, 접근 가능 하고, 점진적으로 향상되고 , 상호 운용 가능하고, 직관적인 양식을 디자인하는 방법을 배우게 됩니다. 그리고 이 책이 끝날 무렵에는 자신의 프로젝트에서 즉시 사용할 수 있는 디자인 시스템으로 제공되는 거의 완전한 구성 요소 목록을 갖게 될 것입니다. (목차로 이동합니다.)

목차

각 장은 특정 문제를 중심으로 진행됩니다. 결국 이것이 우리가 실생활에서 문제를 해결하는 방법입니다. 그러나 걱정하지 마십시오. 각 챕터에서 생성된 많은 스타일, 구성 요소 및 패턴 은 재사용 이 가능하고 세부 사항을 넘어 적용할 수 있습니다. 이 책을 읽으면서 이에 대한 예를 보게 될 것입니다.

PDF 발췌문을 무료(0.7MB)로 다운로드하여 책 내부의 느낌을 확인하십시오.

1. 등록 양식
   잘 디자인된 양식의 기본 특성과 이에 대해 생각하는 방법을 살펴보겠습니다. 질문 프로토콜이라는 것을 적용하여 인터페이스를 건드리지 않고 마찰을 줄이는 방법을 살펴보겠습니다. 그런 다음 유효성 검사를 포함하여 모든 양식에 사용할 몇 가지 중요한 패턴을 살펴보겠습니다.
2. 결제 양식
   결제 흐름을 고려하고 여러 입력 유형 과 이러한 입력 유형이 모바일 및 데스크톱 브라우저에서 사용자 경험에 미치는 영향을 살펴보는 동시에 처음 고객과 재방문 고객 모두 빠르고 간단하게 주문하는 데 도움이 되는 방법을 살펴보겠습니다.
3. 항공편 예약 양식
   ARIA를 사용하여 점진적으로 개선된 사용자 정의 양식 구성 요소의 세계로 뛰어들 것입니다. 사용자가 목적지를 선택하고, 날짜를 선택하고, 승객을 추가하고, 좌석을 선택할 수 있도록 하는 가장 좋은 방법을 탐색하여 이를 수행할 것입니다. 기본 양식 컨트롤 을 분석하고 필요할 때 관례에서 벗어나는 방법을 살펴보겠습니다.
4. 로그인 양식
   유비쿼터스 로그인 양식을 살펴보겠습니다. 단순한 모양에도 불구하고 많은 사이트에서 겪고 있는 사용성 오류가 많이 있습니다.
5. 받은 편지함
   관리 인터페이스를 먼저 살펴보고 이메일을 대량으로 관리하는 방법을 설계할 것입니다. 따라서 여기에는 반응형 ARIA 설명 작업 메뉴, 다중 선택 및 동일한 페이지 메시지 를 포함하여 고유한 일련의 문제 및 패턴이 함께 제공됩니다.
6. 검색 양식
   모든 페이지에서 사용자가 쉽게 사용할 수 있는 반응형 검색 양식을 만들고 이를 지원하는 검색 메커니즘의 중요성도 고려할 것입니다.
7. 필터 양식
   사용자는 다루기 힘든 많은 검색 결과를 필터링해야 하는 경우가 많습니다. 잘 설계된 필터가 없으면 사용자는 포기할 수밖에 없습니다. 필터는 사용자에게 더 나은 경험을 제공하기 위해 모범 사례에 도전하도록 강요할 수 있는 흥미롭고 고유한 여러 설계 문제를 제기합니다.
8. 업로드 양식
   사진 공유, 메시징 및 많은 백오피스 애플리케이션과 같은 많은 서비스를 통해 사용자는 이미지와 문서를 업로드할 수 있습니다. 파일 입력과 이를 사용하여 한 번에 여러 파일을 업로드하는 방법을 연구합니다. 그런 다음 키보드 및 화면 판독기 사용자를 포함하는 끌어서 놓기, Ajax로 개선된 인터페이스의 복잡성을 살펴보겠습니다.
9. 경비 양식
   우리는 많은 비용(또는 다른 모든 것)을 생성하고 시스템에 추가해야 하는 특별한 문제를 조사할 것입니다. 이것은 관리 인터페이스에서 종종 유용한 또 다른 패턴을 추가 하기 위한 변명입니다.
10. 정말 길고 복잡한 양식
    일부 양식은 매우 길고 완료하는 데 몇 시간이 걸립니다. 긴 양식을 더 쉽게 관리하기 위해 사용할 수 있는 몇 가지 패턴을 살펴보겠습니다.

저자 소개

Adam Silver는 Tesco, BBC, Just Eat, Financial Times, Department for Work and Pensions 등을 포함한 다양한 회사에서 웹 작업을 15년 이상 경험한 인터랙션 디자이너입니다.

그는 특히 포괄적인 디자인 및 디자인 시스템에 관심이 있으며 블로그와 A List Apart 와 같은 인기 있는 디자인 간행물에 이에 대해 씁니다. 이것은 그의 첫 번째 책도 아닙니다. 그는 이전에 CSS로 유지 관리 가능한 UI를 만드는 방법에 대한 책인 Maintenanceable CSS 를 저술했습니다.

기술적 세부 사항

• 384 페이지, 14 × 21cm ( 5.5 × 8.25 인치),
• ISBN: 978-3-945749-73-9 (인쇄물),
• 스티치 바인딩과 리본 페이지 마커가 있는 고급 양장본,
• eBook 은 PDF, EPUB 및 Amazon Kindle로 제공됩니다.
• 독일에서 무료 전 세계 항공 우편 배송. 배달 시간.
• 인쇄된 고품질 하드커버 및 eBook으로 제공됩니다.

사용후기

이 책 을 가능한 한 실용적이고 유용하게 만드는 것이 우리의 목표였습니다. 우리는 크고 작은 웹사이트를 만드는 사람들로부터 매우 긍정적인 리뷰를 받게 되어 영광입니다.

• “저는 20년 넘게 HTML로 양식을 작성해 왔습니다. 이 책은 표준을 수용하고 , 단순하고 접근 가능한 형식 을 점진적으로 향상 및 제공하는 것이 무엇인지의 본질을 포착합니다. 우리 모두가 사용하고 구현할 수 있는 디자인 패턴을 공식화함으로써 개발자와 디자이너는 웹사이트와 제품에 집중할 수 있습니다. 20년 전에 이 기능을 사용할 수 있었으면 좋겠습니다!”
  — Paul Duncan, 디자인 기술자 및 접근성 교사
• “끔찍하게 마크업된 형식의 세계에서 이 책은 보다 접근 가능한 사용자 경험으로 가는 길을 밝히는 등불입니다. 우리가 너무 자주 보는 일반적인 양식 접근성 함정을 피하기 위해 사용자 인터페이스를 설계하거나 개발하는 모든 사람에게 강력히 추천합니다.”
  — Marcy Sutton, 접근성 옹호자
• “폼. 단어가 "하품"과 운율이 일치하는 것은 우연이 아닙니다. 양식은 코딩하기 어렵고 방문자가 작성하기에는 더 무딘 것입니다. 따라서 이 책의 구체적인 팁, 코드 및 마이크로카피를 사용하여 양식이 모두에게 더 잘 작동하도록 만드십시오. 그리고 Adam Silver가 모든 연구와 코딩을 수행한 것처럼 하품을 제거하십시오.”
  — Bruce Lawson, 웹 표준 옹호자
• “Form Design Patterns는 단순한 형태와 잠재적으로 복잡한 형태 모두에 대한 상식과 포괄적인 솔루션을 제시 하고 있습니다. 더 간단하고 더 쉬운 대화형 웹을 만들기 위해 노력하는 당신의 동반자입니다.”
  — Heydon Pickering, UX 및 접근성 컨설턴트

이 책이 당신을 위한 이유

이 책은 디지털 서비스, 제품 및 웹사이트에 대한 모든 종류의 양식을 디자인, 프로토타입 및 구축해야 하는 모든 사람을 위한 실용적인 안내서입니다. 당신은 배울 것입니다 :

1. 사용 가능한 기본 양식 요소 및 해당 기능, 제한 및 제약 조건.
2. 기본 구성 요소와 비교하여 사용자에게 더 나은 경험을 제공할 수 있는 액세스 가능한 사용자 정의 양식 구성 요소 를 생성하는 시기와 방법.
3. 언어, 흐름 및 순서를 신중하게 사용 하여 형식의 마찰을 크게 줄이는 방법.
4. 사용자 가 양식 오류를 쉽게 수정 하는 데 도움이 되는 방법(및 그렇지 않은 방법).
5. 사용자가 파일을 업로드하고 모든 종류의 여러 항목을 추가할 수 있는 복잡한 인터페이스 를 처리하는 방법.
6. 사용자가 자신의 멘탈 모델에 따라 많은 결과 집합을 검색하고 필터링 할 수 있도록 하는 방법입니다.
7. 고객이 작성하는 데 몇 주가 걸릴 수 있는 특히 길고 복잡한 양식 을 작성하도록 돕는 방법.

책에 대한 귀하의 생각을 듣고 싶습니다! 즐거운 독서 하시고, 이 책이 우리만큼 유용하다는 것을 알게 되길 바랍니다. 물론 읽기를 시작하기 전에 한 잔의 커피(또는 차)를 준비하십시오. 계속 스매싱 하고... 야옹 !