Разработка интерфейсов. Паттерны проектирования

Нет в наличии

Акции и скидки Поделиться


  • Артикул:00-01047278
  • Автор: Тидвелл Д., Брюэр Ч., Валенсия Э.
  • ISBN: 978-5-4461-1646-1
  • Обложка: Мягкая обложка
  • Издательство: Питер (все книги издательства)
  • Город: Санкт-Петербург
  • Страниц: 560
  • Формат: 70х100/16
  • Год: 2022
  • Серия: Бестселлеры O’Reilly (все книги серии)
Развернуть ▼

Спроектировать хороший интерфейс приложения не так просто. Все заказчики хотят, чтобы пользовательский опыт (user experience) был гладким, чтобы пользователь быстро и безболезненно получал то, что ему нужно, на любом устройстве и пользуясь любым каналом взаимодействия.
Главная «фишка» книги - паттерны проектирования. Вы научитесь использовать паттерны при разработке интерфейсов мобильных, настольных и веб-приложений. Для каждого паттерна даны наглядные примеры и подробное описание: от реализации до сценариев использования. Вы сразу перейдете от теории к практике!
Для опытных разработчиков книга станет источником интересных идей, а начинающие найдут ориентиры в мире интерфейсов, позволяющие не сбиться с пути и применять лучшие паттерны.

