3 tips to help you design a good blank page

Today's translation of this article, the author from the first contact with the product, there is no content/data/friends situation to start, analysis and summary of a number of blank page design ideas, should be able to bring inspiration to your product designers.

Welcome to the translator's micro-signal: Design translation of the words yo.

In my design project, all the project members will require the designer to make the so-called "typical page", common is the product's homepage and detail page.

A blank page, or a default data page (such as a newsletter without any contacts and a micro-letter without any chats), is usually considered at the very last stage of the design process. Sometimes, it can even be forgotten. Until one of the development students put forward, "this page, if there is no data, what the hell is the show?"

Users "First Use" your product will encounter a blank state of the page, which is the user to contact your products to the inevitable. In this process, a good blank page should achieve three goals:

Educating users

Pleasing users

Bootstrap user

　　1. Educate your users

Blank Recycle Bin page--Things in the Recycle Bin will be deleted after 60 days.

An excellent blank page should address the following issues:

What (What): Explain what this page is saying

where (where): Tell the user where they are and what they can do next

When (when): Explain where a valid data will appear when the space is blank

A blank shared link page--The things you share will appear here

　　2. Pleasing your users

Blank Code Submission Page

This is BitBucket's Code submission record page, when it is empty, the website's personification image-a small bucket with a sense of resentment, said, "I do not have any record, this makes me look useless." I feel very sad. "(Solve this problem)

A good first impression is not just about usability, it's about product tuning.

Ask yourself these few questions:

Can you make users feel fresh or unexpected?

Can you make the user smile from the bottom of my heart?

Can you make the user feel the excellent tone of your product?

White-Space Favorites

A cactus stands there and says, "This looks like a desert! You don't have anything to collect." There is also an action button that guides the user to the collection.

A blank content page

A slightly bitter panda face, said, "We have nothing around to find anything that looks like nothing special happened around you." You can try this feature again for a while. 』

You can do this by pleasing the user with a blank page:

Brand (on brand): Introducing and strengthening your brand elements

Highlights (different): Be creative or show your sense of humour

Resonance (Relatable): Show the warmth of your product to the human side

A blank task interface

It looks like a task List page for a game. A diver was next to a shark and said, "You're not ready, commander." Go back and train. 』

　　3. Guide User Action

Blank Project page

A small person thoughtfully looked at the upper right corner, said, "Well ... That blue button must be important. "

Blank Attention-List page

"You haven't paid any attention to anyone," she said. Focus on other people to see the stories they collect. The more you focus on, the better the service Flipboard offers! " Next is an action button that directs the user to focus on others.

Airbnb's Blank history itinerary page

"When you end a trip, you will see it here." "Next is an action button that guides the user to explore.

The next steps to guide the user on a blank page include these three points:

Motivation (motivate): Show motivational language to targeted users, such as: "Start now!"

Persuasion (persuade): Interest points should not only be displayed on the landing page. When users interact with your product, you can also show interest points over and over again.

Direct: Demonstrates the unique and optimal path to the user at the outset. Provide an action button or give a guide. It is not appropriate for users to make choices when they first touch the app. You should make the first contact experience as simple as possible. If you need users to create some content at the beginning, you should provide some templates and other things for users to learn from.

　　Add a blank page to the input bar

The best design is often the most challenging-it requires an exquisite balance of information presentation and manipulation. However, a blank page may block your users from further exploring the subtle interface you are designing. Aren't these blank pages worth spending more time and attention on?