Разбираем интерфейсные детали на примере одного мобильного клиента такси

  • Tutorial
Продолжаем серию постов о том, как хорошие вещи можно сделать еще лучше. Под «хорошими» подразумеваем те, где первой и единственной мыслью не будет: «Неправильно всё, нужно всё переделать».

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



Экран заставки




Экран заставки (сплеш-скрин) — очень важная вещь: с этого начинается знакомство с продуктом, и он же маскирует недостатки ваших программистов. Так как вы бы не видели заставок, если бы приложение загружалось мгновенно. Иногда это ограничение платформы, а иногда просто лень программистов разделить загрузку библиотек, подгружая их по необходимости, а не всей гурьбой в момент старта приложения.

Создатели логотипа U B E R знали, что делали. Слоган же набран кривовато: ни разрядки, ни правильных апострофов, ни здравого смысла. От того, что вы напишете «Microsoft. Your potential. Our passion» вместо «Microsoft®. Your potential. Our passion(TM)» или не поставите значок копирайта в статье, законы не перестанут действовать, ваши права продолжат соблюдаться (при условии, что вы действительно обладаете этими правами). Поэтому старайтесь не пересекать юристов с пользователями без лишней необходимости.

Для новичков, не читавших прошлые посты, продолжаю рекомендовать Butterick’s practical typography.

Главный экран




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


Адресное поле

Когда из известных карт были только карты гугла, иконка-пин означала «You are here» (вы здесь) или кнопку открытия карты. С выходом мобильных телефонов с G P S иконка определения текущей локации превратилась в стрелку компаса. Гуглоиконка же не обозначает здесь ни переход к текущему местоположению, ни открытие карты (карта и так внизу), а обозначает открытие текстового поискового поля, где можно ввести адрес с клавиатуры.

Субъективно, не стоит смешивать в одном интерфейсе обе иконки (компас и «гуглопин») и, возможно, стоит заменить «гуглоиконку» на значок лупы, что стандартно и обозначает поиск.

Нельзя не отметить зауженный механически шрифт для адреса. Сделано для того, чтобы вместить весь адрес, но с учетом набора прописными и отсутствия разрядки, превращено в трудночитаемую надпись типа МИНЗДРАВПРЕДУПРЕЖДАЕТ. Здесь на пользу пойдет строчный набор (и влезет больше, и читаться будет на порядок лучше, как, например, это сделано на предыдущем скриншоте Садовнической набережной).

Ну и индекс в адресе, конечно, не нужен. А вот что нужно, так это запоминание предыдущих адресов:

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

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

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


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

Открыли за пару секунд приложение. Вопрос: куда нужно нажать, чтобы вызвать машину?

Кнопка с машинкой? Нажав ее, вы откроете следующий экран.


Это окно с информацией о тарифе, сверстанное самым позорным образом — все видно на скриншоте. Дополнительно стоит отметить момент с показом цифр, о котором я говорил еще в прошлых статьях: ну не показывайте вы 340,00 и 16,00, если это 340 и 16 рублей соответственно. Обрезайте нолики: они не нужны и только мешают восприятию.

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

Плюс, здесь просто напрашивается кнопка запроса такси. Но ее нет, поэтому нужно возвращаться назад и думать, как заказать такси.

Как заказать такси


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

Раздел состоит из трех шагов:
  1. Ткни пальцем, чтобы выбрать, откуда ехать.
  2. «Откинься на спинку кресла и расслабься, пока водитель отвезет тебя в нужное место.
  3. Поставь рейтинг поездке.

Ничто не напоминает?
  1. Открой приложение.
  2. Тебя везут.
  3. P R O F I T !

А меж тем, то, что у нас спрятано в многоточии (и чего нет в «кратком руководстве») — самое важное (водитель же не телепат: сам не поймет, к кому и когда ему ехать). Пока, как видите, у нас не особо получилось заказать такси.

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

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

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


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


