译者注：此文是下半身，上半身也比较有料，没看过上半身的童鞋，可以先看“《人人译客》如何规划你的移动电商网站（1）”

影响移动电商网站转化率的设计元素有哪些？

让我们从移动互联网的角度来解释一下，有哪些因素会影响用户浏览移动电商网站的方式。

层级与导航

移动UI中，留白很关键。我们没有资源去呈现庞杂的菜单给用户，去浏览多级分类。因此，我们需要将主要功能和内容进行分类排序，并在固定的位置上提供一个搜索框。随着用户认知度的提升，侧滑菜单导航越来越流行了。

以前是网页设计师，后来从切图仔自学html、css和javascript，这个问题我深有体会。每个人的学习一个新知识新技能的方法，以及当下学习的需求和动力是不同的，应该根据自己的特点选择路径去学习，才更适合自己。

区别：1、前端是指用户可见的界面，而后端是指用户看不到的东西，考虑底层业务逻辑的实现，平台的稳定性、性能等。2、前端开发用到的技术有HTML5、CSS3、JS、jQuery、Bootstrap、Node.js、Vue等，而后端开发用到的则是Java、PHP、HTTP协议等服务器技术。3、从应用范围上看，前端开发不仅被普通人熟知，而且应用场景也比后端开发广泛得多。

本教程的运行环境：Windows 7系统，Dell G3电脑。

前端开发和后端开发是有区别的，工作内容和职责完全不同。

表单校验是页面开发中非常常见的一类需求，相信每个前端开发人员都有这方面的经验。网上有很多成熟的表单校验框架，虽然按照它们默认的设计，用起来没有多大的问题，但是在实际工作中，表单校验有可能有比较复杂的个性化的需求，使得我们用这些插件的默认机制并不能完成这些功能，所以要根据自己的需要去改造它们（毕竟自己还不到那个写一个完美的校验框架的层次）。我用过formValidation这个校验框架，虽然它跟bootstrap配合地很好，但是校验风格太死板，不太满足个性化的场景；后来我找到了jquery.validate，我发现这个框架还挺好的，因为它只提供校验机制，但是不提供特定校验的交互，有比较多的自定义的空间。在校验风格方面，有很多的形式，可以通过颜色，边框，动画，文本显示，弹框等多种方式来产生交互，至于要用哪种，就由需求以及自己的喜好来决定了。我偏向使用气泡提示的校验风格，因为气泡信息在界面上只显示于字段的周边，而不会对表单的内容有所改变，看起来体验比较好。本文介绍自己使用jquery.validate以及bootstrap的tooltip打造一种气泡式表单校验的思路，如果你有一些个性化较强的表单校验需求，希望这篇文章能对你有些参考价值。

BootStrap简介

BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架，他是后端程序员的福音，使它们只需要专注业务逻辑，而无须浪费太多的精力在界面设计上。

它可以开发全响应式网页——不论你使用手机、平板电脑、普通个人电脑浏览网站内容，所有的元素都可以很优雅的呈现。所以，可以用他来开发适合各种设备浏览的页面，避免了大量的因为兼容性而导致的重复劳动。