Разработка пользовательских интерфейсов

Дженифер Тидвелл

Разработать хороший интерфейс не так-то просто. Пользователю в наше время требуется программное обеспечение, работа которого прекрасно отлажена, интерфейс радует взгляд, да и в целом пользоваться программой легко. При этом клиенты и менеджеры требуют, чтобы ПО было оригинальным и быстро продавалось. Технологии разработки пользовательских интерфейсов, как для веб-приложений, так и для настольных приложений и мобильных устройств, предоставляют весь необходимый инструментарий, но нигде не говорится о том, как оптимальным образом этот инструментарий использовать.

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

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

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

Издательство: Питер, 2011 г.

ISBN 978-5-459-00434-2

Количество страниц: 480.

Содержание книги «Разработка пользовательских интерфейсов»:

10 Предисловие ко второму изданию
- 11 Изменения во втором издании
14 Введение
- 15 Небольшие кусочки интерфейса, свободное соединение
- 17 О шаблонах в целом
- 19 Прочие коллекции шаблонов
- 19 О шаблонах в этой книге
- 22 Аудитория
- 23 Как организована книга
- 24 Благодарности
26 Глава 1. Чем занимаются пользователи
- 27 Средство, ведущее к цели
- 29 Основы исследования пользовательской аудитории
- 32 Мотивация пользователей к обучению
- 34 Шаблоны
  - 35 Safe Exploration (Безопасное исследование)
  - 36 Instant Gratification (Мгновенное вознаграждение)
  - 36 Satisfying (Разумная достаточность)
  - 38 Changes in Midstream (Изменения на полпути)
  - 38 Deferred Choices (Отложенный выбор)
  - 40 Incremental Construction (Пошаговое построение)
  - 40 Habituation (Привыкание)
  - 42 Microbreaks (Микроперерывы)
  - 43 Spatial Memory (Пространственная память)
  - 44 Prospective Memory (Проспективная память)
  - 45 Streamlined Repetition (Организованное повторение)
  - 46 Keyboard Only (Только клавиатура)
  - 48 Other People's Advice (Советы других людей)
  - 49 Personal Recommendations (Личные рекомендации)
50 Глава 2. Организация содержимого: информационная архитектура и структура приложения
- 51 Общая картина
  - 52 Отображение одного объекта
  - 53 Отображение списка объектов
  - 54 Инструменты для создания объектов
  - 54 Содействие при выполнении единственной задачи
- 55 Шаблоны
  - 56 Feature, Search, and Browse (Новость, поиск и обзор)
  - 59 News Stream (Лента новостей)
  - 65 Picture Manager (Диспетчер изображений)
  - 70 Dashboard (Приборная панель)
  - 75 Canvas Plus Palette (Холст и палитра)
  - 79 Wizard (Мастер)
  - 83 Settings Editor (Редактор настроек)
  - 89 Alternative Views (Альтернативные представления)
  - 92 Many workspaces (Несколько рабочих пространств)
  - 95 Multi-Level Help (Многоуровневая помощь)
102 Глава 3. Подскажите дорогу; навигация, указатели и ориентирование
- 102 Не теряйтесь
- 104 Цена навигации
  - 104 Минимизация расстояний
- 105 Навигационные модели
- 110 Дизайнерские условности для веб-сайтов
- 111 Шаблоны
  - 111 Clear Entry Points (Понятные точки входа)
  - 111 Menu Page (Страница меню)
  - 118 Pyramid (Пирамида)
  - 121 Modal Panel (Модальная панель)
  - 124 Deep-linked State (Глубокая ссылка)
  - 127 Escape Hatch (Аварийный люк)
  - 129 Fat Menus (Полные меню)
  - 133 Sitemap Footer (Карта сайта внизу страницы)
  - 137 Sign-In Tools (Инструменты регистрации)
  - 140 Sequence Map (Карта последовательности)
  - 143 Breadcrumbs (Хлебные крошки)
  - 145 Annotated Scrollbar (Полоса прокрутки с примечанием)
  - 148 Animated Transition (Анимированный переход)
150 Глава 4. Организация страницы: компоновка элементов страницы
- 150 Основы компоновки страницы
  - 151 Визуальная иерархия: что важнее? что взаимосвязано?
  - 154 Визуальный поток: на что смотреть дальше?
  - 158 Использование динамических дисплеев
- 159 Шаблоны
  - 160 Visual Framework (Визуальная схема)
  - 164 Center Stage (Центральная сцена)
  - 168 Grid of Equals (Сетка равных)
  - 171 Tided Sections (Именованные разделы)
  - 174 Module Tabs (Модульные вкладки)
  - 177 Accordion (Аккордеон)
  - 181 Collapsible Panels (Свертываемые панели)
  - 185 Movable Panels (Перемещаемые панели)
  - 190 Right/Left Alignment (Выравнивание по правому/левому краю)
  - 192 Diagonal Balance (Диагональный баланс)
  - 195 Responsive Disclosure (Ответное обнаружение)
  - 198 Responsive Enabling (Ответное включение)
  - 201 Liquid Layout («Резиновый» макет)
