[#MetroLynch] .Phone Dialer

Метро-линчи входят в предновогодний сезон, четвертой жертвой стало приложение .phone dialer от Алексея Страха и Александра Сороколетова.

image

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

 

Навигация

Настройки, о программе и меню

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

image image image

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

Рекомендация: убрать из настроек все, что не относится к настройкам.

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

Дизайн

Выравнивали, выравнивали, да не выровняли

Я проверяю это очень просто: в угол скриншота ставится квадратик 24x24px и по его правой границе проводится линия. (Ну либо можно просто сетку с шагом в 12 или 24px сделать :)) Сразу видно, где правильно, а где надо поработать:

image image image

Исправление: сделать везде левый отступ в 24px.

 

Иконка приложения

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

image

Рекомендация:

  1. Убрать подпись “wp7”, так как очевидно, что это приложение для Windows Phone, раз оно находится в Windows Phone Marketplace.

  2. Перерисовать иконку, убрав лишние эффекты и полутона, например, вот так:
    image

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

Далее, с иконкой приложения уже в самом телефоне тоже есть некоторые интересные нюансы, которые лучше поправить.

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

image image image image

Во-вторых, круг. Круг — это не квадрат. Круглая иконка сильно выбивается на фоне всех остальных квадратных. Круглые иконки и иконки с круглыми краями делать не рекомендуется.

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

Рекомендация:

  1. Сменить иконку.
  2. Убрать круг.
  3. Разобраться с фоном.
    image image

 

Настройки

Кнопка для обновления индекса контактов содержит в себе данные о последнем обновлении индекса, причем в русском интерфейсе форматирование даты некорректное:

image

Исправление: для русского языка выводить дату в формате 22.12.2011г. 23:45 или любом другом близком. Главное: никаких AM/PM и даты только через точку.

Рекомендация: вынести из кнопки дату последнего обновления, добавив соответствующую подпись:

image image

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

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

image 

Исправление: даже если делать с тремя или двумя кнопками как сейчас, их нужно в общем порядке располагать одну под другой с нормальным отступом:

image

Это же верно и для раздела «О программе» (см. ниже).

 

О программе

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

image

В Windows Phone есть несколько видов кнопок. Среди них в данном контексте нам интересны два: обычные и командные.

image image

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

Исправление: заменить кнопки на обычные, либо для кнопок с пояснением использовать схему размещения текста для командных кнопок:

image image

 

Меню приложения

Фон меню приложения кажется слишком прозрачным, из-за чего текст становится трудно читать:

image

Исправление: повысить непрозрачность фона.

История звонков

После попытки позвонить на набранный номер он неожиданно повис в списке без видимых способов убрать:

image

Авторы подсказали, что это история (журнал) звонков.

Исправление: добавить явную подпись, что это история или журнал звонков, тогда будет понятно, что это и не будет навязчивого желания что-то удалять:

image

 

Функциональность

Рассказать

Один из пунктов меню приложения предлагает расскать друзьям пользователя о замечательном приложении .phone dialer:

image

Правда, делает он это всегда на английском.

Рекомендация: для русского интерфейса выдавать текст на русском.

 

Звонок на набранный номер

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

image image

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

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

Рекомендация: продумать более интуитивное поведение кнопки «звонить» в панели приложения. Например, если остался один номер, звонить именно на него.

Можно также пойти на компромисс, четко обозначив, что звонок всегда будет на первый номер в списке или, если список пустой, на то, что набрано в поле ввода:

image

 

===

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

p.s. Все мои оценки и рекомендации субъективны и не являются 100% верными решениями – все нужно тестировать и проверять на живых пользователях :)