Analysis of product status in interactive design that cannot be ignored in design

Analysis of product status in interactive design that cannot be ignored in design
In the process of product design, designers always like to make the pictures very beautiful. When creating the content of the virtual page, they use beautiful pictures and arrange the content just right. However, when the interface demo is produced, this page may be an empty page, or it may have a lot of content, resulting in a misaligned layout.
Therefore, when designing an interface, you must not ignore extreme states such as empty states and too much content. These states may only be encountered during the first use, and may only be encountered by a small number of users, but they all affect the detailed quality of the product.
When making interactive drafts or visual drafts, in order to make the interface as realistic as possible, designers will place some virtual content on the page. But when designers see the demos produced by front-end students, they always wonder why it is so different from the page I made at the beginning?
Empty state When users use some products for the first time, they often encounter an interface with empty content, especially social Internet products, where users need to build circles and generate content themselves. At this time, a novice guide is usually used to guide the user to the next step.
Interaction Design Analysis: Product Status that Cannot Be Ignored in Design 123WORDPRESS.COM
For example, when using Foursquare for the first time, users will be guided to add friends. In order to facilitate finding friends, they can also import friends from Facebook, Gmail, and Twitter.
If you haven't written any articles on Facebook, it will also guide you to write and publish new articles.
Similarly, Flickr also adopts a guided operation approach to let users know clearly what their current status is and what they should do next.
Gmail uses the method of sending emails to guide users, allowing users to complete their first-time user experience while reading the newbie instructions.
Tumblr uses empty states to explain the main operation areas of the interface. There is no requirement for users to do what they should do next. You can add followers, post content, or decorate your homepage. This is also to enable users to get started quickly.
The state when there is too much content The interface in Internet products should be expandable so that the content can be flexibly changed and fully expanded. For specific methods, please refer to another article "Flexible and Scalable Interface".

<<:  Two simple menu navigation bar examples

>>:  MySQL 1130 exception, unable to log in remotely solution

Recommend

MySQL msi version download and installation detailed graphic tutorial for beginners

Table of contents 1. Download MySQL msi version 2...

What can I use to save you, my table (Haiyu Blog)

Tables once played a very important role in web p...

MySQL Community Server 5.7.19 Installation Guide (Detailed)

MySQL official website zip file download link htt...

Solution to interface deformation when setting frameset height

Currently I have made a project, the interface is ...

Implementation of Docker private warehouse registry deployment

As more and more Docker images are used, there ne...

VUE+SpringBoot implements paging function

This article mainly introduces how to implement a...

Nginx http health check configuration process analysis

Passive Check With passive health checks, NGINX a...

Detailed explanation of multiple implementation methods of Mysql counting by conditions

Recently, I was adding a series of statistical fu...

Example of converting timestamp to Date in MySQL

Preface I encountered a situation at work: In the...

Solution to the problem of returning 0x1 when the Windows 2008 task plan fails to execute a bat script

Test environment: C:\>systeminfo | findstr /c:...

Div nested html without iframe

Recently, when doing homework, I needed to nest a ...

Summary of 7 types of logs in MySQL

There are the following log files in MySQL: 1: re...

The latest virtual machine VMware 14 installation tutorial

First, I will give you the VMware 14 activation c...

js version to realize calculator function

This article example shares the specific code of ...

How to set static IP for Ubuntu 18.04 Server

1. Background Netplan is a new command-line netwo...