Полезные советы по дизайну для вашего приложения для iPad

  1. Об авторе Джен Гордон - дизайнер, писатель и основатель мобильного учебного сайта Tapptics. Она...
  2. Кто ваши люди?
  3. Какова история вашего народа?
  4. Минимализм работает лучше всего на iPad
  5. Модальные виды (но с умом)
  6. iPad: две ориентации - большое дело
  7. Дизайн для динамического контента
  8. Начать!

Об авторе

Джен Гордон - дизайнер, писатель и основатель мобильного учебного сайта Tapptics. Она учит людей Идеи, как делать приложения и как создавать красивые и… Подробнее о Джен ...

С такими инструментами, как Титановый аппелератор и некоторые навыки программирования на JavaScript, создание собственных приложений для iPhone и iPad очень просто. Опасность заключается в том, что мы не всегда ищем подводные камни, которые мешают многим продуктам в App Store. В этой статье мы рассмотрим несколько советов по дизайну, которые помогут вам достичь успеха на iPad.

Дизайн для людей

Приложения определят iPad, это правда. Но при разработке идеи вашего приложения, которая на первом месте, идея или устройство? Хорошие новости: нет. Это люди! При мозговом штурме и поиске идей для вашего приложения, сделайте шаг назад и подумайте, в каком контексте устройство будет использоваться настоящими живыми людьми. Как iPad вписывается в нашу жизнь? В каких ситуациях мы бы предпочли это устройство ноутбуку или iPod Touch?

Кто ваши люди?

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

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

Совет: определите свою целевую аудиторию. Кто они? Где они живут, работают и играют? С какими проблемами они сталкиваются? Дайте одному из них имя, работу, семью, машину; затем посмотрите, как меняется ваша перспектива.

Какова история вашего народа?

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

Вам не нужно модное программное обеспечение, чтобы сделать это. Ниже приведен пример эскизов сценариев использования для нашего приложения. После написания нескольких вариантов использования мы узнали, что люди теряют интерес к рисованию игр, когда им приходится создавать оригинальные произведения искусства. Многие люди скажут: «Я не умею рисовать», но у них все еще есть желание создавать красивые вещи. Первоначально мы планировали, что наше приложение будет поставляться с шаблонами, похожими на классическую игрушку Lite-Brite, но нам не пришло в голову, что люди будут больше играть с приложением, если мы предоставим готовые шаблоны и шаблоны для их раскрашивания. , Довольно важный отзыв!

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

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

  • Он легкий = «Я ношу с собой больше мест, чем ноутбук».
  • Это меньше, чем ноутбук = «Это осторожно. Могу ли я открыть ноутбук, чтобы поработать в комнате ожидания? Я бы включил свой iPad? Да."
  • Он имеет надежные утилиты и мультимедийные возможности = «Я могу работать и наслаждаться книгами, фильмами и играми».
  • Его экран больше, чем у iPhone = «Я могу потреблять больше медиа с меньшим утомлением глаз. Мои дети будут развлекаться в поездке ».
  • Он имеет Wi-Fi и 3G интернет-соединение = «Я могу быть онлайн на самолете, поезде или автомобиле».

Проектирование для людей имеет решающее значение для быстрого отсеивания слабых (то есть убыточных, нецелевых или нереализуемых) идей и для разработки продукта, который не только удовлетворяет, но и учитывает потребности целевой аудитории.

Минимализм работает лучше всего на iPad

С надежными, портативными устройствами с поддержкой определения местоположения, такими как iPad, возникает соблазн добавить все и кухонную раковину. Если вы разработчик для iPhone, вы, вероятно, в восторге от дополнительной экранной недвижимости. Не поддавайтесь искушению, чтобы заполнить пространство! Будь проще. Отображать только тот контент и элементы управления, которые имеют отношение к пользователю на данный момент. Это требует, чтобы вы использовали следующие две вещи в вашем дизайне интерфейса.

Контекстные меню - отличный способ уберечь свой пользовательский интерфейс. Мы хотели исключить возможности общего доступа и функций сообщества из основной навигации. Мы использовали контекстное меню («Поделись этим!»), Чтобы представить подходящие предметы в нужное время.

Пример контекстного диалогового окна обмена, активируемого при нажатии и удерживании изображения
Пример контекстного диалогового окна обмена, активируемого при нажатии и удерживании изображения.

Модальные виды (но с умом)

С увеличением объема недвижимости на iPad можно создать надежную функциональность, которая невозможна на экране iPhone или iPod Touch. Модальные представления дают вам другой способ организовать ваше приложение; они дают пользователю четкие «режимы» работы; и они могут быть изящным решением беспорядка UI, если выполнено мудро.

