Шаблоны проектирования веб-приложений

Оглавление

Паван Вора. Шаблоны проектирования веб-приложений

Посвящается

Благодарность

Об авторе

Глава 1. Введение

Введение

Достоинства веб-приложений

Трудности в разработке интерфейсов для веб-приложений

Шаблоны проектирования

Документирование шаблонов

Структурирование шаблонов в этой книге

Применение шаблонов в этой книге

Глава 2. Формы

Введение

CLEAR BENEFITS (ЧЕТКИЕ ПРЕИМУЩЕСТВА)

SHORT FORMS (КОРОТКИЕ ФОРМЫ)

LOGICAL GROUPING (ЛОГИЧЕСКОЕ ГРУППИРОВАНИЕ)

LABEL ALIGNMENT (ВЫРАВНИЕ МЕТОК)

REQUIRED FIELD INDICATORS (ИНДИКАТОРЫ ОБЯЗАТЕЛЬНЫХ ПОЛЕЙ)

SMART DEFAULTS («УМНЫЕ» ЗНАЧЕНИЯ ПО УМОЛЧАНИЮ)

FORGIVING FORMAT (ВЕЛИКОДУШНЫЙ ФОРМАТ)

KEYBOARD NAVIGATION (УПРАВЛЕНИЕ КЛАВИАТУРОЙ)

INPUT HINTS/PROMPTS (ПОДСКАЗКИ ПРИ ВВОДЕ/ПРИГЛАШЕНИЕ К ВВОДУ)

ACTION BUTTONS (КНОПКИ ДЕЙСТВИЙ)

ERROR MESSAGES (СООБЩЕНИЯ ОБ ОШИБКАХ)

Глава 3. Аутентификация пользователя

Введение

REGISTRATION (РЕГИСТРАЦИЯ)

CAPTCHA (ПОЛНОСТЬЮ АВТОМАТИЗИРОВАННЫЙ ПУБЛИЧНЫЙ ТЕСТ)

LOG IN (ВХОД В СИСТЕМУ)

LOG OUT (ВЫХОД ИЗ СИСТЕМЫ)

AUTOMATIC LOGOUT (АВТОМАТИЧЕСКИЙ ВЫХОД)

FORGOT USERNAME/PASSWORD (ЗАБЫТЫ ИМЯ ПОЛЬЗОВАТЕЛЯ/ПАРОЛЬ)

Глава 4. Главная страница приложения

Введение

INBOX (ВХОДЯЩИЕ)

CONTROL PANEL (ПАНЕЛЬ УПРАВЛЕНИЯ)

DASHBOARD (ИНФОРМАЦИОННАЯ ПАНЕЛЬ)

PORTAL (ПОРТАЛ)

PERSONALIZATION (ПЕРСОНАЛИЗАЦИЯ)

CUSTOMIZATION (КАСТОМИЗАЦИЯ)

BLANK SLATE (ЧИСТЫЙ ЛИСТ)

Глава 5. Навигация

Введение

PRIMARY NAVIGATION (ОСНОВНАЯ НАВИГАЦИЯ)

SECONDARY NAVIGATION (ВСПОМОГАТЕЛЬНАЯ НАВИГАЦИЯ)

UTILITY NAVIGATION (СЛУЖЕБНАЯ НАВИГАЦИЯ)

FACETED NAVIGATION (МНОГОАСПЕКТНАЯ НАВИГАЦИЯ)

SUPPLEMENTARY NAVIGATION (ДОПОЛНИТЕЛЬНАЯ НАВИГАЦИЯ)

TAG CLOUDS (ОБЛАКА ТЕГОВ)

BREADCRUMBS (НАВИГАЦИОННАЯ ЦЕПОЧКА)

WIZARDS (МАСТЕРА)

Глава 6. Поиск и фильтрация

Введение

SIMPLE SEARCH (ПРОСТОЙ ПОИСК)

PARAMETRIC SEARCH (ПОИСК ПО ПАРАМЕТРАМ)

ADVANCED SEARCH (РАСШИРЕННЫЙ ПОИСК)

SEARCH TIPS (СОВЕТЫ ПО ПОИСКУ)

SEARCH RESULTS (РЕЗУЛЬТАТЫ ПОИСКА)

