год-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
Filter Form (Форма с фильтрами) . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Глава 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
Drag (Перетаскивание) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Глава 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
Справочная система . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