Например, «фотографии» на iPad могут работать аналогично iPhoto на настольном Mac. У вас есть два «режима» работы:

  1. Просмотр или редактирование отдельной фотографии,
  2. Управление группами фотографий.

В каждом сценарии объединение функций просмотра, редактирования и управления в одно представление не имеет смысла. Подумайте, как вы могли бы сегментировать функции в вашем приложении, сохраняя при этом гладкую связь между двумя режимами.

iPhoto имеет два режима работы: просмотр и редактирование фотографий или управление фотографиями
iPhoto имеет два режима работы: просмотр и редактирование фотографий или управление фотографиями.

Совет. Какой минимальный минимум может предоставить ваше приложение и все же быть полезным для пользователей?

iPad: две ориентации - большое дело

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

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

Ниже приведена цветовая палитра, которую мы протестировали для нашего приложения. Палитра отлично смотрится в ландшафтном режиме, но в портретном режиме абсолютно перегружает экран. К сожалению.

Эта палитра выглядит хорошо в ландшафтном режиме, но поглощает интерфейс в портретной
Эта палитра выглядит хорошо в ландшафтном режиме, но поглощает интерфейс в портретной.

Мы изменили цветовую палитру, чтобы иметь меньшую площадь как в альбомном, так и в портретном режимах:

Мы изменили цветовую палитру, чтобы иметь меньшую площадь как в альбомном, так и в портретном режимах:

Обтекаемая цветовая палитра обеспечивает доступность, оставаясь в стороне как в альбомной, так и в портретной ориентации
Обтекаемая цветовая палитра обеспечивает доступность, оставаясь в стороне как в альбомной, так и в портретной ориентации.

Совет: Бумажные прототипы всех ваших экранов в портретном и ландшафтном режимах ... много .

Прикосновение меняет то, как мы взаимодействуем, редактируем и воспринимаем элементы на экране. С большим экраном iPad сенсорный экран и жесты заряжаются турбонаддувом. Краткое описание уникальных элементов интерфейса на iPad:

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

Расставьте пальцы по стопке фотографий, чтобы выложить их для просмотра, как в реальной жизни
Расставьте пальцы по стопке фотографий, чтобы выложить их для просмотра, как в реальной жизни.

Совет: подумайте, как вы взаимодействуете с вещами в реальном мире. Думайте об элементах на экране как о материальных вещах.

Дизайн для динамического контента

Портативность iPad и больший размер экрана дают пользователям неограниченные возможности для быстрого создания и обмена надежным динамическим контентом на ходу. Гибридные приложения (т.е. нативные приложения, которые рисуют с веб-страниц или загружают веб-контент в режиме реального времени) становятся все более распространенными, поскольку пользователям требуется подключение к веб-инструментам. Проектирование динамического контента означает работу с проблемами и возможностями, связанными с подключением к Интернету (например, медленная загрузка или потеря соединения). Подумайте, какие визуальные эффекты вы бы представляли пользователям, когда они застряли в East Bum, и никакой связи не было найдено!

Совет: планируйте проблемные ситуации в своем дизайне.

Начать!

Первым шагом к началу работы является загрузка iPad SDK , Для веб-разработчиков, которые хотят освоить iPad, используя свои текущие навыки, такие продукты, как Appcelerator's титан предлагает хороший способ для создания собственных приложений для iPad, iPhone и Android на JavaScript.

Дальнейшее чтение

Похожие

