Java, UX, HTML, CSS, WEB-design

Встречайте «Шаблоны проектирования форм», нашу новую книгу по доступным веб-формам — уже в продаже!

[ad_1]

  • Маркус Зейферт

  • 0 Комментарии

Встречайте «Шаблоны проектирования форм», нашу новую книгу по доступным веб-формам — уже в продаже!

  • 7 минут чтения

  • Формы, UX-дизайн, Smashing Books

Краткое резюме ↬

Формы находятся в центре любого значимого взаимодействия, поэтому с ними стоит разобраться. Именно поэтому мы опубликовали Form Design Patterns, новую печатную книгу о доступных и хорошо спроектированных веб-формах. Перейти к оглавлению или получить книгу прямо сейчас.

Формы. Неслучайно это слово рифмуется со словом «зевает» — веб-формы скучно кодировать и еще скучнее заполнять посетители. Но без форм Интернет был бы просто библиотекой. Они позволяют нам комментировать, собирать, бронировать, покупать, делиться и множеством других глаголов. И в основном они позволяют нам делать эти вещи неуклюжим, непрозрачным, сбивающим с толку, странным, разочаровывающим, тревожным или отчуждающим образом. Формы — важная часть Интернета, но мы все время плохо их разрабатываем. Когда они не перепроектированы, они обычно не спроектированы вообще.

С новым Шаблоны дизайна форм книгу мы хотим решить эту проблему. Шаг за шагом решая типичные проблемы из реальной жизни, вы научитесь проектировать простые, крепкий, легкий, отзывчивый, доступный, прогрессивно улучшенный, взаимодействующие и интуитивно понятные формы, которые позволяют пользователям выполнять задачи, несмотря ни на что. К концу книги у вас будет почти исчерпывающий список компонентов, поставляемых в виде дизайн-системы, которую вы сможете сразу же использовать в своих собственных проектах. (Перейти к оглавлению.)

Form Design Patterns, наша новая книга о доступных и хорошо продуманных веб-формах.

электронная книга

19 долларов Получить электронную книгу

PDF, ePUB, Киндл. Бесплатно для участников Smashing.

Твердый переплет

$39 Получить распечатку (включая электронную книгу)

Печатный, качественный твердый переплет. Бесплатная доставка авиапочтой по всему миру.

Оглавление

Каждая глава посвящена определенной проблеме — в конце концов, именно так мы решаем проблемы в реальной жизни. Но не беспокойтесь, многие стили, компоненты и узоры рождаются из каждой главы многоразовый и применимы далеко за пределами специфики, и вы увидите примеры этого по мере продвижения по книге.

Скачайте бесплатно отрывок в формате PDF (0,7 МБ), чтобы понять, что из себя представляет книга внутри.

  1. Регистрационная форма

    Мы начнем рассматривать основополагающие качества хорошо продуманной формы и то, как о них думать. Применяя то, что называется протоколом вопросов, мы посмотрим, как уменьшить трение даже не касаясь интерфейса. Затем мы рассмотрим некоторые важные шаблоны, включая проверку, которые мы будем использовать для каждой формы.

  2. Форма оформления заказа

    Мы рассмотрим потоки оплаты и рассмотрим несколько типы ввода и как они влияют на взаимодействие с пользователем в браузерах мобильных и настольных компьютеров, и в то же время ищут способы помочь как новым, так и постоянным клиентам делать заказы быстро и просто.

  3. Форма бронирования рейса

    Мы погрузимся в мир прогрессивно улучшенный, настраиваемые компоненты формы с использованием ARIA. Мы сделаем это, изучив, как лучше всего предоставить пользователям возможность выбирать пункты назначения, выбирать даты, добавлять пассажиров и выбирать места. мы проанализируем собственные элементы управления формой, и посмотрите на отход от условностей, когда это станет необходимо.

  4. Форма входа

    Мы рассмотрим вездесущую форму входа. Несмотря на его простой внешний вид, существует множество недостатков юзабилити, от которых страдают многие сайты.

  5. Входящие

    Мы разработаем способы массового управления электронной почтой, это наш первый взгляд на административные интерфейсы. Таким образом, это связано со своим собственным набором проблем и шаблонов, включая отзывчивое меню действий, описанное ARIA, множественный выбор, и обмен сообщениями на той же странице.

  6. Форма поиска

    Мы создадим адаптивную форму поиска, которая будет доступна пользователям на всех страницах, а также учтем важность механизма поиска, на котором она основана.

  7. Форма фильтра

    Пользователям часто приходится фильтровать большой набор громоздких результатов поиска. Без хорошо продуманного фильтра пользователи просто сдадутся. Фильтры создают ряд интересных и уникальных проблем проектирования, которые могут заставить нас бросить вызов передовой практике, чтобы предоставить пользователям лучший опыт.

  8. Форма загрузки

    Многие сервисы, такие как обмен фотографиями, обмен сообщениями и многие вспомогательные приложения, позволяют пользователям загружать изображения и документы. Мы изучим ввод файла и то, как мы можем использовать его для одновременной загрузки нескольких файлов. Затем мы рассмотрим тонкости интерфейса с поддержкой перетаскивания и улучшенного Ajax, включающего пользователей с клавиатурой и программами чтения с экрана.

  9. Форма расходов

    Мы исследуем особую проблему, связанную с необходимостью создания и добавления в систему большого количества расходов (или чего-либо еще). Это действительно повод прикрыть добавить еще один узор, что часто бывает полезно в административных интерфейсах.

  10. Очень длинная и сложная форма

    Некоторые формы очень длинные, и их заполнение занимает несколько часов. Мы рассмотрим некоторые шаблоны, которые можно использовать для упрощения управления длинными формами.