Содержание
Предисловие к третьему изданию
Как появилась эта книга
Паттерны проектирования все еще востребованы
ПО - это система
Фокус: проектирование экранного взаимодействия для веб- и мобильных устройств
Что не вошло в третье издание
Кому будет полезна эта книга
Структура книги
Введение и обсуждение модели дизайна
Паттерны
Заключение
Условные обозначения
Благодарности
От издательства
Глава 1. Проектирование для людей
Контекст
Узнайте свою аудиторию
Взаимодействие как диалог
Соотнесите контент и функционал с потребностями аудитории
Уровень подготовки
Интерфейс - лишь средство для достижения целей пользователя
Спросите пользователей
Ценность дизайна: решите правильную проблему, а затем решите ее правильно
Исследование: способы понимания контекста и целей
Прямое наблюдение
Изучение примеров из практики
Опросы
Создание персоны пользователя
Исследования в процессе разработки дизайна - это не маркетинг
Паттерны: познание и поведение, связанные с разработкой интерфейсов
Safe Exploration (Безопасное исследование)
Instant Gratification (Мгновенное вознаграждение)
Satisficing (Разумная достаточность)
Changes in Midstream (Изменения на полпути)
Deferred Choices (Отложенный выбор)
Incremental Construction (Пошаговое построение)
Habituation (Привыкание)
Microbreaks (Микроперерывы)
Spatial Memory (Пространственная память)
Prospective Memory (Проспективная память)
Streamlined Repetition (Упрощенное повторение)
Keyboard Only (Только клавиатура)
Social Media, Social Proof, and Collaboration (Социальные сети, социальное подтверждение и коллаборация)
Заключение
Глава 2. Организация контента: информационная архитектура и структура приложений
Цель
Определение
Проектирование информационного пространства для пользователей
Подход
Разграничение информации и способов ее представления
Принцип ВИСИ
Способы организации и классификации контента
Алфавитный способ
Числовой способ
Хронологический способ
По расположению
Иерархический способ
Категорийный или фасетный способ
Проектирование приложений с преобладанием задач и рабочих процессов
Держите часто используемые инструменты под рукой
Разбейте процесс на несколько шагов
Учитывайте потребности как новичков, так и опытных пользователей
Многоканальность и разнообразие размеров экранов устройств - новая реальность
Отображение данных в виде карточек
Проектирование системы типов страниц
Обзор: показ списка или набора инструментов или опций
Фокус: отображение одиночного объекта
Создание: наличие инструментов для создания объектов
Действие: помощь в выполнении одиночной задачи
Паттерны
Feature, Search, and Browse (Рекомендация, поиск и обзор)
Mobile direct access (Прямой мобильный доступ)
Streams and Feeds (Лента новостей и каналы)
Media Browser (Медиабраузер)
Dashboard (Дашборд)
Canvas Plus Palette (Холст и палитра)
Wizard (Мастер)
Settings Editor (Редактор настроек)
Alternative Views (Альтернативные представления)
Many Workspaces (Нисколько рабочих пространств)
Help Systems (Справочные системы)
Tags (Теги)
Заключение
Глава 3. Подскажите дорогу: навигация, указатели и ориентирование
Понимание информации и пространства задач
Указатели
Ориентирование
Навигация
Глобальная навигация
Служебная навигация
Ассоциативная и встроенная навигация
Сопутствующий контент
Теги
Социальные сети
Принципы проектирования
Разделяйте навигационный и визуальный дизайн
Умственная нагрузка
Сокращение расстояний
Навигационные модели
Спицы колеса
Полносвязанность
Многоуровневая, или древовидная, структура
Пошаговая структура
Пирамида
Плоская навигация
Паттерны
Clear Entry Points (Понятные точки входа)
Menu Page (Страница меню)
Pyramid (Пирамида)
Modal Panel (Модальная панель)
Deep Links (Глубокие ссылки)
Escape Hatch (Аварийный выход)
Fat Menus (Полные меню)
Sitemap Footer (Карта сайта в подвале)
Sign-In Tools (Инструменты регистрации)
Progress Indicator (Индикатор выполнения)
Breadcrumbs (Хлебные крошки)
Annotated Scroll Ваг (Аннотированная полоса прокрутки)
Animated Transition (Анимированный переход)
Заключение
Глава 4. Организация элементов на странице
Основные принципы построения макета
Визуальная иерархия
Как сделать так, чтобы элемент выглядел важным?
Четыре важных принципа гештальта
Визуальный поток
Использование динамического отображения
Отзывчивое включение
Прогрессивное раскрытие
Области пользовательского интерфейса
Паттерны
Виды макетов
Деление информации на фрагменты
Visual Framework (Визуальная структура)
Center Stage (Центральная сцена)
Grid of Equals (Выравнивание по сетке)
Titled Sections (Именованные разделы)
Module Tabs (Автономные вкладки)
Accordion (Аккордеон)
Collapsible Panels (Сворачиваемые панели)
Movable Panels (Перемещаемые панели)
Глава 5. Визуальный стиль и эстетика
Основы визуального дизайна
Визуальная иерархия
Структура
Цвет
Справочные материалы и ресурсы по теме «Цвет»
Типографика
Удобочитаемость
Эмоциональный отклик
Изображения
Визуальный дизайн для корпоративных приложений
Доступность
Диапазоны визуальных стилей
Скевоморфизм
Иллюстрации
Плоский дизайн
Минимализм
Адаптивный/параметрический дизайн
Заключение
Глава 6. Мобильные интерфейсы
Проблемы и возможности мобильного дизайна
Крошечный экран
Разная ширина экрана
Сенсорные экраны
Сложности при вводе текста
Окружающие условия
Информация о местоположении
Социальное влияние и ограниченное внимание
Как создать хороший мобильный дизайн
1. Выясните, что действительно нужно мобильным пользователям
2. Избавьтесь от всего лишнего
3. Используйте аппаратные возможности устройства
4. Расположите содержимое линейно
5. Оптимизируйте самые частые операции
Несколько полезных примеров
Паттерны
Vertical Stack (Вертикальный стек)
Filmstrip (Фотопленка)
Touch Tools (Инструменты, реагирующие на касание)
Bottom Navigation (Нижняя навигация)
Collections and Cards (Коллекции и карточки)
Infinite List (Бесконечный список)
Generous Borders (Больше воздуха)
Loading or Progress Indicators (Индикатор загрузки или Индикатор выполнения)
Richly Connected Apps (Тесно связанные приложения)
Станьте мобильными
Глава 7. Списки
Когда нужны списки
Возвращаясь к информационной архитектуре
Что вы пытаетесь показать?
«Где выводить подробное представление элемента списка, когда пользователь выбирает его?»
«Как выводить графические элементы?»
«Как управлять очень длинным списком?»
«Как выводить иерархические списки?»
Паттерны
Two-Panel Selector or Split View (Двухпанельный селектор, или Раздельный просмотр)
One-Window Drilldown (Детализация в одном окне)
List Inlay (Раскрывающийся список)
Cards (Карточки)
Thumbnail Grid (Сетка миниатюр)
Carousel (Карусель)
Pagination (Разбивка на страницы)
Jump to Item (Прыжок к элементу)
Alpha/Numeric Scroller (Алфавитная/числовая полоса прокрутки)
New-ltem Row (Строка для нового элемента)
Многообразие списков
Глава 8. За дело! Действия и команды
Касание, смахивание и масштабирование
Вращение и встряхивание
Кнопки
Строки меню
Всплывающие меню
Раскрывающиеся меню
Панели инструментов
Ссылки
Панели действий
Инструменты, доступные при наведении указателя мыши, или ховеры
Однократный и двойной щелчок
Действия с клавиатурой
Сочетания клавиш
Порядок табуляции
Перетаскивание
Ввод команд
Аффорданс
Прямое манипулирование объектами
Паттерны
Button Groups (Группы кнопок)
Hover Tools (Инструменты, доступные при наведении), или Pop-Up Tools (Всплывающие инструменты)
Action Panel (Панель действий)
Prominent «Done» Button (Заметная кнопка «Готово»), или Assumed Next Step (Предполагаемый следующий шаг)
Smart Menu Items (Умные элементы меню)
Preview (Предварительный просмотр)
Spinners (Спиннеры) и Loading Indicators (Индикаторы загрузки)
Cancelability (Возможность отмены)
Multi-Level Undo (Многоуровневая отмена)
Command History (История команд)
Macros (Макрос)
Заключение
Глава 9. Отображение сложных данных
Основы инфографики
Организационные модели: как организованы данные?
Преаттентивные элементы визуализации: что с чем связано?
Навигация и просмотр: как изучать данные?
Сортировка и перестановка: можно ли изменить порядок данных, чтобы увидеть их по-другому?
Поиск и фильтры: покажите только то, что мне нужно
Фактические данные: как узнать их конкретные значения?
Паттерны
Datatips (Всплывающие данные)
Data Spotlight (Подсветка данных)
Dynamic Queries (Динамические запросы)
Data Brushing (Окрашивание данных)
Multi-Y Graph (График с несколькими осями Y)
Small Multiples (Набор мини-диаграмм)
Возможности визуализации данных
Глава 10. Получение данных от пользователя: формы и элементы управления
Основы дизайна форм
Дизайн форм продолжает развиваться
Что почитать еще
Паттерны
Forgiving Format («Великодушный» формат)
Structured Format (Структурированный формат)
Fill-in-the-Blanks (Заполнение пропусков)
Input Hints (Подсказки при вводе)
Input Prompt (Приглашение к вводу)
Password Strength Meter (Измеритель надежности пароля)
Autocompletion (Автозаполнение)
Dropdown Chooser (Раскрывающийся селектор)
List Builder (Компоновщик списков)
Good Defaults (Хорошие варианты по умолчанию) и Smart Prefills (Умное предзаполнение)
Error Messages (Сообщения об ошибках)
Заключение
Глава 11. Системы пользовательского интерфейса и атомарный дизайн
Системы пользовательского интерфейса
Microsoft Fluent - Ul-система на основе компонентов
Атомарный дизайн: способ проектирования систем
Обзор
Иерархия атомарного дизайна
Фреймворки пользовательского интерфейса
Обзор
Преимущества
Расцвет Ul-фреймворков
Обзор некоторых Ul-фреймворков
Заключение
Глава 12. По ту сторону экрана
Состав: интеллектуальные системы
Интернет вещей
Системы упреждения
Вспомогательные системы
Естественные пользовательские интерфейсы
Заключение
Об авторах
Об обложке