Проза на iPad: 3 приложения для написания статей
... для написания текстов, доведя текстовую обработку до ее сути и предоставив вам только пустой экран - или что-то близкое к нему - над которым нужно работать. WriteRoom ———
Установите Siri на iPad и сделайте его похожим на нативный iPad
... надеялись, что Siri для iPad окажется где-то в списке. К сожалению, фруктовая компания внедрила только Voice Dictation, которая, хотя лучше, чем ничего, заставила охотников Siri продолжать использовать доступные альтернативы. Шпиль может быть установлен на любой не iPhone 4S iDevice - будь то iPad 1 или 2, iPhone 4 или даже iPod touch. Spire, без сомнения, лучший способ получить опыт
Huawei MediaPad M5 Pro против Apple iPad: первоклассный планшет на Android становится лидером
Когда мы говорим о планшетах, то в основном это два рынка: iPad от Apple и все остальное. Но во всем остальном, есть пара выдающихся, и Huawei MediaPad M5 Pro, безусловно, является одним из них. С 10,8-дюймовым экраном, поддержкой стилуса и разъемом Pogo для подключения клавиатуры вместе с ценой в 449 долларов, Huawei ориентируется как на 10,5-дюймовый iPad Pro, так и на новейший 9,7-дюймовый iPad с MediaPad M5 Pro. Так чего же ждут пользователи Android-планшетов по доступной цене? Давайте
Джейлбрейк iPad 2 4.3.5 - все, что нужно знать
Прошло чуть больше недели с тех пор, как Apple взялась за выпуск iOS 4.3.4 подключить легко джейлбрейк 4.3.3, и уже другое обновление обнаружил, что устраняет уязвимости "проверки сертификата", и, к сожалению,
Приложение Apple Weather для iPhone / iPad
... iPad. Приложение Apple Weather для iPhone / iPad В App Store есть множество погодных приложений. Но даже предустановленное приложение Apple для погоды впечатляет и имеет приличный набор функций.
Sony Xperia Z2 советы и рекомендации
... для таких банальных упражнений - компания создала чудовищный взрыватель, и пока вы не научитесь использовать его в полной мере, вы просто делаете это неправильно. Не беспокойтесь, так как у нас есть 25 советов, которые помогут вам выжать все до последней капли функциональности из этой соблазнительной плиты телефонного триумфа. 25) Измените макет вашего ящика приложения
Машина отскочила от грузовиков. Две женщины ранены
... на дороге в одном из городов Ополе. Женщина за рулем автомобиля хотела сделать поворот маневром. Она остановилась, чтобы впустить МДП с противоположной стороны. То, что произошло позже, чуть не привело к трагедии.
Как сделать джейлбрейк вашего устройства iOS на 5.1.1
... всего несколько минут. Снимок экрана Джейсон Киприани / CNET После завершения джейлбрейка закройте Absinthe 2.0 и снова запустите iTunes. Щелкните правой кнопкой мыши на имени вашего устройства, но на этот раз выберите «Восстановить из резервной копии». Выберите резервную копию, которую вы только что сделали. Позвольте вашему устройству восстановить и закончить синхронизацию перед отключением. После завершения восстановления
Как установить приложения за пределами Google Play
... вашего устройства С вашего смартфона или планшета под управлением Android 4.0 или выше, перейдите в «Настройки», прокрутите вниз до «Безопасность» и выберите «Неизвестные источники». Выбор этой опции позволит вам устанавливать приложения за пределами магазина Google Play. В зависимости от вашего устройства вы также можете выбрать предупреждение перед установкой вредоносных приложений. Это можно включить, выбрав опцию Проверять приложения в настройках безопасности.
Начались публичные тесты приложения PRO Speed ​​Test
До 31 октября 2018 года пройдут публичные тесты приложения PRO Speed ​​Test для настольных компьютеров, которое является частью механизма контроля качества доступа в Интернет - объявил Управление электронных коммуникаций , Испытания начались 14 сентября. Публичным тестам, созданным приложением V-SPEED, предшествовали проверка механизма внешним экспертом и 1,5-месячные
И о погоде: лучшие приложения для Android
На сегодняшний день в Украине потребители при покупке смартфона в основном отдают предпочтение недорогим устройствам от китайских производителей. Такие модели, как правило, оснащены «стоковой» версии ОС Android и минимальным набором необходимых программ. Установления всех необходимых приложений и настройки возложена на самого пользователя. Обычно в список самых распространенных мобильных приложений входят виджеты и программы, которые информируют о погодных условиях и метеорологическую

Комментарии

