20 вещей, которые должен знать каждый мобильный разработчик

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

Прежде чем приступить к работе, вам необходимо выяснить, какую проблему вы пытаетесь решить. Кто будет использовать ваше приложение? Где они будут? Как они будут его использовать? Если они одновременно занимаются какой-то деятельностью, как это повлияет на ваше приложение?

Когда у вас появятся ответы на эти вопросы, запишите их. Прикрепите их к стене. Если вам предстоит принять трудное решение, вернитесь к этим заметкам, и они направят вас в правильном направлении.

1. Выберите свою платформу

Выбор целевой платформы зависит от того, что вы создаете и кто ваши пользователи. Платформой с наибольшим охватом является Интернет. Если вы хотите продать свое приложение, вам, вероятно, захочется разместить его в магазине приложений. Если вам требуется доступ к камере или другим API-интерфейсам конкретного устройства, вы можете пойти по собственному пути или использовать оболочку, например AIR/PhoneGap/Titanium.

Правильного ответа не существует. Выбор платформы зависит от многих вещей, поэтому вернитесь к этим заметкам и посмотрите, что они вам говорят.

2. Ты не разбогатеешь

Многие сравнивают нынешнюю ситуацию в App Store с золотой лихорадкой в ​​Калифорнии конца 1840-х годов. Как и тогда, все происходит случайно – в основном случайно. Я бы не советовал начинать игру в приложении только для того, чтобы заработать деньги: у вас больше шансов разбогатеть, отправившись в ближайшее казино и поставив несколько тысяч фунтов на черное.

Но мы все слышали об историях огромного успеха, которые раздуваются в средствах массовой информации. Моя любимая история — канадский разработчик Мэтт Рикс, который месяцами работал по вечерам над игрой, которая в конечном итоге превзошла Angry Birds в топ-10 списка, а это немалый подвиг. Эта игра железнодорожный двор и он пишет об этом здесь открыто, даже делясь номерами.

Два месяца назад аналитическая компания Flurry написал это в блоге Сейчас в Apple App Store имеется более 500 000 приложений и около 350 000 на Android Market.

Заметить будет непросто.

3. Прочтите HIG

Руководство по пользовательскому интерфейсу или HIG — это документ, существующий для любой платформы, для которой вы разрабатываете. В нем рассказывается, как создать пользовательский интерфейс, который будет комфортно работать на целевом устройстве. Каждая платформа уникальна, и вам следует учитывать эти нюансы.

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

Пользователи BlackBerry PlayBook ожидают, что настройки и параметры появятся, когда вы проведете пальцем вниз от верхней панели. Повторное использование этих типов известного поведения — это не обязательно то, за что пользователи будут вам благодарны, но они будут кричать на вас, если вы этого не сделаете.

Так что прочитайте HIG и ознакомьтесь с концепциями, но помните, что это просто рекомендации, а не правила и определенно не какой-то контрольный список.

4. Добавьте удовольствия в функциональность

Тот факт, что вы создаете служебное приложение, не означает, что оно должно быть скучным. Для руководства по конференции Flash on the Beach, которое мы создали в 2009 году, мы использовали стандартный набор компонентов iOS, но разработали их так, чтобы они выглядели и ощущались совершенно по-другому. Мы хотели придать приложению определенный характер, но в то же время не отталкивать пользователей. Тогда это было менее распространено, и результат был награда в Gulltaggen.

Мое любимое приложение для камеры на iPhone. Камера+ имеет кнопки и заголовки, которые выглядят как обычные, но оформлены красивым пользовательским шрифтом.

Твитбот, мой любимый клиент Twitter сочетает тонкое использование теней и градиентов, чтобы создавать собственные окна предупреждений, которые соответствуют остальному дизайну приложения и придают всему этому красивый вид. Что это внимание к деталям.

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

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

5. Конвенция о вызове