Окно заказа такси (наконец-то)


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

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

Из-за этого же нельзя построить маршрут типа дом → вокзал → дом (если вам нужно встретить близкого).

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

Не забывайте про мелочи



Пункт меню и не по центру, и не по нижнему краю иконки — ни рыба, ни мясо.

Предложения по продукту


Если кто-то из ответственных за продукт в «Убере» дочитает до этого места, пусть держит бонус в виде предложений:
  • показывайте активированные «промо» и их условия в приложении;
  • давайте возможность выбрать «промо», если их несколько активированных, для оплаты текущей поездки;
  • купите алкометр «Лапки» и тестируйте водителей перед началом смены. Панибрацкие рассказы с бравадой про то, как водитель выходит на смену после ночи отмечания дня рождения и ухода от полицейских — не комильфо;
  • вообще, побеседуйте с водителями, чтобы поменьше болтали лишнего: в первую же поездку узнал, сколько в среднем заказов в сутки на машину и кого обычно в это время забирают «под шафе» с одной станции метро из постоянных клиентов (был бы бандитом, подкараулил бы и ограбил);
  • обучите водителей примочкам «Мерседеса» + сбрасывайте настройки кресел, массажа и т. д. после каждой поездки: сесть в машину с вибрирующей выпирающей донельзя поясницей и водителем, не знающим, как это отключить, — не круто;
  • добавьте в машины usb-модем «Йоты», умеющий поднимать бесплатную Wi-Fi-сеть — мелочь, а приятно;
  • не стоит включать радио без спроса пассажира. Ехать под DFM, если любишь, например, «Радио джаз» неприятно (не все могут прямо попросить водителя сменить или выключить радио). Еще лучше запоминать любимую радиостанцию пассажира и включать ее перед приходом клиента;
  • не стесняйтесь позвонить клиенту, если даете 3-й круг вокруг дома, не зная, как подъехать (время подачи важнее, да и зимой в −10° стоять на улице, думая, что водитель уже на месте — неприятно). Но только один раз, после этого водитель должен иметь возможность оставить комментарий «на будущее» для себя и коллег с инструкциями, как проехать;
  • брать одновременно и за километраж, и за минуты — немножко свинство (в других городах «Убера» или в некоторых других такси Москвы за минуты берут только при скорости движения ниже определенного порога, или вообще никогда не берут за километраж).

U P D . от 19.01 20:09: Команда «Убера» связалась и любезно предложила разместить промокод на первые 2 поездки (скидка 700 р. на каждую) для новых пользователей, код H A B R A H A B R . Что, впрочем, не сильно отличается от кучи других, которые легко нагуглить (действуют только один раз и только для новых пользователей).
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама

