Comprehensive website assessment solution

<br />Sometimes you may be asked questions like “How about taking a look at XXX website?”
When we talk about evaluation, we usually mean production-level websites. If the model is new, it will take some time to understand it. So, many people asked again, "What if you only look at it from the perspective of UI/UE?" First of all, we have to reach a consensus that all the bells and whistles are serving the functions. If the functions are not met, there is no need to talk about other things.
Give examples and explain step by step, paying attention to the order of sequence.

First, without sufficient application experience, it is impossible to understand the functions and structure of the website, so how can we make judgments?
Initial impressions

Do you feel like your eyes are brightening? Any element may catch the user's attention. Can I find out as soon as possible what services the website provides and whether it is necessary to register?
Information Visualization

A good page is like a cocktail, with a sense of layering, and the effect can be seen from far and near, rather than a lump of paste. Is the presentation balanced? It is possible to establish connections between unrelated elements, and this is where many inconsistencies arise. Try to perceive it in depth from a pure UI perspective. Does the overall atmosphere match the concepts you have already understood? For example, whether it is lively enough and whether it has taste. Can the website be identified by the module? Can you recognize the website without looking at the logo? Check the relevance of the content interface.
Navigation system

Go a few levels deeper and are you clear about your position? After wandering around a few times, have you gotten lost?
Second, assuming you have a preliminary understanding of the product and are sure you need this service, how do you refine your attempt?
Functional structure

Is the main logic clear? Questions about whether your thinking is smooth and other habits. How many of your needs can be met? It is just a measure of the maturity of the product, but it is not the key to whether it is good or bad. How much innovation is there? If you surprise yourself, write it all down.
Design Details

For interactive design, we select the main business processes for testing, mainly to see whether the logic is confusing. Visual design is not just about graphics. Character effects also need to be carefully considered and fall into the category of in-depth information visualization. Information design, does the content have vitality? Emotionalization is a catalyst.
Client Technology

The smoothness of interaction and the extensive application of Ajax technology will affect efficiency. Search engine optimization can be done with the help of two major tools: Alexa and Google. To check the code quality, just look at a few representative pages.
Third, how to summarize from the perspective of competitors?
Product Tracking

The update rhythm and revision may reveal the development direction and some good ideas. When it comes to solutions, what’s important is not perfection but unity, so that the system can form a barrier.
Data Mining

Identify the user groups, segment them from an operational perspective, lock in their respective characteristic values, and provide a modifiable reference basis. Pay attention to user loyalty; dissatisfaction means seeking change. User activity levels and activity tendencies are also important data worthy of reference.
I also often participate in testing products. No matter whether it is my own, someone else's, something I'm interested in, something I'm not interested in, something I've seen, or something I haven't seen, I can generally use the same methodology. The purpose of doing things thoroughly is to clarify the design intent.
The three parts of the explanation actually coincide with the three-level structure of user understanding: instinct, behavior, and reflection. Usually, people's ability and attitude towards doing things are correlated, and the quality of subsequent work can basically be evaluated based on the results of previous work.

<<: How to maintain MySQL indexes and data tables

>>: Sample code using scss in uni-app

MySQL permission control detailed explanation

Comprehensive website assessment solution

MySQL permission control detailed explanation

Detailed process of changing apt source to Alibaba Cloud source in Ubuntu 18.04

Two ways to enable firewall in Linux service

Use viewport in meta tag to define screen css

Detailed process of building mysql5.7.29 on centos7 of linux

Solution to the error reported by Mysql systemctl start mysqld

Example of implementing bidirectional messaging between parent and child pages in HTML iframe

In-depth understanding of Vue-cli4 routing configuration

MySQL 8.0.13 installation and configuration graphic tutorial

Details on using regular expressions in MySQL

Recommend

Detailed explanation of MySQL/Java server support for emoji and problem solving

JavaScript to achieve magnifying glass effect

How to use @media in mobile adaptive styles

Detailed explanation of MySql data type tutorial examples

Use of Linux ln command

Zabbix monitoring solution - the latest official version 4.4 [recommended]

Win10 DVWA download, installation and configuration graphic tutorial detailed explanation (novice learning penetration)

Two ways to add a mask effect to the background image using background-color through CSS

MySQL log trigger implementation code

Two ways to make IE6 display PNG-24 format images normally

Docker container explains in detail how to simplify the image and reduce the size

CSS to achieve the transition animation effect of the picture when the mouse is placed on it

Drop-down menu implemented by HTML+CSS3+JS

MySQL 5.7.17 installation and configuration graphic tutorial

Pure CSS to achieve hover image pop-out pop-up effect example code