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

Detailed explanation of keepAlive use cases in Vue

Comprehensive website assessment solution

Detailed explanation of keepAlive use cases in Vue

A brief introduction to the command line tool mycli for operating MySQL database

MySql login password forgotten and password forgotten solution

Summary of MySQL ALTER command knowledge points

How to deploy nodejs service using Dockerfile

How to deploy LNMP & phpMyAdmin in docker

Friendly Alternatives to Find Tool in Linux

How to install and modify the initial password of mysql5.7.18 under Centos7.3

Detailed explanation of the usage of Object.assign() in ES6

Detailed explanation of the use of Vue3 state management

Recommend

Detailed explanation of how to install MySQL on Alibaba Cloud

Do you know the weird things in Javascript?

Tutorial on installing Nvidia graphics card driver in Ubuntu 18.04 (with pictures and text)

Analysis and opinions on the design structure of the large picture on the homepage of Taobao Mall (picture)

React event mechanism source code analysis

Summary of web design experience and skills

Vue+swiper realizes timeline effect

How to draw the timeline with vue+canvas

mysql 5.7.17 winx64.zip installation and configuration method graphic tutorial

Detailed discussion of several methods for deduplicating JavaScript arrays

Combining insert and select to implement the method of "inserting the maximum value of a field in the database + 1"

Steps to package and release the Vue project

The grid is your layout plan for the page

WeChat applet scroll-view realizes left and right linkage

The neglected special effects of META tags (page transition effects)