ArticleslgStudy

science

Pull-to-refresh

Pull-to-refresh is a science topic covered in the lgStudy science library. This page brings together a partial reference excerpt, illustrations, worked examples, real-world applications and a short study plan, so you can understand Pull-to-refresh rather than just read about it. In short: Pull-to-refresh is a touchscreen gesture developed by Loren Brichter. It consists of touching the screen of a computing device with a finger or pressing a button on a pointing device, dragging the screen downward with the finger or pointing device, and then releasing it, as a signal to the application to refresh the contents of the screen.

Pull-to-refresh — main illustration
Pull-to-refresh — illustration

Key takeaways

  • Pull-to-refresh belongs to science; place it in that map before memorising details.
  • Learn the definition first, then one example that makes the definition concrete.
  • Connect Pull-to-refresh to a quantity you can measure, compute or draw — that is where exam questions come from.
  • Reproduce the core statement of Pull-to-refresh from memory before moving on to harder problems.

Reference excerpt

Pull-to-refresh is a touchscreen gesture developed by Loren Brichter. It consists of touching the screen of a computing device with a finger or pressing a button on a pointing device, dragging the screen downward with the finger or pointing device, and then releasing it, as a signal to the application to refresh the contents of the screen. Other names for the gesture include "pull-down-to-refresh", "pull-to-reload", "swipe to refresh", "scroll to refresh", and variations thereof. The purpose of the gesture is to make refreshing immediately accessible. Criticism has been raised at pull-to-refresh for causing unwanted refreshes when the user is in the process of scrolling upwards, and for resembling a lever on gambling machines and thus supporting social media addiction.

History The pull-to-refresh gesture first appeared in the Tweetie mobile application developed by Loren Brichter. Brichter developed Tweetie, an iOS application for Twitter, as a personal project in 2008 after he quit his job at Apple Inc. in 2007. While Brichter was initially developing Tweetie, he wanted to add a refresh function to the application. Regarding other mobile applications of that time, he said "They all had to find a spot and just cram a refresh button somewhere. Usually in one of the corners in a toolbar bordering a scrollable list. That was the most valuable real estate for navigation and action UI, so using it up for something as mundane as a refresh button just seemed wasteful." Brichter thus decided to create a different method of refreshing such that the valuable corner space could be utilized for something else. Although he initially planned to create a refresh mechanism that follows Apple's platform conventions, Brichter's work with pull-to-refresh resulted in a novel interaction new to Apple's platform at the time. The gesture was added as an option to the mobile edition of Google Chrome, the most used mobile web browser at that time, in version 41, 2015, and is mandatory since version 75, 2019. Mozilla first added it to the "nightly" edition of their mobile Firefox web browser in 2020, and the year after they added it to the main version lineup, also known as "stable".

Creation In the initial design of Tweetie's refresh mechanism, Brichter placed a refresh button at the top of the Tweet list because users typically expected new tweets to appear at the top of the page. This design rolled out in Tweetie Version 1.0. Although it provided users with the ability to refresh their Twitter feed, the button utilized valuable screen real estate that Brichter wanted to use for other features. Brichter said "Tweetie 1.0 (with the refresh button at the top of the list) was so close to pull-to-refresh in hindsight, and it wasn't much of a leap to go from a button to a gesture." Brichter experimented with two primary iterations of pull-to-refresh before releasing the final version. In the first iteration, users triggered the refresh when they scrolled across an invisible threshold on the screen. However, in this iteration there was no visual feedback that signaled to users that a refresh was occurring. Brichter believed it necessary to provide users with visual feedback, so the second and final iteration of pull to refresh added visual feedback when refreshing so users could better understand the gesture. This final iteration also included text alerting users that if the top of the page is pulled beyond a threshold and subsequently released, a refresh would occur. Brichter included this description text because he felt that since the gesture presented a new interaction technique that most users likely have not seen before, the purpose of the gesture had to be explicitly stated for users to understand its functionality. These two iterations of pull to refresh were created in a single afternoon with no user testing. Brichter states that he manually tested the iterations and the invisible threshold of the gesture until it felt "right"—that the threshold cannot be too small causing people to accidentally trigger the gesture, but it also cannot be too big causing it to be difficult for users to activate. Following its initial release in Tweetie 2.0, further evolutions of the pull-to-refresh design were made by the design community as interaction designers applied different stylistic takes to the technique. Brichter currently does not have any plans to continue work on pull-to-refresh.

