App Design classic: Pinterest Interactive details

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest stationmaster buy cloud host technology Hall

Lead: Pinterest has a great interaction design detail, at the same time, it constructs the communication platform to have the very rich design work. You know, the perfect design can attract new users to better experience the product.

Pinterest is one of the apps I use a lot, and the Pinterest is almost the best while I focus on several UI and UX design platforms. No matter how Pinterest I am, there are still hundreds of users who are inspiring, exchanging and collaborating and creating. Although not to the user's work to bring direct economic benefits, but Pinterest built communication platform has also brought a lot of use.

In addition, Pinterest rich design works, for many people is very practical. There are so many unusual web designs and iOS designs that make people more aware of their needs. In this article I will introduce more details of Pinterest's excellent interactive design.

1. Splash screen

I love to experience the startup screen of different apps, and it's a test for the designer to know that the activation experience that you bring to the user during startup is very subtle. This has been improving, and the perfect design attracts new users to better experience the product. I'm very glad that Pinterest is doing well both on the website and in the app.

Pinterest's focus is not on functionality, but on the needs of users. Here, they don't talk about pictures, sharing, social media, etc., simply stating how people should use it and how to use it for a better life. Constantly moving mirror images also show their interesting and pictorial features.

2. Search Filter

In essence, I have a bias against this design that does not hesitate to disengage from the iOS model, but I still agree with its practicality. Pinterest's search filtering has good experience feedback and makes them unique from the same iOS search design.

3. Browse

After experimenting with a variety of apps, you may start noticing subtle design details as I do. Sophisticated switching, entry, and use of some Dodge elements to create a wonderful flow experience. There are not too many sudden transitions, and some are just static state transitions.

4. Slide Refresh

A lot of people are trying to make some changes in the iOS7 in the loading indicator, Pinterest here just uses a very concise design. Nothing special, but there is still this very good experience, fully demonstrated the product excellence.

5. Attention Tips

I'm sorry to say that a nod-like dynamic reminder is a bit neurotic, but it also highlights the minimalist design style of Pinterest, which guides users from different regions.

The second design detail I want to say is particularly easy to overlook, and when I focus on a user, the number of his followers bounces off, and so does the cancellation of attention.

6. Rolling

The scrolling and blurry background image design is no longer new, and what I want to highlight here is that when you return to the top, notice that the text of the title bar "Plants" will disappear slightly, and this flow of design is simply divine. It's easy to see that he just bounces off and bounces back and disappears, especially vividly.

7. Reading picture

When the user browses the picture, each time the Pinterest switch is carefully designed. I like reading very much, the new window is scaled up, the main image as the background fuzzy style.

8. Point Praise

You can give a good picture of what you like.

Many of the details in the design are easy to ignore, but for me it is the details that make the app more vivid and personalized. Designers and developers who know this point are constantly improving and come up with new ideas.

9. Control

Dodge and slowly move out of sight of the picture switch, so subtle, so fast. The depth of the bottom increase and the physical nature of the picture are the intentions of the designer.

10. Returns

By pulling down you can swing from a single picture to the main page, everything is very smooth and natural.

11. Instant Interaction

Click on the main layout of the picture to jump out of the flat, active icon, so that you immediately point praise or share pictures to friends. This operation is marked and highly recommended if you haven't tried it yet.

12. Instant Pin

Whenever you start your PIN, it will slide out of the page display, and the background will be blurred according to the proportions. Very brief.

13. Instant Point of Praise

When you like a photo, you can click on the image side of the heart shape, it will be a slight bounce to the success of the operation.

14. Don't Like

Do not like this consideration is expected, the expression of the choice of the heart-broken icon. For some reason, not liking this emotional factor added to the comments, I have a hunch that some users may be less likely to publish photos for fear of "dislike", but this is just a guess.

15. Send Pin

Fuzzy and flexible switching is also taken in the operation of sending a pin. It is worth noting that once the information is sent successfully, a small black bubble message is displayed at the bottom of the screen.

16. Add Information

If you want to share your PIN in a short message, the information edit bar will enlarge to make it easier for you to edit text. It pushes the title bar at the top and removes unnecessary parts to make space.

17. Tab Bar

Adding tabs to the homepage is also quite interesting, adding icons by rotating and giving users a more convenient way to cancel. I'm not sure the practicality of the design, but it seems to be good. In general, I like the mode of icon switching, using blur and color to highlight the main operation of the app.

18.Pinterest Login Page

As the final description of the design details, I would like to focus on Pinterest's official homepage. The background is made up of slow-scrolling picture walls, and I've got several different backgrounds: Plan A trip, build a garden, and get ready for a run. The designer used too many picture data to show the Pinterest features through the login page.