Потяните для обновления - Pull-to-refresh

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

Жест "потянуть для обновления" впервые появился в Твити мобильное приложение, разработанное Лорен Брихтер. Брихтер разработал Твити, iOS заявка Twitter, как личный проект в 2008 году после того, как он уволился с работы в Apple Inc. в 2007.

Мотивация

В то время как Brichter изначально разрабатывал Твити, он хотел добавить в приложение функцию обновления. Что касается других мобильных приложений того времени, он сказал: «Всем им нужно было найти место и просто втиснуть куда-нибудь кнопку обновления. Обычно в одном из углов панели инструментов, граничащей с прокручиваемым списком. Это было самое ценное место для навигации и пользовательского интерфейса действий, поэтому использовать его для чего-то столь обыденного, как кнопка обновления, казалось расточительным ».[1] Поэтому Брихтер решил создать другой метод освежения, чтобы ценное угловое пространство можно было использовать для чего-то еще. Хотя изначально он планировал создать механизм обновления, следующий за яблоко Если говорить о соглашениях о платформе, то работа Брихтера с функцией pull-to-refresh привела к новому взаимодействию, новому для платформы Apple в то время.[2]

Творчество

В первоначальном дизайне Твити Используя механизм обновления, Брихтер поместил кнопку обновления вверху списка твитов, потому что пользователи обычно ожидали появления новых твитов вверху страницы. Этот дизайн появился в Tweetie версии 1.0. Хотя она давала пользователям возможность обновлять ленту Twitter, кнопка использовала ценное пространство экрана, которое Брихтер хотел использовать для других функций. Брихтер сказал, что «Tweetie 1.0 (с кнопкой обновления в верхней части списка) был так близок к обновлению от вытягивания, если задним числом, и переход от кнопки к жесту был несложным».[1]

Итерации

Перед выпуском окончательной версии Брихтер экспериментировал с двумя основными итерациями обновления по запросу. В первой итерации пользователи запускали обновление при прокрутке невидимого порога на экране. Однако в этой итерации не было визуальной обратной связи, которая сигнализировала бы пользователям, что происходит обновление. Брихтер считал необходимым предоставить пользователям визуальную обратную связь, поэтому вторая и последняя итерация вытягивания для обновления добавляла визуальную обратную связь при обновлении, чтобы пользователи могли лучше понять жест. Эта последняя итерация также включала текст, предупреждающий пользователей о том, что если верхняя часть страницы выйдет за пределы порогового значения и впоследствии отпущена, произойдет обновление. Брихтер включил этот текст описания, потому что он чувствовал, что, поскольку жест представляет собой новую технику взаимодействия, которую большинство пользователей, вероятно, не видели раньше, цель жеста должна быть четко указана, чтобы пользователи могли понять его функциональность. Эти две итерации запроса на обновление были созданы за один день без пользовательского тестирования. Брихтер заявляет, что он вручную тестировал итерации и невидимый порог жеста, пока он не почувствовал себя «правильным» - что порог не может быть слишком маленьким, чтобы люди случайно запускали жест, но он также не может быть слишком большим, что затрудняет его выполнение пользователей для активации.[1][2]

После его первоначального выпуска в Tweetie 2.0, дальнейшее развитие дизайна «потяни для обновления» было выполнено сообществом дизайнеров, поскольку дизайнеры взаимодействия применяли различные стилистические подходы к технике. В настоящее время Brichter не планирует продолжать работу над обновлением по запросу.[1]

Механизм

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

Хвалит

После первоначального выпуска функция pull-to-refresh получила положительные отзывы от Твити пользователей.[1] Пользователи похвалили механизм за удобство и интуитивно понятный характер. Помимо обычных пользователей, обновление по запросу также было хорошо воспринято сообществом дизайнеров взаимодействия в целом. Дизайнер Тим Ван Дамм как сообщается, после выпуска функции pull-to-refresh написал Brichter по электронной почте: «Благодаря вам я просто попытался обновить свой почтовый ящик, потянув список вниз и отпустив его. Ненавижу, когда ты делаешь лучше, чем Apple ».[1] Другие дизайнеры взаимодействия выразили аналогичные положительные отзывы о технике.

Критика

Статья опубликована Co.Design в конце 2013 года под заголовком «Почему жест« тянуть для обновления »должен умереть», написанный Остином Гарром, он раскритиковал этот жест, заявив, что с учетом того, что смартфоны стали достаточно быстрыми и мощными для автоматического обновления, метод «тянуть для обновления» теперь устарел - шаг по сути ненужный.[3] Однако, поскольку жест стал настолько универсальным, что пользователи неявно ожидают, что он станет частью работы мобильного приложения, разработчикам трудно выйти за его рамки. В статье сообщается, что даже Брихтер согласен и считает, что настало время для развития этого жеста. В статье цитируется Брихтер, в котором говорится: «Меня беспокоит тот факт, что люди до сих пор называют это« потяните для обновления »- использование его только для обновления ограничивает и делает его устаревшим ... Мне нравится идея« потянуть и сделать » -действие'." В заключение в статье говорится, что вместо того, чтобы использоваться исключительно для обновления, взаимодействия с вертикальным смахиванием теперь должны развиваться для выполнения других действий, что породило новый стиль взаимодействия с приложениями.

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

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

  1. ^ а б c d е ж Брихтер, Лорен (21 апреля 2016 г.). "Интервью по электронной почте с Лорен Брихтер" (Интервью). Беседовали Саманта Ли, Сиджи Чжан и Дженна Чу.
  2. ^ а б Брихтерр, Лорен. «Методы взаимодействия. Университет Карнеги-Меллона, Питтсбург. 24 февраля 2016 г. Интернет. 24 февраля 2016 г.».
  3. ^ Карр, Остин. "Почему должен умереть жест" потянуть, чтобы обновить ". Co.Design. Получено 28 апреля 2016.
  4. ^ Арнотт, Ник. "ПОЧЕМУ PULL-TO-REFRESH НЕ ТАКОЙ ПЛОХОЙ ПАРЕНЬ". Забытый потенциал. Получено 28 апреля 2016.