Article Author: Mu Tujun (Station Cool ID: Mu Tujun)
Original title: Dyson Dyson Link intelligent product analysis
0 Product background
According to the Internet Consumption Research Center, it is understood that Dyson's consumers have three characteristics: high-quality consumption, emphasis on the beauty of life, and new life starters. Consumers who value the beauty of life pay more attention to the design of beautiful, unique and recognizable products.
Dyson brand positioning: high-end, black technology, high value.
Below we use case studies to understand how Dyson meets the needs of brands and consumers through design.
1-1 Home 1.0
Presentation Layer:
Dyson APP 1.0 home page by simulating the house, color changes to visually show the user outside the house, the air state inside the house; on the whole, the skeuomorphism can intuitively show the user information, the shape of the house gives the user a warm home life beauty, more recognizable.
Functional Layer:
Outside the house mainly has weather, AQI (air quality), temperature, humidity, PM2.5, ultraviolet and other information; the house mainly has Wifi intensity, room name, air quality in the house, temperature, humidity and other information, equipment pictures; the lower left corner of the page is the device control entrance, the lower right corner is the time setting; the bottom can be switched by sliding left and right to switch the device type.
Although a large amount of information gives the user a professional feeling, it invisibly weakens the level of information, and some icons are not used accurately, and the user does not know what it is. The use of product images on the page can strengthen their own product brand and enhance product recognition.
1-2 Home 2.0
Compared with 1.0, the Dyson APP 2.0 home page distinguishes the information level and enhances the control experience.
Functional Layer:
According to the user's habits, only the commonly used information such as air quality level, temperature and humidity is retained outside the house;
The room area has been expanded to provide more space for information to be displayed and visual distractions have been reduced. The wifi strength, room name, air quality, temperature and humidity in the house are retained in the house, and the core functions of the device are exposed, which makes it easier for users to control the device and improves the ease of use.
Presentation Layer:
The use of locally enlarged products, with a circular substrate, and can also reflect the device switch state, which can unify the picture under different products, enhance the user's perception of the product state, and thus strengthen the product brand.
Experience Tier:
The home page can view more details about the air quality through slide-up, pull-down and other gestures, and the primary and secondary information can be graded, which can highlight the main information on the home page and not affect the efficiency of the user's quick view of the details.
1-3 Smartmi P1
Presentation Layer:
Compared with Dyson, the Smartmi P1 only retains the air quality, Pm2.5, product map, and large blank space on the gray background, which highlights the simple sense of technology.
Functional Layer:
The function has also been integrated, simplifying the control details, providing users with automatic, sleep, medium speed, customization and other shortcut choices.
Comparing the two brands, Dyson embodies the warmth of home, and Smartmi P1 embodies simple technology.
In the home appliance market, manufacturers hope that consumers will increase the frequency of purchase, and the remaining use time of the filter element at the bottom of the interface can play a role in prompting users to replace the filter element in time, thereby increasing the purchase frequency. This is worth learning.
1-4 Dyson interface color usage
Presentation Layer:
By looking at dyson's store decoration style and process interface thumbnails, it is found that Dyson will be its brand colors - black, purple through to each element that needs to attract the attention of users, and there is a sense of "black" technology in the visual experience, which strengthens the brand perception.
1-5 Visualization of air quality levels
Presentation Layer:
For the choice of air quality grade color, Dyson is consistent with the air quality index (AQI) grade color.
Indoor and outdoor colors can display different effects according to the air quality level, which can provide users with a more intuitive feeling.
Smartmi P1 reflects the air quality level through text and some colors, and the user perception is weak.
1-6 Air quality rating details
Presentation Layer:
On the air quality detail page, Dyson and SmartP1 both use color blocks to reflect the grade, Dyson uses a larger and more obvious area, and P1 continues the simple and simple sense of technology that leaves blanks. Both have data analysis functions, and Dyson looks more professional and quality through scales, thin lines, and more regular layouts.
1-7 Description of air pollutant quality level
Functional Layer:
Both Dyson and Smart P1 have descriptions of each air pollutant rating, allowing users to understand the current air quality situation and display rules.
The Smart P1 allows the user to set which air pollutants are displayed, the air pollutant level description is displayed on a page, and the user needs to swipe up and down to find the relevant pollutants.
Dyson makes the types of pollutants into a navigation form, and users can quickly choose the type they want to see;
Presentation Layer:
The range interval and the corresponding color are put together to emphasize the relevance between them, and can carry more explanatory information.
1-8 How to incorporate the product into the app
For hardware manufacturers, when designing the interface, one of the important needs is to "reflect the product in the interface", thereby enhancing the uniqueness and recognition of the product. So how to properly display product information to users? Let's take a look at how Dyson did it, there are two main aspects:
1. The node where the product appears in the App;
2. In what form the product is displayed.
The most natural thing is to place the corresponding product in the device control interface, followed by the reflection in the guide page, which can intuitively inform the user how to operate and the current status feedback of the product.
Finally, it can also appear as a decorative element on the login page and the empty status page.
The product display form should show the product in the current scene as much as possible in the control interface and the boot page.
For example, in the adjust angle interface, the top view can be used to more intuitively reflect the state of the rotation angle.
In the house interface, since only the state of the equipment needs to be reflected, the unique styling details of the product are reflected as much as possible with a 45-degree viewing angle.
Use product lineframes as decorative elements on landing pages to reduce distractions to text content.
1-9 Dyson air purifier control interface style
Presentation Layer:
The air purifier on the home page selects the commonly used functions as a quick entrance, and uses a round, rounded rectangle as the button frame, we look at its physical remote control, product modeling, we know why to use these 2 forms, so that you can continue dyson's product characteristics, make the overall brand more recognizable, to achieve the purpose of strengthening brand penetration.
The lower right corner is the device control details entrance, which is distinguished by using an opaque white background and shortcut function keys, and can also maintain a sense of integrity and quality.
1-10 Air Purifier Control Details Page
Presentation Layer:
The control details page places the product physical map, which can visually display the product status, and the function icon is differentiated and classified in the early stage to ensure that the size of the icon in each row is consistent while ensuring the correlation between them. The angle setting interface, the product uses a top view, you can visually display the angle information.
1-11 Air purifier control gestures
Experience Tier:
For the user's commonly used operations to use sliding gestures, such as: air volume, long press up and down sliding can be very convenient to set the level, let go of the return confirmation, air volume button can display the air volume level bar, the user can not only understand the air volume level through the number, but also through the progress bar to more intuitively perceive the air volume size.
1-12 Shortcut key function permission definitions
Functional Layer:
As can be seen from the screen, the same wind direction setting button, on the home page, can only be opened and closed after clicking; entering the control details page, you can set the specific angle value; to ensure that in different scenarios, you can quickly and easily control the device, you can also accurately control the device.
1-13 Dyson sweeper control interface
Presentation Layer:
The leftmost control interface is the earliest version, only the function of starting or stopping the machine, using an angled perspective to show the machine and the scene, and the machine can be moved to erase the animation, reflecting the state in operation, this way is more time-consuming development time.
The middle interface is a transitional version, which is optimized compared to the previous version, using a front view, and increasing the running intensity, running area, timing function, and the floor element gradient processing at the bottom reduces the interference of the screen on the functional entrance, which can reflect the scene and be more easy to use.
The rightmost interface is the latest version, which enlarges the product, reduces unnecessary visual elements, weakens the floor background; the charging icon and the device status are placed on the top to distinguish from the functional area; the running intensity option is changed from expanding to collapsing, and it is estimated that the frequency of use of this function is low; the icons of the running area and timing function are optimized and more appropriate. The visual and functional aspects are perfectly balanced.
1-14 Dyson lighting control interface
Functional Layer:
1-15 Dyson lighting scene function
Functional Layer:
The lower right corner is the scene selection, you can choose the system's own lighting use scene, such as: reading mode, leisure mode, can also be customized, you can quickly set the light.
summary:
Through the analysis of dyson App, we learned that the user control experience and product brand recognition can be improved by skewing or combining the functional control area with the physical object; for the hardware product App, it is necessary to maintain consistency with the physical object as much as possible, highlighting product features, including button shape and color; and it is possible to learn the way of thinking under the visual level and interaction level in order to balance the needs of users and brands.
*This content is authorized to be shared, the text and pictures are copyrighted by the original author, please do not reprint without permission.
Article Author: Tx Scorching
Typesetting, proofreading: Tuotuo
All rights reserved
Reproduction without permission is prohibited