205 Глава 5. Списки
- 205 Сценарии использования списков
- 206 Обратно к информационной архитектуре
- 208 Несколько решений
- 211 Шаблоны
  - 212 Two-Panel Selector (Двухпанельный селектор)
  - 216 One-Window Drilldown (Погружение в одном окне)
  - 220 List Inlay (Слисок с вкладышами)
  - 223 Thumbnail Grid (Сетка эскизов)
  - 228 Carousel (Карусель)
  - 233 Row Strong (Чередование строк)
  - 236 Pagination (Разбивка на страницы)
  - 240 Jump to Item (Прыжок к элементу)
  - 242 Alphabet Scroller (Алфавитная полоса прокрутки)
  - 243 Cascading Lists (Каскадные списки)
  - 245 Tree Table (Древовидная таблица)
  - 247 New-Item Row (Строка для нового элемента)
250 Глава 6. За дело! Действия и команды
- 253 Проверка границ доступного
- 256 Шаблоны
  - 257 Button Groups (Группы кнопок)
  - 260 Hover Tools (Инструменты, доступные при наведении)
  - 263 Action Panel (Панель действии)
  - 267 Prominent -Done- Button (Заметная кнопка «Готово»)
  - 270 Smart Menu Items (Умные элементы меню)
  - 272 Preview (Предварительный просмотр)
  - 275 Progress Indicator (Индикатор хода выполнения процесса)
  - 278 Сапсеlability (Возможность отмены)
  - 280 Multi-Level Undo (Многоуровневая отмена)
  - 284 Command History (История команд)
  - 286 Macros (Макрос)
289 Глава 7. Отображение сложных данных: деревья, таблицы и прочая информационная графика
- 289 Основы информационной графики
  - 290 Организационные модели: как организованы эти данные?
  - 291 Подсознательные элементы визуализации: что с чем связано?
  - 295 Навигация и просмотр: как изучать эти данные?
  - 296 Сортировка и перестановка: можно ли изменить порядок данных, чтобы увидеть их по-другому?
  - 299 Поиск и фильтрация: покажите только то, что мне нужно
  - 301 Фактические данные: как узнать их конкретные значения?
- 302 Шаблоны
  - 303 Overview Plus Detail (Обзор и детали)
  - 307 Datatips (Всплывающие данные)
  - 311 Data Spotlight (Прожектор на данные)
  - 316 Dynamic Queries (Динамические запросы)
  - 320 Data Brushing (Окрашивание данных)
  - 324 Local Zooming (Локальное масштабирование)
  - 328 Sortable Table (Сортируемая таблица)
  - 331 Rectal Table (Круглая таблица)
  - 335 Multi-Y Graph (График с несколькими осями Y)
  - 339 Small Multiples (Небольшие образцы)
  - 344 Treemap (Древовидная карта)
349 Глава 8. Получение данных от пользователя: формы и элементы управления
- 349 Основы дизайна форм
- 352 Выбор элементов управления
  - 353 Списки элементов
  - 359 Текст
  - 361 Числа
  - 363 Дата и время
- 364 Шаблоны
  - 365 Forgiving Format («Великодушный» формат)
  - 368 Structured Format (Структурированный формат)
  - 370 Fill-in-the-Blanks (Заполнение пропусков)
  - 372 Input Huts (Подсказки при вводе)
  - 375 Input Prompt (Приглашение к вводу)
  - 378 Password Strength Meter (Измеритель надежности пароля)
  - 380 Autocompletion (Автозаполнение)
  - 385 Dropdown Chooser (Раскрывающийся селектор)
  - 388 List Bolder (Компоновщик списков)
  - 390 Good Defaults (Хорошие варианты по умолчанию)
  - 393 Same-Page Error Messages (Сообщения об ошибках на той же странице)
397 Глава 9. Использование социальных сетей
- 398 О чем не говорится в этой главе
- 398 Основы социальных взаимодействий
- 402 Шаблоны
  - 403 Editorial Mix (Редакторский микс)
  - 409 Repost and Comment (Перенос публикаций и комментарии)
  - 412 Conversation Starters (Приглашения к разговору)
  - 415 Inverted Nano-pyramid (Инвертированная нанопирамида)
  - 417 Timing Strategy (График публикации)
  - 420 Specialized Streams (Специализированные потоки)
  - 424 Social Links (Социальные ссылки)
  - 427 Sharing Widget (Виджет для рассылки)
  - 430 News Box (Поле новостей)
  - 434 Content Leaderboard (Доска почета)
  - 438 Recent Chatter (Последние комментарии)
441 Глава 10. Будем мобильными!
- 442 Сложности мобильного дизайна
  - 444 С чего начать разработку мобильного дизайна
  - 446 Несколько стоящих примеров
- 448 Шаблоны
  - 449 Vertical Stack (Вертикальный стек)
  - 452 Filmstrip (Фотопленка)
  - 453 Touch Tools (Инструменты, реагирующие на касание)
  - 455 Bottom Navigation (Нижняя навигация)
  - 457 Thumbnail-and-Text List (Список эскизов и текста)
  - 459 Infinite List (Бесконечный список)
  - 461 Generous Borders (Щедрое окаймление)
  - 463 Text Clear Button (Кнопка стирания текста)
  - 464 Loading Indicators (Индикаторы загрузки)
  - 466 Richly Connected Apps (Тесно связанные приложения)
  - 468 Streamlined Branding (Общий фирменный стиль)
472 Полезные источники
- 472 Веб-сайты
- 473 Книги
475 Об авторе