Web user Experience Design: Fun drop-Pull Refresh

Article Description: Drop-down Refresh This part of the details of the design, can convey the value of products, promote the brand concept of an opportunity to carefully do some special design, you can let everyone remember you. Therefore, we can in the future product design, grasp the general direction of the product at the same time, take into account some of this small detail design, our brand elements and product value of things can become a product of some

May 22, Twitter officially won the drop-off technology patent, the patent was filed a year ago, although the company has repeatedly stated that the patent is only used to protect itself, will not be used to initiate lawsuits, but this is still a threat to the industry.

Drop-down Refresh This operation was first invented by Tweetie founder Loren Brichette (Loren Brichter) and is now widely used in a variety of applications, including Sparrow, Facebook, Sina Weibo and even iOS native systems. There is a theory that the Drop-down refresh is a suitable for the new to the old time sequence feeds application, in this scenario, when the old content, users will naturally pull down to find the updated content, so the Drop-down refresh appears very reasonable.

With the continuous evolution of this way, the Drop-down refresh has jumped out of the basic function, become a performance of the brand, performance design sense of the elements, this article mainly introduces a few interesting drop-down refresh. Found during the collection process, some applications are skillfully integrated into the application of the Drop-down refresh; there are many applications of the Drop-down refresh is infiltrated the brand elements, including logo color, icon shape, and so on, in addition to some more special, is the combination of the entire application of the style to do some innovation. Therefore, this article divides the interesting drop-down refresh into three classes to introduce.

Category one: Related to the type of application

We can guess what this application is to do, this is a call Cheeze application, Drop-down, the interface will appear a small mouse, and then pull down the mouse will take out a camera, let go and click to take a picture.

According to the mouse movements, I think it's easy to think of this as a photo sharing app. This drop-down refresh design, on the one hand conveyed the core value of the application, on the other hand, the brand has a more profound impression, very interesting.

Category II: Related to brand elements

When you see a blue bird, people will naturally think of Twitter; see a penguin wearing a red scarf, we will naturally think of QQ, see the yellow middle with Z Star, we will also think of QQ space, this is the power of the brand, in the Drop-down refresh this design point, There are many applications in adhering to do their own brand promotion.

The image below is Flickr's drop-down refresh, the dropdown, the first Flickr watermark, drop loading, the Rose red and blue circle began to rotate, I believe Flickr users of the two rotating small circle again familiar with.

Then there are two examples of Google, they are all around the Google brand color yellow red green blue to make a fuss, of course, do not know whether it is because of the different departments of the design and development of the reason, Google + and Gmail Drop-down refresh in a slightly different form, personally feel that Google + Four of ribbons are relatively slightly exaggerated, like the Gmail inside the same continuous flip circle.

Buzzing is the wasp of the use of the travel-sharing application, in the next pull will appear a small flapping wings, the first time to come in with a wasp buzzing sound, lively and interesting.

Want to go is a major market for the designer of the electric buyers of the site, the design has been relatively chic, very attractive to the designer, the picture here is not a drop-down refresh but load more, and brand-related degree of higher, feel very interesting so also posted in. Loading process will have a fish to jump out, want to go to the logo will be like a shark swimming chasing small fish, especially cute.

The third category: Maverick, I have my posture

In the mobile phone side, a variety of emerging small applications to meet the various types of vertical needs, in the design of everyone is also trying to do some innovation, I hope that they can stand out in a variety of applications, the Drop-down refresh will naturally become a display of their own personality place.

Tumblr has always been an innovative application, from the upward slide write operation button can quickly out of the picture, slide right fast into the writing said interface, multiple graphics support free drag editing and other small details of the meticulous design can be seen, all kinds of attempts to make the eyes bright. In the Drop-down refresh this piece, Tumblr adopted the way of iOS comparison system, innovation point in loading, there are three small square breathing state movement, the three movement of small squares throughout the Tumblr the entire application of the refresh operation, more interesting.

Twittelator is a third-party application of Twitter, the entire application of the concept of paper to implement very well, the write operation is an animation floated out of a piece of paper, Drop-down Refresh here also used to expand the effect of origami.

Timehop is a can integrate their own platform old photos of the application, can easily share your good times with friends, did not study why their Drop-down refresh will appear a playful, waving to everyone of the dinosaurs, but the first time to see when they feel particularly cute and interesting.

NetEase Application Center of the Drop-down Refresh with a box on the page from left to right scroll, according to the speed of different speeds, there will be differences in the rate of the box scrolling, very special, if the network does not give force or refresh the success of the reminder, there will be a box from the right side of the screen down to give a reminder. Although it is not a technical problem, the box will have a bit of jagged during scrolling, but this is generally a special refresh attempt.

In general, the Drop-down refresh this part of the details of the design, can convey the value of the product, promote the brand concept of an opportunity to carefully do some special point of design, you can let everyone remember you. Therefore, we can in the future product design, grasp the general direction of the product at the same time, take into account some of this small detail design, our brand elements and product value of things can become a product of some small bright spots, so that our application in the exquisite road, the better to go