1page.title=Принципы проектирования Android 2@jd:body 3 4<p>Эти принципы проектирования были разработаны группой Android 5по взаимодействию приложений с пользователями с целью соблюдения интересов пользователей. 6Для создателей приложений под Android они лежат в 7основе более подробных рекомендаций по проектированию для конкретных 8типов устройств.</p> 9 10<p> 11Учитывайте эти принципы, используя собственный 12творческий потенциал и мышление разработчика. Впрочем, при наличии веских оснований допустимо некоторое отклонение от них. 13</p> 14 15<h2 id="enchant-me">Постарайтесь понравиться пользователю</h2> 16 17<div class="layout-content-row"> 18 <div class="layout-content-col span-7"> 19 20<h4 id="delight-me">Вызовите у пользователя восхищение неожиданными решениями</h4> 21<p>Красивые экраны, тщательно продуманная анимация или своевременные звуковые сигналы создают у пользователя 22хорошее настроение. Утонченные эффекты вызывают у пользователя ощущение, 23что его возможности не ограничены.</p> 24 25 </div> 26 <div class="layout-content-col span-6"> 27 28 <img src="{@docRoot}design/media/principles_delight.png"> 29 30 </div> 31</div> 32 33<div class="vspace size-2"> </div> 34 35<div class="layout-content-row"> 36 <div class="layout-content-col span-7"> 37 38<h4 id="real-objects-more-fun">Реальные объекты доставляют больше удовольствия, чем кнопки и меню</h4> 39<p>Позвольте пользователю касаться объектов приложения и манипулировать ими. Это сокращает когнитивные усилия, 40необходимые для выполнения задачи, повышая эмоциональное удовлетворение.</p> 41 42 </div> 43 <div class="layout-content-col span-6"> 44 45 <img src="{@docRoot}design/media/principles_real_objects.png"> 46 47 </div> 48</div> 49 50<div class="vspace size-2"> </div> 51 52<div class="layout-content-row"> 53 <div class="layout-content-col span-7"> 54 55<h4 id="make-it-mine">Позвольте пользователю сделать интерфейс индивидуальным</h4> 56<p>Люди любят вносить в интерфейс что-то личное, чтобы чувствовать себя более комфортно и считать, что всё под контролем. Предоставьте 57продуманные и эстетичные настройки по умолчанию и предусмотрите дополнительные настройки, забавные, но не препятствующие 58выполнению основных задач.</p> 59 60 </div> 61 <div class="layout-content-col span-6"> 62 63 <img src="{@docRoot}design/media/principles_make_it_mine.png"> 64 65 </div> 66</div> 67 68<div class="vspace size-2"> </div> 69 70<div class="layout-content-row"> 71 <div class="layout-content-col span-7"> 72 73<h4 id="get-to-know-me">Изучите пользователя</h4> 74<p>Постепенно выясняйте предпочтения пользователя Вместо того, чтобы снова и снова заставлять его выбирать одно и то же, 75 сделайте непосредственно доступными ранее выбранные варианты.</p> 76 77 </div> 78 <div class="layout-content-col span-6"> 79 80 <img src="{@docRoot}design/media/principles_get_to_know_me.png"> 81 82 </div> 83</div> 84 85<h2 id="simplify-my-life">Упростите жизнь пользователю</h2> 86 87<div class="layout-content-row"> 88 <div class="layout-content-col span-7"> 89 90<h4 id="keep-it-brief">Будьте лаконичны</h4> 91<p>Используйте короткие фразы с простыми словами. Люди, скорее всего, пропустят длинные предложения.</p> 92 93 </div> 94 <div class="layout-content-col span-6"> 95 96 <img src="{@docRoot}design/media/principles_keep_it_brief.png"> 97 98 </div> 99</div> 100 101<div class="vspace size-2"> </div> 102 103<div class="layout-content-row"> 104 <div class="layout-content-col span-7"> 105 106<h4 id="pictures-faster-than-words">Картинки воспринимаются быстрее чем слова</h4> 107<p>Используйте картинки в своих объяснениях. Они завладевают вниманием и действуют гораздо эффективнее 108слов.</p> 109 110 </div> 111 <div class="layout-content-col span-6"> 112 113 <img src="{@docRoot}design/media/principles_pictures.png"> 114 115 </div> 116</div> 117 118<div class="vspace size-2"> </div> 119 120<div class="layout-content-row"> 121 <div class="layout-content-col span-7"> 122 123<h4 id="decide-for-me">Принимайте решения за пользователя, но оставляйте последнее слово за ним</h4> 124<p>Не задавайте пользователю лишних вопросов и действуйте наиболее разумным образом. Слишком широкий выбор вызывает чувство 125растерянности. Если существует вероятность, что ваш выбор не устроит пользователя, предоставьте ему возможность отмены.</p> 126 127 </div> 128 <div class="layout-content-col span-6"> 129 130 <img src="{@docRoot}design/media/principles_decide_for_me.png"> 131 132 </div> 133</div> 134 135<div class="vspace size-2"> </div> 136 137<div class="layout-content-row"> 138 <div class="layout-content-col span-7"> 139 140<h4 id="only-show-when-i-need-it">Показывайте только самое необходимое и в нужный момент времени</h4> 141<p>Люди не в состоянии справиться сразу с большим количеством информации. Разбивайте задачи и информацию на небольшие легко 142воспринимаемые части. Скройте несущественные на данный момент опции и обучайте пользователя по ходу дела.</p> 143 144 </div> 145 <div class="layout-content-col span-6"> 146 147 <img src="{@docRoot}design/media/principles_information_when_need_it.png"> 148 149 </div> 150</div> 151 152<div class="vspace size-2"> </div> 153 154<div class="layout-content-row"> 155 <div class="layout-content-col span-7"> 156 157<h4 id="always-know-where-i-am">Пользователь всегда должен знать, в каком месте приложения он находится</h4> 158<p>Придайте пользователю уверенность, что он не заблудился. Сделайте так, чтобы экраны в вашем приложении отличались друг от друга, и 159используйте переходы, чтобы показать связь между экранами. Обеспечивайте обратную связь от выполняемых задач.</p> 160 161 </div> 162 <div class="layout-content-col span-6"> 163 164 <img src="{@docRoot}design/media/principles_navigation.png"> 165 166 </div> 167</div> 168 169<div class="vspace size-2"> </div> 170 171<div class="layout-content-row"> 172 <div class="layout-content-col span-7"> 173 174<h4 id="never-lose-my-stuff">Ни в коем случае не теряйте данные пользователей</h4> 175<p>Сохраняйте данные, на создание которых пользователь потратил свое время, и обеспечьте ему доступ к этой информации из любого места. Запоминайте настройки 176 и предпочтения на телефонах, планшетах и компьютерах. Это позволит значительно упростить 177обновление приложения.</p> 178 179 </div> 180 <div class="layout-content-col span-6"> 181 182 <img src="{@docRoot}design/media/principles_never_lose_stuff.png"> 183 184 </div> 185</div> 186 187<div class="vspace size-2"> </div> 188 189<div class="layout-content-row"> 190 <div class="layout-content-col span-7"> 191 192<h4 id="looks-same-should-act-same">Внешне похожие элементы должны вести себя одинаково</h4> 193<p>Помогите людям распознать функциональные различия, сделав их визуально отличимыми. 194Избегайте ситуаций, в которых разные места приложения выглядят похоже, но работают по-разному при одних тех же исходных данных.</p> 195 196 </div> 197 <div class="layout-content-col span-6"> 198 199 <img src="{@docRoot}design/media/principles_looks_same.png"> 200 201 </div> 202</div> 203 204<div class="vspace size-2"> </div> 205 206<div class="layout-content-row"> 207 <div class="layout-content-col span-7"> 208 209<h4 id="interrupt-only-if-important">Прерывайте пользователя только в действительно важных ситуациях</h4> 210<p>Подобно хорошему секретарю, приложение должно оградить пользователя от несущественных мелочей. Люди не любят отвлекаться, 211и беспокоить их следует только в исключительно серьезных или не терпящих отлагательства ситуациях.</p> 212 213 </div> 214 <div class="layout-content-col span-6"> 215 216 <img src="{@docRoot}design/media/principles_important_interruption.png"> 217 218 </div> 219</div> 220 221<h2 id="make-me-amazing">Постарайтесь приятно удивить пользователя</h2> 222 223<div class="layout-content-row"> 224 <div class="layout-content-col span-7"> 225 226<h4 id="give-me-tricks">Предоставьте пользователю привычные приемы</h4> 227<p>У людей повышается самооценка, когда они могут разобраться в чем-либо самостоятельно. Сделайте ваше приложение простым в освоении 228за счет использования визуальных моделей и мышечной памяти из других приложений Android. Например, жест скольжения 229является хорошим навигационным приемом.</p> 230 231 </div> 232 <div class="layout-content-col span-6"> 233 234 <img src="{@docRoot}design/media/principles_tricks.png"> 235 236 </div> 237</div> 238 239<div class="vspace size-2"> </div> 240 241<div class="layout-content-row"> 242 <div class="layout-content-col span-7"> 243 244<h4 id="its-not-my-fault">Пользователь ни в чем не виноват</h4> 245<p>Будьте корректны, подсказывая пользователю, как выйти из сложного положения. Никто не хочет чувствовать себя бестолковым, имея дело с вашим 246приложением. При возникновении проблем дайте четкие указания по восстановлению, но избавьте пользователя от технических деталей. 247В идеальном варианте приложение способно самостоятельно исправить ситуацию.</p> 248 249 </div> 250 <div class="layout-content-col span-6"> 251 252 <img src="{@docRoot}design/media/principles_error.png"> 253 254 </div> 255</div> 256 257<div class="vspace size-2"> </div> 258 259<div class="layout-content-row"> 260 <div class="layout-content-col span-7"> 261 262<h4 id="sprinkle-encouragement">Не скупитесь на поддержку пользователя</h4> 263<p>Разбейте сложные задачи на более мелкие, легко выполнимые этапы. Обеспечьте обратную связь, 264даже при незначительных операциях.</p> 265 266 </div> 267 <div class="layout-content-col span-6"> 268 269 <img src="{@docRoot}design/media/principles_sprinkle_encouragement.png"> 270 271 </div> 272</div> 273 274<div class="vspace size-2"> </div> 275 276<div class="layout-content-row"> 277 <div class="layout-content-col span-7"> 278 279<h4 id="do-heavy-lifting-for-me">Выполняйте за пользователя черную работу</h4> 280<p>Дайте новичкам возможность почувствовать себя экспертами, реализовав операции о которых они и не подозревали. Например, 281ярлыки, объединяющие несколько фотоэффектов, позволят превратить любительские фотографии в шедевры всего за 282несколько шагов.</p> 283 284 </div> 285 <div class="layout-content-col span-6"> 286 287 <img src="{@docRoot}design/media/principles_heavy_lifting.png"> 288 289 </div> 290</div> 291 292<div class="vspace size-2"> </div> 293 294<div class="layout-content-row"> 295 <div class="layout-content-col span-7"> 296 297<h4 id="make-important-things-fast">Важные действия должны происходить быстро</h4> 298<p>Не все действия равноценны. Решите, какие функции вашего приложения являются самыми важными, и обеспечьте возможность 299быстро найти и использовать их. Например, это может быть кнопка спуска затвора в фотокамере или кнопка паузы в музыкальном плеере.</p> 300 301 </div> 302 <div class="layout-content-col span-6"> 303 304 <img src="{@docRoot}design/media/principles_make_important_fast.png"> 305 306 </div> 307</div> 308
