Web Response design case: responsive design Development Lot18

Article Description: 7-point inspiration for Web response design.

A developer's view of excellence does not mean that the user feels the same way. Vince Allen, a senior front-end developer at Lot18, a well-known foreign e-commerce site, wrote in particular about the story behind the adoption of responsive design Lot18 and 7 experiences.

The full text reads as follows:

Working for Lot18, a fast-growing E-commerce company, is an exciting business. Knowing that a few months later, when the development team faced a major decision, our enthusiasm gradually calmed down. Our obsession is: is to continue to develop the original engine of the site (which is likely to be unsustainable after a few months after the site is released) or to rebuild a new platform (which can take years), we chose the latter, cramming for a year of work for only 3.5 months.

We also know that our visitors are increasingly using a variety of ways to access Lot18, and that this trend is growing. Web response design is the core of our development strategy, but it makes us have to subvert the thinking pattern in our original development work.

Here are 7 tips for developing a responsive web site in a short period of time.

1. To do too much work to find the main line

As a developer, it is always necessary to adapt to different devices, browsers, and operating systems------never missing a job. However, creating an APP for each platform is not a sustainable strategy for a small company. As you develop, test, and deploy each block of code, try to simplify and rationalize each step of the process. So in the critical moment, you can focus on the critical path of fatigue.

2. Business First

For E-commerce sites, the holiday shopping season is the busiest-especially for websites that focus on food and wine. Thousands of customers are planning parties and choosing gifts, and we can't be sure that every buyer is sitting next to a computer, or that they can spend time searching for a response App and downloading it.

Assuming that all specific users will use the same type of device, it is not a good assumption that a user who visits the site or is invited to a Lot18 user's friend uses similar devices. Take a responsive approach to raising business priorities and repositioning us as a development team. We are closer to the user experience, not just our own timeline.

3. Do not pursue cross-platform, focus on development functions

Without developing for each platform, we can spend more time on developing features for new Web sites. For example, as we constantly adjust our calibration system, we can focus on a ui/ux strategy without worrying about the construction of a particular device. In this way, the development team will be more focused on functional development and more efficient.

4. Everyone is QA

In small companies, everyone is busy and may not have time to troubleshoot new versions of bugs and unexpected complications. When developing a new response design, we have a great solution: everyone can use their leisure time to test the site.

If someone wants to test the site on a schedule, they can use their mobile phone or tablet on the way to work-or test on TV at home. This is better, this form of testing is closer to the way our users use the site.

5. Maintain the consistency of local Apps and mobile Web

In the near future, Lot18 will release a local iPhone App. Like most local Apps, it's just designed for the IPhone and feels more natural to use.

However, even users who specialize in an app will be able to access mobile sites via email, Twitter and Facebook. Responsive web sites need to provide consistency in the local and mobile Web experience and enhance the overall brand experience.

6. Develop a new response function

After the website was released, we observed a new behavior when people were previewing the site. Once they realized that the site was responding to them, they began to enter the game state.

Responsiveness adds more to the experience of the site and provides a different look to users as users use different designs or switch from one mode to another.

What I see is an emotional reaction that can be interpreted as "this is so much fun!" ”。 In general, this is a positive evaluation.

7. You need to make a reliable analysis

Finally, when comparing statistics, it's nice to know that users interact with the same content. We have more perspective on the user's behavior, and judging from the results, this has brought us positive changes.

The best thing we've come across recently is that it's no longer a "real" lot18.com for us. On the contrary, all visitors have a special harvest in the Lot18 experience-no matter what equipment they use. As a result, our development team is closer to the business logic and able to provide a better online store experience as part of the User Service-an outstanding advantage in a fiercely competitive e-commerce site.

Source: Seven Lessons learned from responsive web design