Mechanism Steps involved in the original version of pull-to-refresh as released in Tweetie 2.0:

User pulls down on the screen and visual feedback appears at the top of the list showing a down arrow and text displaying the message "Pull down to Refresh". If the user releases before reaching the refresh threshold, the refresh aborts and visual feedback disappears. If the user pulls down enough to reach the refresh threshold, new visual feedback appears at the top of the screen showing an up arrow and text displaying the message "Release to Refresh". Once the user releases, the refresh will occur.

… excerpt ends here. Continue reading the full article.

Worked examples

Example 1 — a first encounter with Pull-to-refresh

Start with the simplest possible case. Write down what Pull-to-refresh claims or describes in one sentence, then invent the smallest concrete situation in which that sentence is true. In science, the smallest case is usually a single object, a single equation or a single measurement. Check that every symbol or term in your sentence has a meaning in that case.

Example 2 — changing one variable

Take the situation from Example 1 and change exactly one quantity: double it, halve it, or set it to zero. Predict what should happen to Pull-to-refresh before you calculate. Comparing your prediction with the result is the fastest way to find out whether you understand the idea or only the words.

Example 3 — an exam-style question

Typical questions about Pull-to-refresh ask you to (a) state it precisely, (b) apply it to given data, and (c) explain a limitation. Practise writing all three answers in under five minutes; the third part is what separates a full-mark answer from an average one.

Applications of Pull-to-refresh

In research
Pull-to-refresh appears in science research whenever the underlying quantities have to be modelled precisely. Papers usually cite it as a starting assumption and then explore where it breaks down.
In technology and industry
Engineering practice reuses Pull-to-refresh in design rules, simulations and safety margins. Knowing the idea lets you read a specification sheet and understand why the numbers look the way they do.
In the classroom
Pull-to-refresh is common in secondary-school and first-year university syllabi. It links to neighbouring topics User interface techniques, so understanding it makes those chapters shorter.
In everyday life
Look for Pull-to-refresh outside the textbook — in sport, cooking, traffic, electronics or the sky above you. An example you found yourself is remembered far longer than one you were given.

Affiliate

Preply — study more efficiently by working with a personal tutor. 50% off.

How to study Pull-to-refresh in 20 minutes

  1. Read the reference excerpt below once, without taking notes.
  2. Close the page and write down what Pull-to-refresh means in your own words.
  3. Compare your version with the excerpt and mark what you missed.
  4. Work through the three examples above with pen and paper.
  5. Explain Pull-to-refresh out loud to somebody else — or to Teacher Smith in the lgStudy chat.

Frequently asked questions

What is Pull-to-refresh in simple terms?

Pull-to-refresh is a touchscreen gesture developed by Loren Brichter. It consists of touching the screen of a computing device with a finger or pressing a button on a pointing device, dragging the screen downward with the finger or pointing device, and then releasing it, as a signal to the applicat…

Why does Pull-to-refresh matter?

Because it connects several science ideas at once: it gives you a definition you can apply, a quantity you can calculate, and a way to check whether a result is plausible.

How should I study Pull-to-refresh?

Read the excerpt, restate it from memory, then work through the examples and applications listed on this page. The five-step study plan above takes about twenty minutes.

What does this page cover?

It gives you a compact reference excerpt plus original lgStudy explanations, examples, applications and study material on Pull-to-refresh.

Tags

  • User interface techniques

Keep exploring