Самый очевидный пример — «потянуть, чтобы обновить». Вы, наверное, точно знаете, о чем я говорю. Представлен миру в Tweetie 2 автором: Лорен Брихтер с тех пор эта концепция дизайна распространилась как лесной пожар и на другие мобильные ОС.

Идея проста. Вы перемещаете список в определенную точку, и когда вы его отпускаете, что-то происходит, например, перезагрузка данных, например, вашего потока в Твиттере. Хотя поначалу это не сразу бросается в глаза, но как только вы это поймете, это гениально и станет прекрасным примером «удивления и восторга».

Сегодня мы можем найти функцию «Потянуть, чтобы обновить» в Gowalla, Facebook, Google+, Tweetbot, foursquare, oink, Fribi – и этот список можно продолжать и продолжать.

Другая популярная парадигма — поднятие кнопки посередине нижней панели инструментов. Oink, Foursquare, Fribi и многие другие делают это, чтобы привлечь внимание к основной сути приложения.

6. Поведение другое

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

Ну да. И нет. Иногда я сижу на диване, смотрю что-то по телевизору с планшетом на коленях, и у меня есть все время мира. Или сидел в ванной от скуки. Статистика говорит, что это не только я!

Так где же будут ваши пользователи? Что они будут делать? Спроектируйте соответственно.

7. Контент должен быть разным

Просто – это хорошо, а просто – не значит глупо: нам нужно сосредоточиться на основной функции нашего приложения и написать эффективный текст. Соответствующая копия.

И микрокопия Действительно трудно писать. Супер тяжело.

8. Мой палец толстый

Мой палец пристрастился к бекону, и поэтому ему нужна область воздействия минимум 44 пикселя. Что-нибудь меньше, и это будет Действительно трудно нажать. Мы допустили эту ошибку в Приложение ФОТБ 2010.

Кнопка «Назад» имеет высоту 10 пикселей, но имеет большую область нажатия, поэтому ее легко нажимать. Проблема? Это было почти невозможно увидеть. Избегать!

9. Независимость разрешения

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

Самый простой способ сделать это — попросить вашего дизайнера с самого начала создать иллюстрацию в векторном формате. Таким образом, когда вам понадобится значок размером 512x512 для iTunes, это не будет проблемой.

10. Создайте красивую иконку

Эта старая пословица верна. У вас есть только один шанс произвести первое впечатление, и ваш значок закладывает основу для всего вашего приложения.

У нас есть чистый холст, на котором можно создать что-то великое. Используйте эту возможность, чтобы решить свою проблему функционально и красиво.

При правильном выполнении теряется представление о том, что это устройство делает что-то еще, кроме моего конкретного приложения. Забыто.

Я люблю это.

Итак, давайте потратим время и углубимся в детали. В прошлом году для Flash on the Beach мы создали FOTB.me, наша первая попытка создать веб-приложение, ориентированное только на мобильные устройства.

Когда сайт добавляется на главный экран iOS, у вас есть возможность установить собственный значок и заставку. Поэтому мы воспользовались этой возможностью, чтобы создать их множество. Один для старых iPhone, один для дисплеев Retina и по одному для каждой ориентации iPad.

Правда, это увидит мало кто. Но если они заметят, то, надеюсь, это их удивит и, возможно, заставит улыбнуться. И если так, то это здорово.

11. Мой телефон — моя личность

Причина, по которой все это имеет значение, заключается в том, что мой телефон многое расскажет обо мне.

Вы можете видеть, что у меня установлено слишком много приложений, но все они аккуратно разложены по разным папкам, но на моем столе полный беспорядок. И что это говорит обо мне? Не имею представления.

Суть в том, что я ни за что не заразю свой красивый домашний экран уродливой иконкой – ведь что это скажет обо мне?

12. Не заставляй меня RTFM

Пожалуйста! Подумайте о детях.

Если вы думаете, что люди этого не делают, прочтите руководство к программному обеспечению для настольных компьютеров. Это вдвойне, даже втрое даже для мобильных приложений.

