9 заметок с тегом

ios vs android

Виды действий

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

iOS

Действие — это задача, такая как «Копировать», «Избранное» или «Найти», которая полезна в текущем контексте. После инициирования действие может выполнить задачу немедленно или запросить дополнительную информацию, прежде чем продолжить. Действия управляются видом деятельности, который отображается в виде листа или всплывающего окна, в зависимости от устройства и ориентации. Используйте действия, чтобы дать людям доступ к пользовательским службам или задачам, которые может выполнять ваше приложение.

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

Разработка простых шаблонов иконок для экрана ваших пользовательских действий. Шаблонная иконка использует маску для создания иконки. Используйте черно-белое изображение с соответствующей прозрачностью и сглаживанием, не добавляя тени. Изображения шаблона должны быть центрированы в области размером около 70 × 70 пикселей.

Создайте названия заданий, которые кратко описывают ваши задачи. Заголовки отображаются под значками в представлении активности. Короткие заголовки работают лучше всего. Когда заголовок слишком длинный, iOS сначала сжимает текст, а затем — если заголовок все еще слишком длинный — обрезает его. В общем, избегайте включения названия вашей компании или продукта в название.

Используйте иконку «Действие» для отображения вида активности. Люди привыкли получать доступ к системным действиям, когда нажимают кнопку «Действие»:

Android

В Android нет отдельного инструмента, там используют для этого меню действий.


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

10 января   ios vs android

Управление выбором

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

iOS

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

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

Android

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

Меню, которое открывается на месте

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

Модальные диалоговые окна со списком вариантов выглядят так:


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

2 января   ios vs android

Меню действий

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

iOS

В iOS меню действий могут быть вызваны любой кнопкой или попыткой предпринять какое-либо действие. Они скользят снизу-вверх, в легко доступную область экрана.

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

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

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

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

В новой версии iOS (iOS 13) функция, называемая «контекстное меню», отображает связанные действия при нажатии и удержании элемента. Когда отображается контекстное меню, фон размыт. Вы можете использовать контекстные меню, чтобы дать людям доступ к дополнительным функциям, связанным с сущностями, не загромождая интерфейс. Это главное отличие от меню действий.

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

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

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

Android

В Android, однако, нижние листы появляются только при нажатии на иконку с тремя точками (это иконка Android для «дополнительных параметров»). И обычно появляются снизу только тогда, когда есть много вариантов возможных действий.

Выпадающее меню обычно располагается под элементом, который его генерирует.

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

Меню действий могут использоваться вместо меню для представления дополнительных действий на экране. Не делайте высокое меню действий полноэкранными при открытии. При свайпе он может стать полноэкранным. Нажатие на холст или свайп вниз отклоняет меню.


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

3 декабря   ios vs android

Вкладки

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

iOS

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

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

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

Android

Вкладки организовывают и позволяют перемещаться между группами контента, которые связаны, и на том же уровне иерархии.

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


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

19 ноября   ios vs android

Лист действий

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

iOS

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

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

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

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

Android

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

Нажатие на холст и свайп вниз закрывает лист действия.


Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

2019   ios vs android
Ранее Ctrl + ↓