Оставьте отзыв о товаре
Рекомендуем
×

Диски

Журналы и бланки

Журналы для автодорог, дорожного хозяйстваЖурналы для АЗС и АЗГСЖурналы для аптекЖурналы для архивовЖурналы для аттракционовЖурналы для банковЖурналы для бассейновЖурналы для бухгалтерииЖурналы для газовых хозяйств, газораспределительных систем, ГАЗПРОМаЖурналы для гостиниц, общежитий, хостеловЖурналы для грузоподъемных механизмовЖурналы для делопроизводстваЖурналы для драгметалловЖурналы для ЖКХЖурналы для канатных дорог, фуникулеровЖурналы для кладбищЖурналы для конструкторских, научно-техническая документацияЖурналы для лесных хозяйствЖурналы для лифтовЖурналы для медицинских учрежденийЖурналы для МЧСЖурналы для нефтебазЖурналы для нефтепромысла, нефтепроводовЖурналы для образовательных учрежденийЖурналы для парикмахерских, салонов красоты, маникюрных, педикюрных кабинетовЖурналы для проверки и контроля госорганами, контролирующими организациямиЖурналы для промышленностиЖурналы для работ с повышенной опасностьюЖурналы для регулирования алкогольного рынкаЖурналы для сельских хозяйств, ветеринарииЖурналы для складовЖурналы для снегоплавильных пунктовЖурналы для стройки, строительстваЖурналы для тепловых энергоустановок, котельныхЖурналы для транспортаЖурналы для туризмаЖурналы для учреждений культуры, библиотек, музеевЖурналы для церкви, религиозных организацийЖурналы для шахт, рудников, метрополитенов, подземных сооруженийЖурналы для электроустановокЖурналы и бланки для армии, вооруженных силЖурналы и бланки для нотариусов, юристов, адвокатовЖурналы и бланки для организаций пищевого производства, общепита и пищевых блоковЖурналы и бланки для организаций, занимающихся охраной объектов и частных лицЖурналы и бланки для ФТС РФ (таможни)Журналы и бланки по экологииЖурналы и бланки, используемые в торговле, бытовом обслуживанииЖурналы и бланки, относящиеся к нескольким отраслямЖурналы по геодезии, геологииЖурналы по метрологииЖурналы по охране труда и технике безопасностиЖурналы по пожарной безопасностиЖурналы по психологииЖурналы по санитарии, проверкам СЭСЖурналы по связиЖурналы по эксплуатации зданий и сооруженийЖурналы по энергетикеЖурналы, бланки, формы для кадровых работЖурналы, бланки, формы документов для органов прокуратуры и суда, минюста, пенитенциарной системыЖурналы, бланки, формы документов МВД РФ, РосгвардииКомплекты документов и журналовОбложки для журналов и удостоверенийСамокопирующиеся бланки