Когда вышел iPad, существовало журнальное приложение (название здесь не будет), в котором для навигации использовалось множество жестов. Я сначала подумал, круто! Это некоторые Отчет меньшинства типа штучка, интересно.

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

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

13. Не притворяйся

Я не фанат веб-приложений, которые имитируют внешний вид нативных приложений. Существует несколько наборов UI-фреймворков, которые изо всех сил стараются выглядеть как собственные элементы управления. Проблема возникает, когда они попадают в App Store.

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

Я бы избегал этого.

14. Ваша идея не оригинальна

Лучше всего Нас сказал это еще в 2001 году.

«Ни одна идея не оригинальна, нет ничего нового под солнцем. Важно не то, что вы делаете, а то, как это делается».
"Никакая идея не оригинальна", Нас

Горькая правда в том, что идей пруд пруди, а исполнение – это все. Хорошо продуманный продукт в нужное время и немного удачи могут пойти далеко.

15. Создай для себя

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

16. Слушайте своих пользователей

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

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

Но только потому, что мы прислушиваемся к пользователям и иногда у них появляются отличные идеи, это не разработка комитета. Вам не обязательно делать все, что вам говорят, доверьтесь своему инстинкту.

17. Преследуйте своих пользователей

Аналитика очень важна. Они позволяют нам учиться на поведении пользователей и позволяют вам видеть, как они проходят через ваше приложение.

Для FOTB.me мы использовали Google Analytics и ориентировались в первую очередь на Android, iPhone, iPad и PlayBook. Я использовал Twitter, чтобы отслеживать, что говорят люди, и увидел это:

Я сначала подумал, блин! Скольких людей это затронет? Проверив Google Analytics, я увидел, что из 4241 уникального посетителя пострадало только четыре человека. Как бы прискорбно это ни было, это 0,09 процента – мы можем это терпеть. Конечно, у вас может не быть такой роскоши.

Через несколько часов пришло вот это:

Мы увидели, что это затронуло 20 пользователей — 0,5 процента. Опять же, прискорбно, но с этим можно жить.

Дело в том, что без статистики мы бы понятия не имели, насколько велика или мала проблема. Их присутствие облегчило сон по ночам.

18. Опытный образец!

Это отличный инструмент для иллюстрации вашей идеи другим, а также для изучения технической осуществимости. Мы склонны писать спайки, небольшие наборы функций для проверки возможных методов решения проблемы. Что бы вы ни делали, разместите свой прототип на устройстве. Ничто не сравнится с тестированием на самом устройстве, даже если это означает серию изображений, которые вы можете пролистать.

Существует множество инструментов, которые позволят вам создавать управляемые прототипы, такие как Прототипы, Бальсамик и Полевые испытания. Вы даже можете использовать Основной доклад.

Что бы вы ни выбрали, установите это на устройство и покажите другу за кружкой пива, чтобы узнать его мнение. Но как только вы закончите, выбросьте прототип.

Я имею в виду, выбрось это! Это требует дисциплины, но знайте, что любой написанный вами код — как только он будет запущен в производство — никогда не умрет.

Вы пишете прототипы быстро, любым удобным способом. Взломай это! Но ты делаешь нет хочу провести следующие несколько лет, поддерживая этот код. Выброси это.

19. Начать

Продолжайте свою идею, потому что пришло время воплотить ее в жизнь. Это сложно, но в то же время увлекательно, и идеи не застревают в голове. Впустите их в мир!

Очень легко запутаться, пытаясь сделать все идеально с самого начала, и вы не сможете сделать это идеально, но мы обязаны попытаться сделать это ради самих себя.

20. Мы можем сделать мир лучше

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

И если мы можем сделать жизнь чуть-чуть легче, чуть-чуть проще и в то же время решить проблему, значит, мы сделали что-то хорошее.

То, чем мы можем гордиться.