2013г.
Количество страниц: 208

Когда вам будет нужно безотлагательно сотворить отлично спроектированное, легкое в навигации мобильное прибавление, времени, чтоб поновой создавать велик, у вас не станет. В предоставленной книжке Мобильная разработка. Галерея шаблонов. Тереза Нейл осмотрены наиболее 70 шаблонов проектирования мобильных прибавлений и приведено огромное численность скриншотов из современных прибавлений iOS, Android, Blackberry, WebOS, Windows Mobile и Symbian. Создатель книжки тщательно обрисовывает шаблоны проектирования, разделенные на 10 категорий, подключая антишаблоны. Самостоятельно от такого, будете ли вы планировать обычное iPhone-приложение или предназначенное для работы в всякой из представленных на базаре фаворитных мобильных операционных систем, данные шаблоны дозволят вам улаживать известные трудные задачки, какие соединены с проектированием прибавлений.  

Оглавление

Предисловие . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Введение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Целевая аудитория данной книги . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Как связаться с нами . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Благодарности . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Об авторе . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

От издательства . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Глава 1. Навигация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Шаблоны первичной навигации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Springboard (Трамплин) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

List Menu (Меню списков) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Tab Menu (Меню вкладок) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Gallery (Галерея) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Dashboard (Информационная панель) . . . . . . . . . . . . . . . . . . . . . . 28

Metaphor (Метафора) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Mega Menu (Мегаменю) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Вторичная навигация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Page Carousel (Карусель страниц) . . . . . . . . . . . . . . . . . . . . . . . . . 35

Image Carousel (Карусель изображений) . . . . . . . . . . . . . . . . . . . . 36

Expanding List (Разворачивающийся список) . . . . . . . . . . . . . . . . . 39

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

Sign In (Вход в систему) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

Registration (Регистрация) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45

Checkout (Проверка) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47

Calculate (Вычисление) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

Search Criteria (Критерии поиска) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

Multi-Step (Многоступенчатая форма) . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53

Long Form (Длинная форма) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Глава 3. Таблицы и списки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

Basic Table (Базовая таблица) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

Headerless Table (Таблица без заголовка) . . . . . . . . . . . . . . . . . . . . . . . . . 60

Fixed Column (Фиксированная колонка) . . . . . . . . . . . . . . . . . . . . . . . . . . 62

Overview plus Data (Обзор плюс данные) . . . . . . . . . . . . . . . . . . . . . . . . . 62

Grouped Rows (Сгруппированные строки) . . . . . . . . . . . . . . . . . . . . . . . . . 64

Cascading List (Каскадный список) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

Table with Visual Indicators (Таблица с визуальными индикаторами) . . . . . 67

Editable Table (Редактируемая таблица) . . . . . . . . . . . . . . . . . . . . . . . . . . 67

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

Шаблоны поиска . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71

Explicit Search (Явный поиск) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Auto-Complete (Автозавершение) . . . . . . . . . . . . . . . . . . . . . . . . . 72

Dynamic Search (Динамический поиск) . . . . . . . . . . . . . . . . . . . . . 74

Scoped Search (Поиск с ограничениями) . . . . . . . . . . . . . . . . . . . . 76

Saved & Recent Searches (Сохраненные и недавние 

поисковые запросы) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

Search Form (Форма поиска) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

Search Results/View Results (Результаты поиска/Просмотр 

результатов) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

Шаблоны сортировки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82

Onscreen Sort (Экранная сортировка) . . . . . . . . . . . . . . . . . . . . . . 82

Sort Order Selector (Селектор порядка сортировки) . . . . . . . . . . . . 83

Sort Form (Форма сортировки) . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

Шаблоны фильтрации . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

Onscreen Filter (Экранный фильтр) . . . . . . . . . . . . . . . . . . . . . . . . 87

Filter Drawer (Выдвигающаяся панель с фильтрами) . . . . . . . . . . . 89

Filter Dialog (Диалоговое окно с фильтрами) . . . . . . . . . . . . . . . . . 90

Глава 5. Инструменты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Toolbar (Панель инструментов) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98

Option Menu (Меню параметров) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

Call to Action Button (Кнопка призыва к действию) . . . . . . . . . . . . . . . . . 101

Contextual Tools (Контекстные инструменты) . . . . . . . . . . . . . . . . . . . . . 104

Inline Actions (Встроенные действия) . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Multi-State Button (Кнопка с несколькими состояниями) . . . . . . . . . . . . . 108

Bulk Actions (Массовые действия) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

Глава 6. Диаграммы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113

Chart with Filters (Диаграмма с фильтрами) . . . . . . . . . . . . . . . . . . . . . . . 115

Preview Window (Окно предварительного просмотра) . . . . . . . . . . . . . . . 118

Overview plus Data (Обзор плюс данные) . . . . . . . . . . . . . . . . . . . . . . . . 120

Datapoint Details (Подробности о точках на графике) . . . . . . . . . . . . . . . 122

Drill Down (Детализация) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Zoom (Увеличение) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Pivot Table (Сводная таблица) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Sparklines (Искрографики) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Глава 7. Приглашения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131

Dialog (Диалоговое окно) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Tip (Подсказка) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

Tour (Тур) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Video Demo (Видеодемонстрация) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Transparency (Прозрачный слой) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

1st Time Through (Первый проход) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

Persistent (Постоянно отображаемое приглашение) . . . . . . . . . . . . . . . . 139

Discoverable (Обнаруживаемое приглашение) . . . . . . . . . . . . . . . . . . . . . 141

Глава 8. Обратная связь и возможность действия . . . . . . . . . . . . . 142

Обратная связь . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Error Messages (Сообщения об ошибках) . . . . . . . . . . . . . . . . . . . 143

Confirmation (Подтверждение) . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

System Status (Системный статус) . . . . . . . . . . . . . . . . . . . . . . . . 147

Возможность действия . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

Tap (Касание) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150

Flick (Перелистывание) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Глава 9. Справочная система . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

How To (Инструкция) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Cheat Sheet (Шпаргалка) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Tour (Тур) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Глава 10. Антишаблоны . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Novel Notions (Нестандартные элементы) . . . . . . . . . . . . . . . . . . . . . . . . 162

Metaphor Mismatch (Несоответствие метафоры) . . . . . . . . . . . . . . . . . . . 168

Control Mismatch (Несоответствие элементов управления) . . . . . . 168

Icon Mismatch (Несоответствие значков) . . . . . . . . . . . . . . . . . . . 170

Mental Model Mismatch (Несоответствие ментальной модели) . . . . 170

Idiot Box (Глупое окно) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Chart Junk (Неинформативные элементы) . . . . . . . . . . . . . . . . . . . . . . . . 174

Oceans of Buttons (Уйма кнопок) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Приложение . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Дополнительные ресурсы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Навигация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Шаблоны первичной навигации . . . . . . . . . . . . . . . . . . . . . . . . . 181

Шаблоны вторичной навигации . . . . . . . . . . . . . . . . . . . . . . . . . 184

Формы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

Таблицы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187

Поиск . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190

Шаблоны сортировки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192

Фильтрация . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Инструменты . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Диаграммы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Приглашения . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

Обратная связь . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202

Возможность действия . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203