Об авторе

Адам СильверАдам Сильвер — дизайнер взаимодействия с более чем 15-летним опытом работы в Интернете для ряда компаний, включая Tesco, BBC, Just Eat, Financial Times, Департамент труда и пенсий и другие.

Его особенно интересует инклюзивный дизайн и дизайн-системы и пишет об этом в своем блоге и популярных дизайнерских изданиях, таких как Список отдельно. Это не первая его книга: ранее он писал Поддерживаемый CSS, книга о создании поддерживаемых пользовательских интерфейсов с помощью CSS.

Технические детали

  • 384 страницы, 14 × 21 см (5,5 × 8,25 дюймы),
  • ISBN: 978-3-945749-73-9 (Распечатать),
  • Качественный твердый переплет с прошитым переплетом и ленточным маркером страницы,
  • То электронная книга доступен в форматах PDF, EPUB и Amazon Kindle.
  • Бесплатная доставка авиапочтой по всему миру из Германии. Время доставки.
  • Доступен в печатном виде, в качественном твердом переплете и в электронном виде.

Отзывы

Нашей целью было сделать книгу максимально практично и полезно. Для нас большая честь получать очень положительные отзывы от людей, создающих веб-сайты в малых и больших масштабах.

  • «Я пишу формы на HTML более 20 лет. В этой книге отражена суть того, что значит принимать стандарты, постепенно улучшать и предоставлять простые, доступные формы. Формализуя шаблоны проектирования, которые мы все можем использовать и внедрять, разработчики и дизайнеры могут сосредоточиться на своем веб-сайте и продукте. Хотел бы я, чтобы это было доступно 20 лет назад!»
    — Пол Дункан, технологи дизайна и преподаватель доступности
  • «В мире ужасно размеченных форм эта книга — маяк света, освещающий путь к более доступному пользовательскому опыту. Я настоятельно рекомендую его всем, кто проектирует или разрабатывает пользовательские интерфейсы, чтобы избежать распространенных ошибок доступности форм, которые мы видим слишком часто».
    — Марси Саттон, защитник доступности
  • «Формы. Неслучайно это слово рифмуется со словом «зевает» — формы скучно кодировать и еще скучнее заполнять ваши посетители. Поэтому заставьте их работать лучше для всех, используя конкретные советы, код и микротекст в этой книге. И избавьте себя от зевоты, поскольку Адам Сильвер проделал за вас все исследования и кодирование».
    — Брюс Лоусон, защитник веб-стандартов
  • «Шаблоны дизайна форм излагают здравый смысл и инклюзивные решения для форм как простые, так и потенциально сложные. Это ваш компаньон, когда вы стремитесь создать более простую и легкую интерактивную сеть».
    — Хейдон Пикеринг, консультант по UX и доступности

Почему эта книга для вас

Эта книга представляет собой практическое руководство для всех, кому необходимо проектировать, прототипировать и создавать всевозможные формы для цифровых услуг, продуктов и веб-сайтов. Вы узнаете:

  1. Доступный родные элементы формы и их полномочия, ограничения и ограничения.
  2. Когда и как создавать доступные настраиваемые компоненты формы это может дать пользователям лучший опыт по сравнению с их собственными эквивалентами.
  3. Как значительно уменьшить трение в формах с тщательным использованием языка, потока и порядка.
  4. Способы (и не способы) помочь пользователям исправить ошибки формы без труда.
  5. Как бороться с сложные интерфейсы которые позволяют пользователям загружать файлы и добавлять несколько элементов любого типа.
  6. Способы позволить пользователям искать и фильтровать большой набор результатов в соответствии с их собственной ментальной моделью.
  7. Как помочь клиентам заполнить специальные длинные и сложные формы на заполнение могут уйти недели.
Внутренние страницы шаблонов проектирования форм, завернутые в желтую книгу в твердом переплете, которая лежит на голубом столе.  Показанные страницы рассказывают о том, как выбрать правильную копию для кнопок входа, а также о печально известной проблеме «Имя пользователя и пароль не совпадают».
Form Design Patterns — это практическое руководство для всех, кому необходимо проектировать, прототипировать и создавать всевозможные формы для цифровых услуг, продуктов и веб-сайтов. (Посмотреть большое изображение)

электронная книга

19 долларов Получить электронную книгу

PDF, ePUB, Киндл. Бесплатно для участников Smashing.

Твердый переплет

$39 Получить распечатку (включая электронную книгу)

Печатный, качественный твердый переплет. Бесплатная доставка авиапочтой по всему миру.

Нам не терпится услышать ваше мнение о книге! Приятного чтения, и мы надеемся, что вы найдете книгу столь же полезной, как и мы. Просто приготовьте чашку кофе (или чая), прежде чем начать читать, конечно. Остаться сокрушительный и… мяу!

Сокрушительная редакция
(бл, л.с.)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Встречайте «Шаблоны проектирования форм», нашу новую книгу по доступным веб-формам — уже в продаже!

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Встречайте «Шаблоны проектирования форм», нашу новую книгу по доступным веб-формам — уже в продаже!

Название: Встречайте «Шаблоны проектирования форм», нашу новую книгу по доступным веб-формам — уже в продаже! . Краткое описание: [ad_1] ⭐ Маркус . Дата публикации: 26.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»