Комментарии 36

    –6
    Индекс там затем, чтобы не писать город и штат.

    Иконка никогда не обозначала «вы тут». Она всегда означала «Место»

    Другие проблемы это косяки локализации — они практически в любом приложении есть.

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

    Крестик и Cancel — Два разных действия. Крести закрывает текущее модальное окно.

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

    Плохой обзор.
      +7
      > Индекс там затем, чтобы не писать город и штат.
      Собрались ехать на такси в другой город и штат? 99% нет, и будут ехать в пределе города, и сколько из них знает индекс места назначения. Для определения текущего местоположения \ города \ штата есть GPS.

      > Иконка никогда не обозначала «вы тут». Она всегда означала «Место»
      Только вот она служит роль булавки, и отображается на карте, а не в качестве иконки, при которой произойдёт поиск.

      > Другие проблемы это косяки локализации — они практически в любом приложении есть.
      Причём тут проблемы локализации, если в оригинальных местах косяки?

      > А зачем там добавлять еще один адрес? Он там нужен только, чтобы посчитать примерную стоимость поездки. Все остальное можно водители при встречи объяснить. Не знаю как сейчас, но раньше не надо было даже куда ехать указать и уже сказать когда он приедет.
      А зачем вообще тогда приложение? Если в нём постройка и указание маршрута всего лишь для галочки. Уже бы просто сделали кнопку «Вызвать сюда», или перечислили номера операторов. Ввод адресов удобный инструмент для планирование маршрута, и того самого расчёта стоимости поездки.

      > Крестик и Cancel — Два разных действия. Крести закрывает текущее модальное окно.
      В iOS модальные окна существуют только в виде окон подтверждения. И даже если кто-то решит слой назвать окном, кнопку закрыть он всё же должен сделать слева и текстом.

      > «Предложения по продукту» исключительно московские проблемы практически.
      Что-то заметил, что в Америке нынче принято делать штампованные дизайны. Только недавно просматривал сайт и работы крутой студии The Uprising Creative, ужас какие решения и извращения со шрифтами и какой говнокод. Взять например сделанный ими сайт — www.linkinpark.com/, где шрифты читаются только в ФФ и ИЕ в связи с тем, что для этого браузера грузятся стандартные, что к тому же и ломает вёрстку.

      Плохой комментарий.
        –2
        И так приложением похоже вы не пользовались…

        > Собрались ехать на такси в другой город и штат? 99% нет, и будут ехать в пределе города, и сколько из них знает индекс места назначения. Для определения текущего местоположения \ города \ штата есть GPS.

        Оно так и делается. Учитывайте, что сервис ориентирован на США. Я в большинстве ситуаций понятия не имею в какой конкретно городе в LA County я нахожусь. Процедура у меня всегда такая:

        Найти где я сейчас, перенести булавку куда где я буду ждать машину.

        > Только вот она служит роль булавки, и отображается на карте, а не в качестве иконки, при которой произойдёт поиск.

        И что? В полне логичный интерфейс.

        > Причём тут проблемы локализации, если в оригинальных местах косяки?

        Косяки которые тут предоставлены из-за локализации (руб вместо $ дает как раз то смещение)

        > А зачем вообще тогда приложение? Если в нём постройка и указание маршрута всего лишь для галочки. Уже бы просто сделали кнопку «Вызвать сюда», или перечислили номера операторов. Ввод адресов удобный инструмент для планирование маршрута, и того самого расчёта стоимости поездки.

        Это не указание маршрута, это для приблизительного расчета стоимости. Сколько раз я с друзьями убером пользовался не было проблем сделать дополнительные пару остановок. А расчет стоимости там аля 42-70$ не особо помогает.

        > В iOS модальные окна существуют только в виде окон подтверждения. И даже если кто-то решит слой назвать окном, кнопку закрыть он всё же должен сделать слева и текстом.

        Да ну? Предупреждения вообще-то не модальные, а Dialog Window. Что значит в iOS нет модальных окн? Похоже не понимание термина…

        > Что-то заметил, что в Америке нынче принято делать штампованные дизайны. Только недавно просматривал сайт и работы крутой студии The Uprising Creative, ужас какие решения и извращения со шрифтами и какой говнокод. Взять например сделанный ими сайт — www.linkinpark.com/, где шрифты читаются только в ФФ и ИЕ в связи с тем, что для этого браузера грузятся стандартные, что к тому же и ломает вёрстку.

        Причем тут это? Какой плохой способ признать отсуствие аргументов.
          +3
          > Индекс там затем, чтобы не писать город и штат.
          > Я в большинстве ситуаций понятия не имею в какой конкретно городе в LA County я нахожусь.

          > И что? В полне логичный интерфейс.
          Потому что вполне логичный инструмент для поиска лупа, а не иконке метки на карте.

          > Косяки которые тут предоставлены из-за локализации (руб вместо $ дает как раз то смещение)
          Это один косяк, во всех других места, представленные авторами, не переведены.

          > Да ну? Предупреждения вообще-то не модальные, а Dialog Window. Что значит в iOS нет модальных окн? Похоже не понимание термина…
          Вообще то оно называется Alert Views, и больше никаких других окон не описывается в гайдах ios.
          > Похоже не понимание термина…

          Перестаньте тролить, мб у вас жизнь наладиться после этого.
            –1
            Не знаю как вам, а мне быстрее написать 90028, чем Hollywood, CA.

            > Потому что вполне логичный инструмент для поиска лупа, а не иконке метки на карте.

            А это не поиск. Поиск вызываеть нажание на всю площадь тулбара за исключением стрелки компаса (которая делает весьма очевидное действите.

            > Это один косяк, во всех других места, представленные авторами, не переведены.

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

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

            Я тролю? Автор (а так же вы) не понимает разницу между «Cancel» (вернуться на исходную) и «X» (закрыть модальное окно.) Cancel находится слева, чтобы меньше призыва к действию было. «Х» слева потому, что удобно.

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

            «нолики» опять же косяк локализации, вернее полное отсуствие оной.

            Иконка машины снизу, опять же косяк локализации. В US версии там ползунок для выбора типа машины (uberX, black car, SUV)

            Повторюсь: из реальных косяков тут только невыравненая иконка и «заглушка» времени ожидания (которую я не видел со дня как uber пришел в LA)

            > Чтобы ее проставить, нужно перетащить булавку в нужное место карты (дрег-энд-дропом),
            Говорю не пользовались приложением. Pin всегда по-центру находится, двигается карта, сделано это по-понятной причине.
              +3
              > Не знаю как вам, а мне быстрее написать 90028, чем Hollywood, CA.
              Зачем? GPS есть. Кроме Hollywood, CA. сколько ещё индексов знаете?

              > Я тролю? Автор (а так же вы) не понимает разницу между «Cancel» (вернуться на исходную) и «X» (закрыть модальное окно.) Cancel находится слева, чтобы меньше призыва к действию было. «Х» слева потому, что удобно.
              Вы понимаете, что в iOS нет окон вообще? И что юзер гайд гласит ставить возврат на предыдущий экран \ закрытие окна если вам так угодно, слева текстом. Кнопка справа выполняет действие на странице (Edit \ Done), и не закрывает текущий view.

              > Иконка машины снизу, опять же косяк локализации. В US версии там ползунок для выбора типа машины (uberX, black car, SUV)
              Косяк не в этом, косяк в том, что там вообще ничего быть не должно. А только после нажатия вызвать должен быть выбор. Здесь же функция висит мёртвым комом, и её действие обрывается после выбора машины, дальше по «визарду» не пройти.

              > Чтобы ее проставить, нужно перетащить булавку в нужное место карты (дрег-энд-дропом),
              Окей, во всех картах установка иголки осуществляется удерживанием пальца на карте, так что и здесь разработчики изобрели велосипед.
                0
                > Зачем? GPS есть. Кроме Hollywood, CA. сколько ещё индексов знаете?

                Затем, чтоя не всегда себе заказываю? Еще знаю 93101 и 90232, как раз места в которые я заказываю. Никто не мешает использовать GPS, в чем проблема?

                > Косяк не в этом, косяк в том, что там вообще ничего быть не должно. А только после нажатия вызвать должен быть выбор. Здесь же функция висит мёртвым комом, и её действие обрывается после выбора машины, дальше по «визарду» не пройти.

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

                > Вы понимаете, что в iOS нет окон вообще? И что юзер гайд гласит ставить возврат на предыдущий экран \ закрытие окна если вам так угодно, слева текстом. Кнопка справа выполняет действие на странице (Edit \ Done), и не закрывает текущий view.

                Семашнтика-шмантика. Заменили окно на View и все встало на свои места. юзер гайд? или такие human interface guidelines? Те самые которые никто не используюет даже в самой Apple.

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

                И теперь СЮРПРИЗ, когда перетаскиваешь иголку то не видно, что под пальцем. Но куда им до вас, вам лучше знать. Лично у меня очень радно получается попасть иголкой куда надо в встроеном приложении.

                Открываем проигрыватель, выбираем трек, тыкам на иконку в правом углу (которая не понятно, что обозначает, но докадывается, что это список треков в альбоме), что мы получаем? ModalView, где у нас кнопка «Done»? Справа. Опускаем то, что проигрыватель в айфоне вообще самое не логичное на свете приложение.

                Открываем почту. Тыкаем «Edit». Где у нас кнопка «Cancel»? Справа.

                Открываем заметки. Тыкаем "+" Где у нас кнопка «Done»? Справа. Кстати почему в других частях iOS там где "< Notes" красуется «Cancel», а тут "< Notes"?

                Открываем сообщения. Создаем новое. Где у нас кнопка «Cancel»?

                Мне продолжать?
                  0
                  Открываем почту. Тыкаем «Edit». Где у нас кнопка «Cancel»? Справа.

                  Открываем заметки. Тыкаем "+" Где у нас кнопка «Done»? Справа. Кстати почему в других частях iOS там где "< Notes" красуется «Cancel», а тут "< Notes"?

                  Открываем сообщения. Создаем новое. Где у нас кнопка «Cancel»?

                  Здесь немного другое: кнопка отмены появляется на месте той же кнопки на случай, если вы нажали на нее случайно (тогда не нужно искать кнопку отмены, а просто ткнуть в это же место). Это как переключатель вкл. / выкл.

                  В заметках кнопка Done сделана для совместимости с пользователями, не привыкшими к тому, что для сохранения не нужно ничего делать (по сути и Done, и «←Notes» делают одно и то же).

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

                  И теперь СЮРПРИЗ, когда перетаскиваешь иголку то не видно, что под пальцем.

                  Человек писал о другом: не перетаскивать иголку, а просто ткнуть пальцем в нужное здание (что у «Убера» не поддерживается).
                    +1
                    > Семашнтика-шмантика. Заменили окно на View и все встало на свои места. юзер гайд?
                    > Похоже не понимание термина…
                    В iOS нет модальных окон, и даже близко нет того, что может их напоминать, кроме Alert View. Вы же страницы в браузеры отдельные модальными окнами не называете?

                    > Те самые которые никто не используюет даже в самой Apple.
                    И по этому у них все приложения построены с одинаковым user experience, да.

                    > И теперь СЮРПРИЗ, когда перетаскиваешь иголку то не видно, что под пальцем. Но куда им до вас, вам лучше знать. Лично у меня очень радно получается попасть иголкой куда надо в встроеном приложении.
                    Перетаскиваешь в убере? ) Во всех нормальных картах таскать ничего не нужно, поставил пальце на карту — поставилась иконка \ булавка \ метка.

                    > (которая не понятно, что обозначает, но докадывается, что это список треков в альбоме)
                    Иконка списка, всегда означает список, ваш кэп. Смотрю у вас личные проблемы с распознаванием иконок, view, типов и тп.

                    > где у нас кнопка «Done»? Справа.
                    Тут уж соглашусь, Рейтинг по гайдлайнам должен быть справа, так как это действие по страницей. Но как написал комментатор выше, чтобы пользователь, случайно ткнувший в том же месте и закрыл.

                    > Открываем сообщения. Создаем новое. Где у нас кнопка «Cancel»?
                    Где нужно, слева:
                    www.dropbox.com/s/8krakwml1cwep1x/2014-01-18%2021.43.37.png

                    > Кстати почему в других частях iOS там где "< Notes" красуется «Cancel», а тут "< Notes"?
                    Потому что закрытие, как раз приходится на левую кнопку < Notes — возвращение на предыдущий view. А сохранение \ редактирование \ done всегда справа.
                      –1
                      > В iOS нет модальных окон, и даже близко нет того, что может их напоминать, кроме Alert View. Вы же страницы в браузеры отдельные модальными окнами не называете?

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

                      > И по этому у них все приложения построены с одинаковым user experience, да.

                      Ага, все. Все приложения ведут себя по разному и все нарушают HIG.

                      > Перетаскиваешь в убере? ) Во всех нормальных картах таскать ничего не нужно, поставил пальце на карту — поставилась иконка \ булавка \ метка.

                      Открыл Maps.app. Тыкнул пальцем. Булавка не появилась ЧЯДНТ?

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

                      Открываем Safari, тыкаем на иконку которая показывает открытые страницы. Где кнопка?
                      Отыкрываем календарь, тыкаль на «calendars». Где кнопка?

                      > Потому что закрытие, как раз приходится на левую кнопку < Notes — возвращение на предыдущий view. А сохранение \ редактирование \ done всегда справа.

                      Поэтому у Apple это во всех приложениях поразному?

                      > Где нужно, слева:
                      Сообщения -> Messages -> SMS. Причем тут Mail.app?
                        0
                        > Ага, все. Все приложения ведут себя по разному и все нарушают HIG.
                        Не используйте iOS, it's ease.

                        > Открыл Maps.app. Тыкнул пальцем. Булавка не появилась ЧЯДНТ?
                        Apple Maps. Ткнуть и подержать 1-2 секунды.
                        Goggle Maps. Ткнуть и подержать 1-2 секунды.
                        Yandex Maps. Ткнуть и подержать 1 секунду, откроется меню.
                          0
                          Меня iOS очень даже устраивает. Я только привел маленький пример где сама Apple нарушает свои же гайдлайны. Я молчу про то, что они нарушает просто адеватные правила тач интерфейса своими миниатюрными надписями-кнопками (которые никак не сигнализируют о том, что они кнопки)

                          Кстати о модальных: developer.apple.com/library/ios/featuredarticles/ViewControllerPGforiPhoneOS/ModalViewControllers/ModalViewControllers.html Совсем нет. Apple дурит нас разработчиков.
                        0
                        Насчёт модальных окон, я вас расстрою. Кроме упомянутого AlertView есть ещё возможность показать ViewController модально. При этом он выплывает снизу экрана и на айпаде вполне может выглядеть как «окно» меньшего размера, чем приложение. Причём, вплоть до 6й оси это работало через функцию presentModalViewController. Да и сейчас Слово modal осталось

                        Другой вопрос, что таки да, слева кнопка назад/отмена для возврата на предыдущий экран. Справа может быть кнопка Done, которая тоже может закрыть модальное окно, и кнопки которые работают в контексте страницы.

                        Не знаю, что значит крестик, но если он закрывает вьюшку, то надо написать Отмена и перенести влево, если очищает форму, оставить справа, и опят же текстом написать Очистить.
            +2
            Отличный обзор! Более чем согласен с автором!
              0
              Я понимаю, в США может возникнуть подобная ситуация. В Лондоне очень широко используются посткоды.
              Но, какая мне разница? Я в Москве, и мне плевать на индекс.

              Это проблема локализации. Кажется кто-то поторопился с выходом в Москву…

              +1
              плохие мальчики! а-та-та!
                +1
                P R O F I T !
                Отбито как надо.
                  0
                  Мне кажется, что статья состоит из двух частей: недовольство интерфейсом приложения и недовольство водителями.

                  Я пользуюсь Убером довольно много в районе Сан-Франциско. Интерфейс, понятно, везде более или менее одинаковый. Несколько замечаний:
                  1. Адрес мне ни разу не приходилось вводить, местоположение определяется довольно точно
                  2. Я не замечал «заглушек» и выезда за рамки. Возможно, это зависит от модели телефона
                  3. Я не знал, что можно указывать адрес назначения: всегда говорил это водителю лично
                  4. Несколько раз замечал не очень последовательную оргранизацию приложения (кнопки «Отмена» и т. п.)

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

                  Мне кажется, что статью следует подавать как две: «сложности портирования приложения на разнообразные устройства» и «сложности глобализации бизнес модели».
                    0
                    Круто, а можно в качестве офтопа поинтересоваться ценами? Скажем, 30-40 минут поездки по Сан-Франциско во сколько обойдутся?
                • НЛО прилетело и опубликовало эту надпись здесь
                    +1
                    Звучит как «Сначала добейся».
                    +1

                    Придираться к пикселям и делать отвратительную тень, выгибающее плоскую картинку это ок.
                      +3
                      Есть два типа GUI дизайнеров: рисовальщики и инженеры.

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

                      Первые двигают на полпикселя и пищат от восторга когда видят съехавший отступ в чужой работе.
                        0
                        Только в случае этого приложения вместо этих двух человек, кажется был какой-то не самый лучший оутсорс.
                          0
                          К справедливости сказать, автор в статье охватил проблемы данной программы с обеих точек зрения, но перекос все равно в «изобразительную» сторону. Нормальный человек, если программа безупречна по юзабилити, никогда не обратит внимание на несоответствие отступов или огрехи типографики.
                        0
                        Ох, как я был бы рад если бы все приложения в апп сторе были бы такие же «плохие» как uber.
                          0
                          Этот обзор значительно лучше, чем Ваши предыдущие обзоры банковских клиентов. Но я бы все-таки разделил проблемы на проблемы взаимодействия (не понятно, что делать, нет нужной функции, лишяя функция, сложная последовательность действий) и проблемы отображения информации. Когда они в каше воспринимать статью очень сложно.
                            0
                            Со вчерашнего дня у меня какая-то фигня с приглашёнными. Вчера ездила коллега, ввела мой промо-код и peganov. Ей вывалилось, что на счету 600 рублей и по 500 рублей скидки на первые 2 поездки. 600 рублей благополучно светились в разделе Payments. Но когда она поехала, и скидка не сработала, и кредит исчез в принципе. И ей всю сумму с карты списали. А я ей так предлагала и так нахваливала, что мол первую-то поездку она точно бесплатно съездит.
                            Вторая коллега поехала сегодня, на этот раз с моим промо-кодом и habrahabr. Всё то же самое: они успешно сработали, появились на сайте, но на деле при поездке не зачлось ни рубля — всё списали с карты! При этом обе поездки в моём акке числятся как completed, но денег за них мне не добавилось.
                            Хотя раньше всё было отлично, все коды срабатывали и мне на счёт 600 р. капало.
                              0
                              Думаю, если вы обратитесь в поддержку «Убера», вам помогут больше :-).
                                0
                                я уже им уже в группу и в твиттер писала — молчат. Приглашённые на мыло им писали, тоже пока без ответа.
                                  0
                                  Обычно пара дней задержки даже на отзыв о поездке: подозреваю, что один комьюнити-менеджер пока и есть вся поддержка (Anastasia Naassan). Я в ответе на свой тикет дал ссылку на ваш комментарий — возможно, обратят внимание.
                                    0
                                    Спасибо!
                                      0
                                      Вот, что ответили в поддержке для вашего случая:
                                      Спасибо, что отлеживаете комментарии. К сожалению у нас нет аккаунта на Хабре, но того, что Вы дали ссылку на службу поддержки, должно быть достаточно. Мы разбираем каждый случай, возвращаем при необходимости деньги и из этого делаем выводы о системе — исправляем баги.

                                      С Уважением,

                                      Moscow Users Support
                                      Anastasia Naassan
                                      @Uber_Moscow
                                0
                                Сегодня столкнулся с тем же самым. Отписал в поддержку через форму в детализации счета. Посмотрим что ответят.
                                0
                                Это просто ад перфекциониста, а не приложение.

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

                                Самое читаемое