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

Example of customizing the style of the form file selection box

Comprehensive website assessment solution

Example of customizing the style of the form file selection box

7 native JS error types you should know

What is BFC? How to clear floats using CSS pseudo elements

Comparative Analysis of MySQL Binlog Log Processing Tools

About dynamically adding routes based on user permissions in Vue

A brief discussion on mysql backup and restore for a single table

Example of using MySQL to count the number of different values in a column

Best Practices for Developing Amap Applications with Vue

Summary of knowledge points related to null (IFNULL, COALESCE and NULLIF) in MySQL

Detailed tutorial on installation and configuration of compressed version of MySQL database

Recommend

MySQL 8.0.11 compressed version installation tutorial

Highly recommended! Setup syntax sugar in Vue 3.2

Practical skills that must be mastered in calling UNI-APP components in the easycom mode

Vue implements tab label (label exceeds automatic scrolling)

Tips for making web table frames

Detailed explanation of the role of the new operator in Js

Quickly master the use of Docker to build a development environment

MySQL 8.0.25 decompression version installation and configuration method graphic tutorial

30 free high-quality English ribbon fonts

Detailed explanation of MySQL instance with SSD storage enabled

What to do after installing Ubuntu 20.04 (beginner's guide)

Detailed explanation of JavaScript prototype and examples

SQL left join and right join principle and example analysis

Detailed description of common events and methods of html text

InnoDB engine redo file maintenance method