SORTING (СОРТИРОВКА)

PAGINATION (РАЗБИВКА НА СТРАНИЦЫ)

CONTINUOUS SCROLLING (НЕПРЕРЫВНАЯ ПРОКРУТКА)

FILTERING (ФИЛЬТРАЦИЯ)

FACETED SEARCH (МНОГОАСПЕКТНЫЙ ПОИСК)

SAVED SEARCHES (СОХРАНЕННЫЕ РЕЗУЛЬТАТЫ ПОИСКА)

Глава 7. Списки

Введение

SIMPLE LIST (ПРОСТОЙ СПИСОК)

TABULAR LIST (ТАБЛИЧНЫЙ СПИСОК)

HIERARCHICAL LIST (ИЕРАРХИЧЕСКИЙ СПИСОК)

EVENT LIST (СПИСОК СОБЫТИЙ)

TIMELINES (ВРЕМЕННЫЕ ШКАЛЫ)

IMAGE LIST/GRID (СПИСОК/СЕТКА ИЗОБРАЖЕНИЙ)

MAPS (КАРТЫ)

LIST ACTIONS (ОПЕРАЦИИ СО СПИСКОМ)

LIST UTILITY FUNCTIONS (СЛУЖЕБНЫЕ ОПЕРАЦИИ СО СПИСКОМ)

Глава 8. Богатые веб-приложения

Введение

RICH-TEXT EDITOR (РЕДАКТОР ПОЛНОЦЕННОГО ФОРМАТИРОВАНИЯ)

RICH FORM (ПОЛНОЦЕННАЯ ФОРМА)

AUTOSUGGEST/AUTOCOMPLETION (АВТОЗАПОЛНЕНИЕ)

EDIT-IN-PLACE (РЕДАКТИРОВАНИЕ НА МЕСТЕ)

OVERVIEW-PLUS-DETAIL (ОБЗОР И ДЕТАЛИ)

DYNAMIC QUERYING (ДИНАМИЧЕСКИЕ ЗАПРОСЫ)

LIVE PREVIEW (ПРЕДПРОСМОТР В РЕАЛЬНОМ ВРЕМЕНИ)

DRAG-AND-DROP (ПЕРЕТАСКИВАНИЕ)

SLIDER (ПОЛЗУНОК)

ANIMATIONS/TRANSITIONS (АНИМАЦИИ/ПЕРЕХОДЫ)

DELAY/PROGRESS INDICATOR (ИНДИКАТОР ОЖИДАНИЯ/ВЫПОЛНЕНИЯ)

SPOTLIGHT/YELLOW-FADE (ПРОЖЕКТОР/ЖЕЛТОЕ ВЫЦВЕТАНИЕ)

CAROUSEL (КАРУСЕЛЬ)

Проблемы практичности, неизбежно возникающие при RIA

Глава 9. Социальные приложения

Введение

ADD/UPLOAD CONTENT (ДОБАВЛЕНИЕ/ЗАГРУЗКА КОНТЕНТА)

TAGGING (ТЕГГИРОВАНИЕ)

RATING (РЕЙТИНГ)

REVIEWS (ОТЗЫВЫ)

VOTE TO PROMOTE (ГОЛОСОВАНИЕ)

USER PROFILE (ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ)

REPUTATION (РЕПУТАЦИЯ)

DISCOVER NETWORK MEMBERS (ПОИСК УЧАСТНИКОВ СЕТЕВЫХ СООБЩЕСТВ)

FRIEND LIST (СПИСОК ДРУЗЕЙ)

GROUPS/SPECIAL INTEREST COMMUNITY (ГРУППЫ/ОСОБЫЕ СООБЩЕСТВА ПО ИНТЕРЕСАМ)

MESSAGING (ОБМЕН СООБЩЕНИЯМИ)

PRESENCE INDICATOR (ИНДИКАТОР ПРИСУТСТВИЯ)

SHARING (СОВМЕСТНЫЙ ДОСТУП)

COLLABORATION (СОТРУДНИЧЕСТВО)

Глава 10. Интернационализация

Введение

EXTENSIBLE DESIGN (РАСШИРЯЕМЫЙ ДИЗАЙН)

