Front-end and user experience

Front-end and user experience

Although I am a front-end engineer, I can write and write code to generate webpages. However, over the past few years, the rigorous spirit and Aesthetic Pursuit have become increasingly demanding on user experience. Many people think that user experience is the field of interaction and design responsibility. The front-end only needs to generate code. In fact, as an experienced front-end engineer, it is necessary to find out your position in the whole website development process and its influence in user experience.

The front end is the final and most complete quality controller of the UI part. Because the static code of the page, including dynamic interaction, is implemented by the front-end, which involves all aspects of details. During the reconstruction process, I often try to figure out whether such a design meets the user's usage habits from the perspective of an ordinary user. In general, I will first look for the design to find out some details of the deficiencies. When the design is approved, I will consult with the product manager and the Interaction Designer. The design of the PC end is very different from that of the mobile end, for example, the "Back to Top" button. The Mobile End is generally designed as a square with a size similar to the icon size of an application. In this way, the interface content is not covered. (generally, the "Back to Top" button is a rolling button with the page rolling, that is, the fixed button, which is designed to be translucent ), this will not cause user clicks to fail, but the PC end can be a vertical rectangle or a text link. In a recent mobile project, the designer made the functional button "back to the top" into a text link. After giving suggestions to the product manager, the other party thought that the customer had accepted the design scheme, we will no longer make design changes (the disadvantages of outsourcing companies, as long as customers have no opinion, we only need to finish the work on time )...

The performance of the product is another major part of user experience. As a front-end, performance is nothing more than reducing or delaying HTTP requests, reducing the amount of code and improving code efficiency. The method for reducing requests is to merge js and css code and image merging image genie. Some small images can be replaced by base64 or directly implemented using css3; put some js Code (such as googleAnalytics) that is not required during page rendering. js) is placed at the bottom of the body, which does not affect page loading, and does not affect reading because js loading is incomplete. To reduce the amount of code, we need to work hard to compress the code. It is easy to implement with tools. In fact, for a programmer, what best reflects his ability is in programming skills. I am not talking about how to improve programming skills to improve code performance. I have personal experience.

In general, the front-end's perception of user experience is mostly on the UI, while thinking and thinking, so that your products become more and more fulfilled.

Is front-end development a user experience?

This depends on how the company positions the front-end development. From the perspective of front-end development, it is not a user experience, but it generally involves the user experience, for example, the interaction effect is good or bad. For example, the implementation of a JS effect is not friendly to the implementation of browser compatibility, and thus belongs to the scope of user experience.
Reference: xueba-product manager training camp

Q: What technologies do I need to learn to design webpage frontend or user experience?

The so-called webpage front-end is Webpage Design and webpage front-end code writing.
For web design, learn Adobe Fireworks or Photoshop, pure design software. The technology we have learned is the art design;
The front-end code of the webpage is the html language. You should know that. Currently, html and css la s are popular. If you want to add some brilliant dynamic effects, you can learn some JavaScript scripts. However, this is a programming language. It is not a simple code, but hard to learn. You can use the code written by someone else on the Internet.
This is basically the front-end.
Click the red flag! Ask me if you don't understand, including the backend, My qq: 502162003