[Editor's note] This article is reposted from @ Zi mu yoyo's personal blog. In the product design process, designers always like to make beautiful pictures. When using the content of a virtual page, they can use beautiful pictures to arrange the content right. However, when a demo is generated, this page may be a blank page with a lot of content, leading to layout dislocation.
Therefore, when designing the interface, you must not ignore the extreme states such as empty status and excessive content. These statuses may only be met at the first time, but may only be met by a small number of users, but these affect the detailed quality of the product.
When making an interactive or visual draft, the designers put some virtual content on the page to make the interface as authentic as possible. But when I see the demo produced by the front-end students, the designers always think that why is it so different from what I did on the page?
Null
When users use some products for the first time, they often encounter blank content interfaces, especially social Internet products. users need to establish their own circles and generate content. In this case, the new user is usually guided to perform the next step.
For example, when you use foursquare for the first time, you will be guided to add friends. To help you find friends, you can also import friends from Facebook, Gmail, and twitter.
If you haven't written any articles on Facebook, he will guide you to write and publish new articles.
Similarly, Flickr uses a pilot operation to let users clearly know what their current status is and what to do next.
Gmail uses the email sending method to guide new users, so that users can complete the first user experience while reading new instructions.
Tumblr uses the empty status to describe the main operation area of the interface. It does not specify what the user should do next. You can add attention, publish content, or decorate your home page. This is also the hope that users can get started quickly.
Status of excessive content
The interface in Internet products should be extensible so that content can be flexibly changed and fully expanded. For specific methods, see another article "flexible interface scalability".