Знаки безопасности, таблички, стенды

Вспомогательные знаки, таблички-наклейкиЗапрещающие знакиЗнаки для инвалидовЗнаки для уборки и сбора мусораЗнаки на автомобильЗнаки пожарной безопасностиЗнаки электробезопасностиИнформационные знаки для строительных площадокМедицинские и санитарные знакиНаклейкиПредписывающие знакиПредупреждающие знакиСтендыУказательные знакиЭвакуационные знакиЮмористические знаки

Календари

Книги

Букинистическая литератураГОСТы, ОСТыДетская литератураДомашний кругДругоеИскусство. Культура. ФилологияКниги в электронном видеКниги издательства "Комсомольская правда"Компьютеры и интернетКосмосНаука. Техника. МедицинаНормативные правовые актыОбщественные и гуманитарные наукиОхрана труда, обеспечение безопасностиПодарочные книгиПутешествия. Отдых. Хобби. СпортРелигия. Оккультизм. ЭзотерикаРостехнадзорСанПины, СП, МУ, МР, ГНСборники рецептур блюд для предприятий общественного питанияСНиП, СП, СО,СТО, РД, НП, ПБ, МДК, МДС, ВСНУчебный годХудожественная литератураЭкономическая литератураЭнциклопедии, справочники, словари

Курвиметры

Ленты с тиснением

Линейки

Авиационные и военные линейкиДетские линейкиМедицинские линейкиПортновские линейкиТехнические линейкиТрафареты с чертежными шрифтамиЧертежные линейки

Маркировочная продукция

Маркировка трубопровода "Вода"Маркировка трубопровода "Воздух"Маркировка трубопровода "Газ"Маркировка трубопровода "Жидкость"Маркировка трубопровода "Кислота"Маркировка трубопровода "Пар"Маркировка трубопровода "Прочие вещества"Маркировка трубопровода "Щелочь"

Материалы для типографии (мини-типографии)

Бумага для оргтехникиКлейПереплетные материалыПленка для печати и ламинацииФольга для тиснения

Металлические изделия (металлическая мебель, конструкции, навесы)

Металлическая мебельМеталлические изделия для дачи и дома

Носки и портянки

Одноразовая одежда

Охрана труда

Печати и штампы

Медицинские печати и штампыОснастки, самонаборные штампыПечати и штампы для бухгалтерии и делопроизводстваПечати и штампы для водителейПечать фирмы (организации, компании, подразделения, отдела)Штампы по техническому контролю, учету и хранению

Плакаты

Погоны министерств и ведомств

Подарки нашим покупателям

Полотенца

Портреты знаменитых людей

Сувениры

Бизнес сувениры, корпоративные подаркиБрелкиГимн России. Эксклюзивное графическое оформление в багетном обрамленииГудки и Рожки охотничьиЗажигалкиКружки для термопереносаКружки подарочныеПодарочные наборы игрПредметы интерьераСувениры, подарки для мужчин

Тир

Рогатки спортивные

Ткани

Товары "Юнармия"

Береты

Товары для дома и офиса

Грамоты и благодарностиИндикаторы стерилизацииКанцелярские товарыКаски, защитные очки, маскиКухонные принадлежностиОгнетушителиПланы эвакуацииСамоспасателиСредства дезинфекцииТовары для ремонтаФитолампы и прожекторыХозяйственные товарыЭлектроудлинители, тройники, катушкиЭлектроустановочные изделия

Товары для здоровья, БАДы

Аюрведические товарыСредства гигиены, косметика из минералов Мертвого моря

Товары для развития, игрушки

Бумажные модели

Товары для спорта, туризма и охоты

Походные сумки, рюкзаки и мешочки для храненияСигнальное снаряжениеТовары для фитнеса

Удостоверения, Свидетельства

Зачетные книжки, студенческие билетыУдостоверения для спортивных секцийУдостоверения рабочих различных специальностей

Упаковка, упаковочные материалы

Коробки картонные

Членские книжки

ГК, ГСК, членские книжки, пропуска и пр.Садоводческие книжки, членские книжки СНТ
;