Иван Клименко
13 ноября 2012

Здравствуйте, уважаемые советчики!

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



Иван!

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

    Поскольку вы не пишете, что делает ваше приложение и как используется этот экран, могу поделиться лишь общими соображениями:
  1. На Айпаде не принято делать таблицы на всю ширину. Такие таблицы неэффективно используют площадь экрана. Возможно, стоит представить элементы матрицей, как в фотоальбомах, на полках Айбукса или в списке песен Гаражбанда. Будет не так удобно сравнивать цены, но не уверен, что здесь это нужно.
  2. Если вы всё же используете таблицу, то функциональнее конструкция как в почте — треть экрана слева занимает таблица, а остальную часть — уже открытый выбранный пункт. Для тех данных, которые вы отображаете, вполне хватит места слева (посмотрите, например, приложение Видео).
  3. В таблицах цифры выравнивают по разрядам.
  4. Все кнопки Delete можно убрать, заменив на кнопку Edit сверху. Уже эта кнопка включает режим удаления (см., например, настройку будильников). Режимы, конечно, зло, но это принятая в Ай-ОСе механика, и это решает вашу проблему «батареи» из кнопок. Естественно, «зачёркивающий» жест в строках тоже должен работать.
  5. Непонятно, что конкретно делает кнопка Alternatives. По идее, похожие товары могут жить на экране товара, который открывается по тапу, и кнопка не нужна.
  6. Что делает кнопка Merge — я совсем не знаю, но если она останется одна, и её заменить иконкой, то повторение в каждой строке уже не будет сильно напрягать. Кроме того, такую же иконку надо будет поставить и в кнопку Merge all сверху, тогда эта верхняя кнопка начнёт выполнять две функции — собственно кнопки и объяснения иконки.

См. также советы о «батареях».

P. S.

Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

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

Вот такой веб 2.0.

Недавно всплыло

2 2 Начальник считает, что перед встречей нужно обязательно разработать несколько вариантов предложений 6 4