DATE FORMAT (ФОРМАТ ДАТЫ)

TIME FORMAT (ФОРМАТ ВРЕМЕНИ)

NUMBER FORMAT (ФОРМАТ ЧИСЕЛ)

CURRENCY AND CURRENCY FORMAT (ДЕНЕЖНЫЕ ЕДИНИЦЫ И ФОРМАТ ДЕНЕЖНЫХ ЕДИНИЦ)

GLOBAL GATEWAY (ГЛОБАЛЬНЫЙ ШЛЮЗ)

LANGUAGE SELECTOR (ВЫБОР ЯЗЫКА)

Глава 11. Доступность

Введение

PROGRESSIVE ENHANCEMENT (ПРОГРЕССИВНОЕ УЛУЧШЕНИЕ)

SEMANTIC MARKUP (СЕМАНТИЧЕСКАЯ РАЗМЕТКА)

UNOBTRUSIVE STYLE SHEETS (НЕНАВЯЗЧИВЫЕ ТАБЛИЦЫ СТИЛЕЙ)

UNOBTRUSIVE JAVASCRIPT (НЕНАВЯЗЧИВЫЙ JAVASCRIPT)

ACCESSIBLE FORMS (ДОСТУПНЫЕ ФОРМЫ)

ACCESSIBLE IMAGES (ДОСТУПНЫЕ ИЗОБРАЖЕНИЯ)

ACCESSIBLE TABLES (ДОСТУПНЫЕ ТАБЛИЦЫ)

ACCESSIBLE NAVIGATION (ДОСТУПНАЯ НАВИГАЦИЯ)

ACCESSIBLE ALTERNATIVE (ДОСТУПНЫЙ ВЫБОР)

Доступность и многофункциональные веб-приложения

Глава 12. Визуальное проектирование

Введение

LIQUID-WIDTH LAYOUT (АВТОМАСШТАБИРУЕМЫЙ МАКЕТ)

FIXED-WIDTH LAYOUT (МАКЕТ С ФИКСИРОВАННОЙ ШИРИНОЙ)

PROGRESSIVE LAYOUT (ПРОГРЕССИВНЫЙ МАКЕТ)

GRID STRUCTURE (СЕТЧАТАЯ СТРУКТУРА)

VISUAL HIERARCHY (ВИЗУАЛЬНАЯ ИЕРАРХИЯ)

HIGHLIGHT (ВЫДЕЛЕНИЕ)

ICONS (ИКОНКИ)

Глава 13. Библиотеки шаблонов

Введение

Библиотека шаблонов

Глава 14. Помощь

Введение

CONTEXTUAL HELP (КОНТЕКСТНАЯ ПОДСКАЗКА)

FREQUENTLY ASKED QUESTIONS (ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ)

APPLICATION HELP (СПРАВКА ПО ПРИЛОЖЕНИЮ)

GUIDED TOURS (ПОШАГОВЫЕ РУКОВОДСТВА)

HELP WIZARDS (МАСТЕРА ПОМОЩИ)

HELP COMMUNITY (ПОМОЩЬ СООБЩЕСТВА)

CLICK-TO-CHAT (ИНТЕРАКТИВНЫЙ ЧАТ)

Справочная литература

Приложение. Список шаблонов, описываемых в книге

Отрывок из книги

Выражаю искреннюю благодарность следующим людям:

• техническим редакторам – Венди Каслман, Дэвиду Дику, Каарен Хэнсон, Арни Лунду и Дейву Роджерсу – за потраченное время, хорошие советы и полезные комментарии. Их вдумчивые предложения в несколько раз улучшили эту книгу. Однако если в книге остались какие-либо ошибки или слабые места, это моя ответственность и, очевидно, результат того, что я невнимательно следовал их советам;

.....

Четко укажите обязательную информацию в форме, чтобы пользователи могли ее успешно ее заполнить и чтобы уменьшить вероятность появления сообщения «заполнены не все обязательные поля» (рис. 2.19).

Рис. 2.19. На сайте Dominos обязательные поля обозначены красными звездочками, так пользователю становится понятно, что номер мобильного телефона вводить необязательно. Также указано, какие преимущества пользователь получит, если укажет свой мобильный телефон

.....