Что такое фильтр синего света и какое приложение работает лучше всего?
Что такое фильтр синего света и какое приложение работает лучше всего? Что такое фильтр синего света и какое приложение работает лучше всего? Эти приложения с фильтром синего света для Android помогут вам лучше выспаться ночью, даже если вы используете устройство ночью. Прочитайте больше и 2) люди
Функция Super Res Zoom в Pixel 3 выглядит изящно, но как она работает?
Функция Super Res Zoom в Pixel 3 выглядит изящно, но как она работает? Объявленный как одна из основных функций камер Pixel 3 и Pixel 3 XL, Super Res Zoom обещает очистить цифровой зум таким образом, чтобы он стоял лицом к лицу с… Но, используя технику, используемую в астрофотографии, Google создал Super Res zoom. В основном, при увеличении, телефон захватывает различные изображения, используя встряхивание в ваших руках, а затем использует алгоритм, чтобы сделать изображение
У меня есть приложения с последними новостями, но я признаю, что мне также нравится видеть факты в 7:00 вечера - и что делать, когда, как и у многих молодых людей, у меня нет телевизора под рукой?
У меня есть приложения с последними новостями, но я признаю, что мне также нравится видеть факты в 7:00 вечера - и что делать, когда, как и у многих молодых людей, у меня нет телевизора под рукой? Компания пришла мне на помощь Media-Tech Polska благодаря чему я узнал, что культура теперь у вас под рукой. Я приглашаю вас протестировать декодер для смартфонов / планшетов, т.е. DVB-T WiFi
Как это лучше, чем остальные приложения?
Как это лучше, чем остальные приложения? Он поддерживает несколько платформ и перекрестную синхронизацию между ними. Если этого недостаточно, вы можете делиться фотографиями в социальных сетях и делать больше благодаря IFTTT. Уникальным является то, что вы можете создавать планы поездок (и списки дел) и назначать задачи вместе с написанием журналов. Я предлагаю создать блокнот для написания ваших журналов о путешествиях, и если
Твоя курица вопит всякий раз, когда ты к ней приближаешься, и она не покидает свой скворечник, что плохого, она больна?
Твоя курица вопит всякий раз, когда ты к ней приближаешься, и она не покидает свой скворечник, что плохого, она больна? Это далеко не так, и, скорее всего, она просто задумчива и хочет птенцов. Если вы не планируете иметь цыплят, это может быть проблематично, потому что рассматриваемая курица перестанет откладывать яйца. В любом случае, вы можете быть уверены, что если вы хотите птенцов и нуждаетесь в курице-бродяге, ее не будет видно, однако день, когда вы не хотите курицу-бродягу, это
Вы хотите изменить тональный сигнал, текстовое оповещение или даже звук уведомления на своем мобильном телефоне, но с помощью всего нескольких опций?
Вы хотите изменить тональный сигнал, текстовое оповещение или даже звук уведомления на своем мобильном телефоне, но с помощью всего нескольких опций? Как насчет вырезания определенной части вашей любимой песни и последующего использования ее в качестве мелодии звонка? Благодаря бесплатному аудиоредактору для Android эти вышеупомянутые вещи становятся возможными. И другие варианты, такие как микширование музыки и удаление фонового шума, также становятся реальностью. Посмотрите
Какая карта клавиш лучше всего подходит для этой игры?
Какая карта клавиш лучше всего подходит для этой игры? Subway Surfers - это игра, которая иллюстрирует идею BlueStacks, которую вкладывают в разработку средств управления клавиатурой, которые кажутся интуитивно понятными и отзывчивыми. Элементы управления по умолчанию, которые BlueStacks поставляет вместе с игрой, были специально изготовлены такими игроками как вы, после нескольких дней
Но чем меньше, тем лучше - так что насчет качества записи?
Но чем меньше, тем лучше - так что насчет качества записи? Фотографии, снятые в оптимальных условиях освещения, были богатыми по контрасту и цвету при тестировании на дисплее мобильного телефона, но слегка переэкспонированы и бледны на большом мониторе ПК. Резкость в порядке, но не сравнима с съемкой с телефонами Sony Ericsson CyberShot. Хорошие результаты были получены на тестовых изображениях Нахобьекте в макрорежиме. Они выглядели четкими и ясными - но вы должны были держать камеру
Я распаковал машину на каблуках Super Bario, аккуратную упаковку, но кто будет смотреть на упаковку?
Я распаковал машину на каблуках Super Bario, аккуратную упаковку, но кто будет смотреть на упаковку? Содержание имеет значение, и она меня удивила. Super Bario Heel Stripper выглядит действительно красиво и солидно . Он довольно тяжелый, не сравнимый с той «игрушкой», которой я считаю Scholl Velvet Smooth Express Pedi. Пяточная машина Super Bario также намного больше, и та же самая отрывная кромка чертовски остра. Я снова напишу, что нет никакого сравнения с Scholl Velvet
Да, это может помочь сохранить все ваши календари в актуальном состоянии, но разве это не лишние затраты?
Да, это может помочь сохранить все ваши календари в актуальном состоянии, но разве это не лишние затраты? И Microsoft Outlook, и Google поддерживают несколько календарей, поэтому с помощью этой опции проще управлять событиями в двух разных сервисах. Я предполагаю, что это сводится к производительности вокруг ваших графиков и событий. И оставшиеся привычки для предпочтительного календаря. Всегда лучше использовать одну экосистему. Так что, если вы находитесь в Google и
Или, может быть, система была активирована, но после обновления она снова неактивна и появляется ошибка?
Или, может быть, система была активирована, но после обновления она снова неактивна и появляется ошибка? Посмотрите, что делать в этой ситуации. Windows 10 дает некоторым пользователям проблемы с активацией. При попытке активации через Интернет появляется сообщение о том, что система не

Кто ваши люди?
Какова история вашего народа?
Но при разработке идеи вашего приложения, которая на первом месте, идея или устройство?
Как iPad вписывается в нашу жизнь?
В каких ситуациях мы бы предпочли это устройство ноутбуку или iPod Touch?
Кто ваши люди?
Кто они?
Где они живут, работают и играют?
С какими проблемами они сталкиваются?
Какова история вашего народа?

Новости