前言：

之前想做一个手机端的H5站，然后结合打包工具，搞个app。 我们都知道，做太大太全的功能，往往力不从心。

因此，就选一个小功能：优惠券。  它关乎民生工程，切实解决一部分需求，真正的让利消费者。

那么，什么优惠券呢？ 程序员必不可少的应该就是背包吧（电脑不离手）

第一：准备工作

我们选用一个技术比较成熟的框架，有很多种，比如：Bootstrap，SUI，GMU，WEEX，Ratchet，HTML5up，mui等等。

选择适合自己的，才是正确的 ，所以，我选用了当前比较流行的VUE和React中的：React。

在结合本土的优势，最终选用：antd mobile。

选定之后，其实开发还是比较顺畅的，你只需要对照 https://mobile.ant.design/components/ 官方文档来开发就行了。

第二：案例展示

查看地址：百度搜索：挎包包   或者 点击网址：https://www.kuabaobao.com/

有空会逐渐分享功能细节。也欢迎大家多提提意见。大家共同进步。

不管使用PHP建立个人还是企业网站，网站建设的流程规范大体是一致的，涉及域名注册，服务器(空间)选择，了解用户需求，网站定位，PHP建站程序的选择与开发等流程。

网站建设流程之域名注册

域名注册有一些基本原则，比如域名尽量短小，容易记忆，域名中包括网站关键字等，对于企业网站可以以公司名称或者销售的核心产品作为域名等，不过我觉得这些并不是最重要的，你可以把它理解为SEO优化技巧，最重要的还是做好网站内容，提供有价值的服务。

网站建设流程之服务器（空间）的选择

对于服务器或者空间的选择首先是必须稳定，这不但关系到访问者的感受，也影响到搜索引擎蜘蛛的感受。对于个人自己建站的朋友或者是草根创业团队，初期还是推荐使用空间，这样比较节省开支，切勿盲目选择服务器，不但开销大，维护成本也是不小的。

网站建设流程之网站定位

在完成了域名注册，空间选择之后，在真正进行网站开发之前必须对自身网站有一个合理的定位，需要思考网站主要干什么？网站针对的目标用户群是谁？ 网站可以为目标用户提供什么？ 相比其他网站，网站的核心竞争力是什么？网站发展的中长期目标是什么？再真正搞清楚这些问题之后再入手才是上策，能避免少走很多弯路。

网站建设流程之SEO规划与实施

在网站建设之前需要做好SEO规划和实施的方案，比如网站关键字分析，挑选核心关键字进行网站标题的优化以及URL规划、网站框架结构设计等

网站建设流程之网站开发

在进行网站开发之前，肯定是选择开发语言，对于个人或者中小企业建站，建议选择使用PHP来进行网站建设，因为PHP作为开源语言，提供了丰富的PHP开源系统，你只要根据自己的需要挑选合适的一款，适当进行一些二次开发就可以了。

特别提醒：对于选用服务器的，在进行PHP网站开发之前，必须要安装配置PHP环境，有些PHP开源系统自带PHP安装程序，能充分发挥其所有优势，而对于手工搭建PHP环境的，建议根据选择的PHP开源系统的特点来搭建PHP运行环境；对于选用空间的，这安装配置PHP就省略了，但是事先你必须要了解PHP空间本身自带哪些功能，不支持哪些功能，比如有的空间就不支持Apache Mod_rewrite实现伪静态。

在经过上述这些网站建设的流程之后，大体上一个网站就建设起来了，这些是个人自己建站的基础流程和经验，其实网站建设的流程不止这些，网站建设是一个系统工程，同时也涉及到网站推广、网站维护的流程等，需要每个人不断总结和学习。

当你有一天突然访问你的域名：chimeishi.net 出现：提示：您的网站因未备案或涉及违规被禁止访问，请及时联系实际接入商办理备案。

那么，你的域名就表示没有备案，或者，没有在域名接入商的白名单里。

查询域名是否备案或者是否注销网址：http://www.miitbeian.gov.cn/publish/query/indexFirst.action

如果您的服务器、网络等一切都正常，而您的网站突然间访问不了，那就是已备案域名的备案号被注销了！被注销备案号的主要原因：

1、域名在备案时，各管局都会要求备案主体要有一个接入商（也就是为域名所做网站提供服务器、主机的公司），这样才能通过备案。工信部也会对接入进行不定期的核查，如果发现域名的接入被取消了，而又没有一个新的接入商为你域名提供接入，备案就变成了空壳备案，他们就会注销掉备案的。

2、工信部对已备案的域名进行不定期抽查，如果抽查到所做网站内容非法或者与其相关政策不符，就会注销掉备案号。

3、网站上没有任何数据被视为空壳网站，备案号也会被注销掉。

备案号一经注销，这个局面已经无法挽回了。要想让网站可以正常访问，只有以下三种方法：

1、重新买一个已备案域名。这是最快解决问题的方法，当然前提是你不在意换了个域名。

2、把网站转移到国外服务器或主机下。因为使用国外服务器和主机是免备案的，可以快速解决网站无法访问的问题，当然转移数据跟设定新的服务器或主机也是需要一定的时间的。

3、用该域名重新进行备案。这就有点难度了，因为备案所需资料比较多、审核比较严格，往往一个备案下来快则10多天，慢则两个月。一个网站，空置了这么久，估计损失也很大。

正因为已备案域名存在着被注销的风险，所以需要用到已备案域名的用户群体平时都习惯性地看好几个已备案域名，一旦发生网站域名被注销备案的情况，就立马有后备域名顶上了。

　　B2B (Business to Business) 是指商家与商家建立的商业关系. 例如我们在麦当劳中只能够买到可口可乐是因为麦当劳与可口可乐中的商业伙伴的关系. 商家们建立商业伙伴的关系是希望通过大家所提供的东西来形成一个互补的发展机会,大家的生意都可以有利润. 例子：阿里巴巴、慧聪。

B2C (Business to Consumer) 就是我们很经常看到的供应商直接把商品卖给用户. 例如你去麦当劳吃东西就是B2C, 因为你只是一个客户. 例子：当当、卓越、优凯特。

C2C (Consumer to Consumer), 客户之间自己把东西放上网去卖. 例子：淘宝、拍拍、易趣

C2B (Consumer to Business), 这个概念比较新,意思是由客户选择自己要些什么东西,要求的价格是什么,然后由商家来决定是否接受客户的要求. 假如商家接受客户的要求, 那么交易成功; 假如商家不接受客户的要求,那么就是交易失败。

主要是对象的区别
B2B：企业间的EC
B2C：企业对个人用户的EC
C2C：个人对个人的EC
C2B：个人对商家的EC
注：EC是指电子商务

一. windows环境下

　　1.先下载isapi rewrite插件，安装，然后我们把根目录下面的htaccess.txt那么修改成.htaccess即可。
 
2.找到网站目录\data\config下面找到config.ini.php进行开启伪静态。
 
打开config.ini.php（记住用文本或者DW），不要用记事本打开、否则会出错
 
找到$config['url_model'] = false； 把 false 修改为：true 这样伪静态就开启了！！

二、apache服务器

　　1.开启apache服务器的rewrite.module功能模块，并将商城目录下的‘htaccess.txt'文件重命名为‘.htaccess'，然后选择‘是'保存。
 
2.找到网站目录\data\config下面找到config.ini.php进行开启伪静态。
 
打开config.ini.php（记住用文本或者DW），不要用记事本打开、否则会出错
 
找到$config['url_model'] = false； 把 false 修改为：true 这样伪静态就开启了！！

shopnc c2c开启伪静态的方法

一. windows环境下

　　1.先下载isapi rewrite插件安装，IIS里面就有了伪静态插件
 
2. 去后台shopncC2C后台设置里面左侧SEO里面开启伪静态就可以啦！！

二、apache服务器

　　安装完程序以后，你可以到网站后台开启伪静态，这个时候你会发现开启伪静态的按钮边有一行提示。“启用前，请先确保已经开启apache服务器的rewrite.module功能模块，并将商城目录下的‘htaccess.txt'文件重命名为‘.htaccess'，然后选择‘是'，保存即可。”
 
注意，一定要按照这个操作，不要自己上传自己写的代码命名为.htaccess，也不要将htaccess.txt中的代码复制，重新新建一个.htaccess的文件，复制进去代码。因为如果这样你会发现你的网站会出现很多错误。
 
重命名后，你再访问网站，如果还是有错误，你可以检查一下你的文件是放在什么地方的，因为代码中还有一段文字“# 修改以下语句中的 /shopnc 为你的商城目录地址，如果程序放在根目录中，请将 /shopnc 修改为 /RewriteBase /shopnc”，如果不是放在根目录下，你可以将代码中的“/RewriteBase /shopnc”改为“/RewriteBase /”保存，就可以正常开启了。

Bootstrap使用的频率越来越高了，组件化的开发复用是个至关重要的东西。不知道你是否找到自己满意的界面模板了呢？ 如果还没有请继续往下看，可能有些会有重叠，Whatever！

Bracket Responsive Bootstrap 3 Admin Template

Apricot Bootstrap 3 Admin Dashboard Template

Cameo – Bootstrap 3 Responsive Admin Template

DefOne – Responsive Bootstrap 3 Admin Template

AdminEx – Bootstrap 3 Responsive Admin Template

Delighted Flat Ajax Bootstrap 3 Dashboard

Hierapolis Admin Template

EdenAdmin

Bootstrap Admin Theme

Meritoo

HTML5 Admin Template

Metis

SB Admin v.2

TemplateVamp

Clean Dashboard Bootstrap Template

Charisma Responsive Admin Template

Metro Dashboard

AdminLTE

Blocks 

DevOOPS

大部分的 Web 应用和动态网站都需要一个后台管理系统用于管理前台界面的信息展示以及用户信息。管理后台的设计虽然不像前台界面那样要求设计精美，但是也需要有清晰的管理模块划分，这样使用后台管理系统的人员才能够方便的进行操作和管理。下面收集了十款非常漂亮的网站后台管理系统模板分享给大家，欢迎免费下载使用。

Admin Panel Template

这个后台管理模板的导航设计非常漂亮，头部还有未读的短消息和提醒的条数显示。

在线演示    PSD下载    HTML&CSS下载

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板，包含9套漂亮的主题。

在线演示    免费下载

HTML5 Admin Template

界面非常清爽的一套网站管理后台模板，应用了 HTML5 和 CSS3 技术，相信你会喜欢。

在线演示    免费下载

jQuery Admin Template

基于 jQuery 的网站后台管理系统模板，登录页面制作得很漂亮，表单的设计也是非常精美。

在线演示    免费下载

Web App Theme

Web App Theme 是基于 rails 的后台管理模板生成系统，有14套皮肤，可以在线切换浏览效果。

在线演示    免费下载

Spring-Time Admin Template

Spring-Time是一个简洁风格管理后台模板，导航和侧栏很漂亮，表格和表单的设计也很好。

在线演示    免费下载

Free Admin Template

这款免费的网站后台管理系统模板是3列布局设计，下载包里还包含HTML5/CSS3版本的模板。

在线演示    免费下载

HTML5 Admin Template

使用 HTML5 特性制作的网站后台管理系统模板，包含后台系统常用的组件和模块。

在线演示    免费下载

Gray Admin Template

这款后台管理系统模板是灰色风格，可以自由组合模板使用，个人和商业项目都可以免费下载使用。

在线演示    免费下载

Steal My Admin Template

最后这款网站后台管理模板系统使用面板展示网站的概况数据，项目托管在 Github 上面，可以免费下载。

在线演示    免费下载

z-blog 1.8没有给图片加水印的功能，这二天研究了一下aspjpeg，发现并不难，就修改了代码实现水印功能。

　　1、下载aspjpeg组件，我用的是crack版本，地址自个找的。然后在服务器上安装，一路next,就安装完成了。

　　2、aspjpeg组件需要设置文件夹权限。如下图进行权限设置，User完全控制权限！
 

　　3、修改c_system_lib.asp文件，在c_system_lib.asp文件找到UpLoad=True，在这个语句上加入以下代码：
 

1. “行为召唤”内容要靠前或居中
2. 让菜单看起来既简洁又亲切
3. 要让用户便于回到主页
4. 别让促销广告抢了你网站的风头
5. 保持搜索功能可见
6. 确保网站搜索结果符合用户预期
7. 使用过滤功能提升网站搜索易用性
8. 指导用户去访问较好的网站搜索结果
9. 不要一上来就让用户在网站上注册
10. 让用户能以访客的身份在你的网站上购物
11. 使用已有信息，最大程度为用户提供便利
12. 对于复杂任务，使用“点击拨打电话”功能
13. 当用户更换不同的移动设备时，确保能够便捷的完成交易
14. 信息输入时做到流线作业
15. 为每一个任务选择最简单的输入方法
16. 在需要选择日期的时候，提供一个可视化日历
17. 通过标签和实时确认，第一时间解决输入错误
18. 设计高效的表格
19. 针对移动终端，整体优化你的网站
20. 不要让用户用手捏放屏幕，去放大或缩小图片
21. 你的产品图像需要支持大图显示
22. 告知用户在哪种屏幕方向上访问网站最舒服
23. 让用户保持在单独一个浏览器窗口里访问你的网站
24. 避免“全网站”标签
25. 你必须要清楚自己为什么需要用户的地址信息

四点建议：

• 1、 添加一个醒目的搜索条
• 2、 把大表格拆分成小块
• 3、 允许用户匿名浏览
• 4、 要支持设备之间的便捷切换

谷歌公司的研究人员聆听了119个小时用户对移动网站的抱怨，了解到构建移动网站的精髓。

最近，来自谷歌公司和AnswerLab的研究人员主持了一场长达119小时的用户测试会议，他们每天都会让用户访问100个不同的移动网站，这些网站涉及的行业范围非常广泛，比如零售行业，保险行业，或是新闻行业。参与测试的用户会把自己的使用感觉实时告诉研究人员。最后，谷歌公司的研究人员总结出了25个要点，内容如下：

1、“行为召唤”内容要靠前或居中

对于移动用户来说，往往很容易忘记菜单选项，因此，你应该把自己最关键的“行为召唤”内容放置在一个醒目的位置上，这样用户就能轻松看到。所以，你需要让最重要的“行为召唤”内容占据到网站的主体部分上，用户就能够快速完成相关任务，另外，如果要继续执行下一个任务，你可以利用菜单选项标明，也可以把下个任务紧跟在第一个任务完成之后。在移动端，你的“行为召唤”内容应该和桌面终端不一样，所以你必须要“对号入座”，因地制宜。

关键要素：把你最重要的“行为召唤”内容放置在网站最突出的位置上面。

2、让菜单看起来既简洁又亲切

一个范围较广的菜单可能非常适用于桌面网站，但是移动用户可能没有足够的耐心来回滑动自己的手机，他们不喜欢在查看一长串菜单选项之后才找到自己想要的东西。那么，你需要想想看，如何在最少的菜单里面放上自己最需要的功能选项呢?举个例子，有一家大型零售商店(在此就不透露它的名字了)，他们在自己的移动网站上优化产品类别菜单，和桌面菜单完全不同，让移动终端的菜单选项为用户提供了一个更加简短，更加清晰的产品列表。

关键要素：一个简短的菜单，搭配上清晰的类别选项，可以让移动访问者更加清晰的进行站点导航。

3、要让用户便于回到主页

当移动用户在你的网站上面导航浏览时，他们会希望可以快速回到之前的主页上面。谷歌公司在研究中发现，用户往往喜欢点击页面上的公司Logo，因为他们觉得这种方式可以直接回到主页上去，所以你的网站必须也要支持这个功能，否则如果用户点击了Logo，却毫无反应，他们肯定会觉得非常失望。

关键要素：把网站上的公司Logo优化成一个导航按键，当用户点击之后可以导航回到主页

4、别让促销广告抢了你网站的风头

促销活动和广告会影响你的网站内容，也会影响用户在网站上的体验。谷歌的研究人员让用户访问一家公司的移动网站，上面有一个巨大的横幅广告，这些用户无一不被这个广告吸引，而无心注意广告下面的导航按键，而这个导航按键反而能够为用户提供更多关于该公司的内容信息。

关键要素：确保促销广告不会影响网页的导航功能，而且要把广告和“行为召唤”内容彻底区分开

5、保持搜索功能可见

如果用户需要寻找一些特殊信息，那么他们就会使用网站的搜索功能，因此，搜索必须是移动网站上最重要的功能之一，一般而言，用户希望能够在网站页面的顶部使用文本搜索功能，因为页面顶部位置最容易让人发现。

关键要素：把网站的搜索功能放在主页的顶部，可以用一个文本框显示搜索功能。

6、确保网站搜索结果符合用户预期

实际上，用户似乎并不讨厌一页一页的翻阅搜索结果，但是他们更加看重网站返回的搜索结果是否符合他们的预期，因此，你至少需要确保自己搜索结果的第一个显示页面能够精准的满足用户搜索要求。在移动终端上面，因为屏幕非常小，所以你需要提供一些智能搜索功能，比如帮助用户自动拼写，或是修正用户的错误拼写，等等。

关键要素：确保你的网站搜索功能可以返回有效的结果，另外需要完善智能搜索，提供自动拼写或错误拼写纠正等功能。

7、使用过滤功能提升网站搜索易用性

用户会使用搜索过滤功能，这样可以缩小搜索范围，返回的搜索结果也更精准。不过，你需要确保用户使用过滤搜索之后，不会一无所获。网站应该让用户知道一个过滤搜索功能可能会返回多少搜索结果，这样可以帮助用户避免一些问题。

关键要素：为用户提供过滤搜索服务，但是要确保不会返回空结果。

8、指导用户去访问较好的网站搜索结果

对于一个网站而言，用户有各种各样的类型，所以，在用户进行搜索的时候，可以先询问几个相关问题，这样可以确保他们的搜索结果与预期一致。举个例子，一家大型鞋子零售商在其移动网站上面提供了搜索服务，但是搜索前会询问用户的性别，以及脚的尺寸等问题。

关键要素：如果你希望缩小搜索返回结果的范围，那么可以提前询问用户一些相关问题，这样确保用户能看到符合自己预期的搜索结果。

9、不要一上来就让用户在网站上注册

如果你的移动网站一上来就让用户注册，那么体验一定非常糟糕。谷歌公司的研究人员发现，最让用户难以接受的就是必须注册之后才能访问网站内容。实际上，用户希望在提交个人信息之前就可以先浏览一下网站内容，至少需要了解一下这个网站能够为自己提供些什么东西。

关键要素：不要强迫用户注册一个账号，允许任何访问者浏览你的网站

10、让用户能以访客的身份在你的网站上购物

即便用户想在你的零售网站上购买商品，但其实，他们仍然不希望注册一个账户。用户会觉得，如果能够以访客的身份购买商品，那么真的是非常方便，简单，而且快捷。人们不太喜欢在网站购物时强制注册一个账号，而且，许多网站并没有告知用户注册账号对他们来说有什么好处。

关键要素：你可以在移动网站上面提供一个选项，让用户能以访客的身份进行购物。另外，如果你需要用户在网站上注册一个账号，那么可以明确的告诉他们注册账号会有什么好处。

11、使用已有信息，最大程度为用户提供便利

对于那些网站注册用户而言，你需要记住他们的偏好。而对于新用户而言，你可以提供一个他们习惯使用的第三方支付服务。谷歌研究人员对一些零售网站进行了调研，他们发现许多网站都提供了第三方支付服务，避免了最后买单时的不便，另外移动网站还可以根据注册用户的已有信息，提供预填物流地址信息功能。

关键要素：要利用好你手中掌握的信息，尽可能使用第三方支付服务，尽可能为用户提供便利

12、对于复杂任务，使用“点击拨打电话”功能

如果用户需要进入一个较为复杂或是较为敏感的任务时，你需要提供一个“点击拨打电话”的服务功能。举个例子，有一家提供金融服务的公司，他们的移动网站上就提供了这项功能，如果用户不想在移动端填写复杂的表格，可以立刻用自己的移动手机拨打电话，由人工坐席受理业务。

关键要素：当用户需要提供复杂信息时，你可以在网站突出位置上提供一个“点击拨打电话”功能，这样可以避免客户从“漏斗”里掉下，造成客户流失。

13、当用户更换不同的移动设备时，确保能够便捷的完成交易

用户可能会在不同的移动设备上访问你的移动网站，因为你需要提供一个简单的方法，让他们在不同设备上分享信息。比如一家招聘网站，当用户完成应聘之后，他们会发生一封电子邮件，这样用户在其他设备上也能访问自己的网站。

关键要素：移动用户很可能会更换不同的设备，因此你可以通过社交分享，电子邮件，或是“存入购物车”等方法，让用户能够继续自己在网站上的体验。

14、信息输入时做到流线作业

如果网站能够预先判断出一些信息，用户体验就会非常棒。比如预先判断出用户所在的邮政编码，或是出生日期等等。在输入一些信息时，如果能够做到自动输入，那么体验将会更加流畅。相比而言，如果网站要求用户在小表格框内反复输入一些信息，让他们在手机键盘上频繁切换数字/字母模式，体验就会非常糟糕。

关键要素：如果你的网站需要输入数字时，可以为用户提供一个专门的数字键盘，当用户点击输入框时，自动弹出这个数字键盘。

15、为每一个任务选择最简单的输入方法

如果用户需要在有限的选择项内做选择时，最简单的方式就是点击选择，而不是使用文本输入，或是在下拉框内选择。如果要在许多选项中选择一个项目，传统的下拉框是最直接的。无论什么任务，你需要选择最简单的输入方法。

关键要素：如果需要在移动网站的表格上进行输入操作，那么可以选择下拉框和切换功能，在任何时候都要确保操作便于点击。

16、在需要选择日期的时候，提供一个可视化日历

当用户在移动网站上预定航班时，很难确定“下周的某一天”是几月几号，所以你需要提供一个可视化日历供用户勾选日期。这样用户就不需要离开你的网站，然后在打开手机上的日历App应用了。在选择开始和结束日期时，可以提供一个清晰的标签，以免用户把日期搞混淆。

关键要素：当需要选择输入日期时，你需要提供一个可视化日历，而且要有一个清晰的日期结构，这样可以保证用户不会中断使用体验。

17、通过标签和实时确认，第一时间解决输入错误

在你的表格框内，要有提示标签功能，而且在用户实际输入时，可以看见必要且准确的提示信息。这里就有一个例子，用户曾经在一个电子邮件地址栏里面输入了自己的家庭住址，因为当时这一栏内的提示信息并不明确，只有一个“地址”标签。把提示信息放在输入框内也会存在问题，因为当用户点击准备输入时，提示信息就会消失掉，因此需要利用标签做提示。另外，如果用户在输入过程中，需要做到实时确认，否则一旦出错，就会反复提交，引起用户反感。

关键要素：使用清晰可见的标签，让用户知道自己的需要，实时验证输入错误，在最后正式提交信息之前帮助用户纠正。

18、设计高效的表格

你要确保自己设计的表格不会出现重复操作，只提供必输信息即可，另外你还需要利用自动填写功能。当用户在填写表格的时候，最好在屏幕顶部显示一个进度条，这样人们就可以知道自己的进展。如果表格过于复杂则会让人反感，相对而言，一个简单直接的表格会让人觉得很舒服。如果能搭配上自动填写功能，比如预输入用户的姓名和邮政编码，效果则会更好。

关键要素：尽量减少表格中的数字输入，尽可能提供自动填写功能，使用一个清晰的进度条。

19、针对移动终端，整体优化你的网站

如果你有一个专门针对移动终端的网站，那么当用户使用移动设备访问时，肯定比纯桌面网站要简单的多，这点毋庸置疑。但是最难受的，就是把移动和桌面两个网站版本都混合在一起，用户访问起来比全桌面网站还要困难。

关键要素：如果你网站页面都是针对移动终端进行设计，那么使用起来会很便捷。

20、不要让用户用手捏放屏幕，去放大或缩小图片

如果用户需要用手捏放屏幕，去放大或缩小图片时，有时会看不到一些重要信息或相关的“行为召唤”内容，这会让用户感到很失望。在设计网站的时候，你就应该注意到这一点，不要让用户去改变网站尺寸。有些网站会把捏放屏幕功能取消掉，如果你的网站设计的非常合理，用户根本不会注意到没有这个功能。

关键要素：如果用户放大某个网站图片时，有时可能会看不到一些“行为召唤”内容。在设计网站的时候，就要注意这一点。

21、你的产品图像需要支持大图显示

顾客想要看看自己买的产品。在零售网站上，用户希望可以看到分辨率更高的产品图片，这样可以看到更多细节，如果网站不支持产品大图显示，肯定会让用户觉得非常失望。

关键要素：对于产品照片这些关键图片而言，需要提供高质量的特写图片。

22、告知用户在哪种屏幕方向上访问网站最舒服

用户往往会在一个固定的屏幕方向上访问网站，除非有提示告诉他们切换屏幕方向(比如在观看视频的时候)。你可以设计网站的时候就考虑到垂直和水平两种屏幕方向的浏览方式，并鼓励用户切换到最佳屏幕方向上。但是无论如何切换屏幕方向，你必须要确保一些重要的“行为召唤”内容能够清晰的显示在网站上面。

关键要素：你可以和用户交流一下最佳屏幕方向，但是要确保重要的“行为召唤”内容保持在醒目位置上。

23、让用户保持在单独一个浏览器窗口里访问你的网站

在智能手机上频繁切换窗口是一件非常麻烦的事儿，而且用户还有可能找不到如何回到你的网站上去。所以，要让用户在单独一个窗口里浏览你的网站。特别要提到的是，不要在新窗口打开“行为召唤”内容。

关键要素：要确保“行为召唤”内容在单独一个浏览器窗口里显示。

24、避免“全网站”标签

用户一旦看到“全王权”这个选项，就会觉得是不是“移动网站”是被压缩的精简版网站，最终纷纷选择点击进入“全网站”。即便是桌面网站和移动网站的内容一致，也会给用户造成误解，因此，你完全可以用“桌面网站”标签，代替“全网站”。

关键要素：要给用户一个简单的网站切换体验，用“桌面网站”标签，代替“全网站”标签。

25、你必须要清楚自己为什么需要用户的地址信息

用户一般都希望了解，为什么你会向他们要地理位置信息。比如某用户在一家旅游网站上面订其他城市的酒店，但是他就感到很奇怪，因为这个网站会要求该用户提供目前所在的地理位置信息。所以，你需要把网站上地理位置这一栏默认为空，然后让用户自己选择，或是为用户提供一个清晰的“行为召唤”操作，比如“在我附近查找”，等等。

关键要素：你必须要清楚自己为什么需要用户的地址信息，然后要了解这些信息是如何影响用户体验的

针对上述这25个要点，谷歌公司用户体验研究员Jenny Gove总结了最重要的四点建议，分别如下：

1、 添加一个醒目的搜索条

如果你的移动网站还没有一个搜索条，那么真的需要赶紧添加一个了。“在移动终端上，人们希望能够快速找到自己需要的东西，因此我们发现，人们对搜索条的需求很大，而且最好能够放在主页上面。”Gove解释说道。

当然啦，作为由谷歌发起的研究项目，推荐在网站醒目位置安装搜索条似乎并不让人感到意外。但实际上，谷歌公司发现，用户其实并不介意使用搜索条，因为这样可以让他们快速找到自己需要的信息。

2、 把大表格拆分成小块

谷歌发现，许多网站都会要求用户提供各种各样的信息，比如地址信息(寄送商品时需要)，信用卡号(支付买单时需要)，等等。而在填写这些信息的时候，网站往往都会提供一个长长的表格页面，上面有各种输入框，非常复杂。所以，如果能把这些表格拆分成更小，更容易理解的小块，效果可能会更好。

另外，Gove建议，最好能够显示表格填写的步骤。而且最好在填写时可以实时验证输入内容的正确性，比如用户在输入自己的邮政编码时，可以实时校验。

3、 允许用户匿名浏览

有些购物网站会要求用户必须注册或登录才能进行购买操作。而有些网站更夸张，必须注册或登录后才能进行浏览。这两种方式都是大错特错。

Gove表示，“如果你准备创建一个零售网站，如果用户没有注册帐号，那么完全可以为他们提供一个访客的身份。没错，商家都希望用户可以注册登录，但是他们完全可以在买单之后才进行操作。”

4、 要支持设备之间的便捷切换

因为人们都是随时随地使用移动终端，因此很有可能在使用过程中被某件事情打断，然后转移到笔记本电脑上面工作去了。

Gove认为，最悲催的体验就是，当用户切换设备之后，无法继续自己之前的使用体验，如果让用户复制粘贴自己访问的URL，简直是太麻烦了。

最好的解决方案就是，移动网站可以提供一个快捷按键，然后自动把当前的链接，或访问内容发送到用户自己的邮箱里面，然后不管之后用户在什么设备上面登录，都可以继续自己的使用体验。

最后，Gove觉得谷歌通过用户研究，清晰的定位了构建移动网站存在的问题，她觉得，虽然问题不少，但好在这些问题都能够被识别出来，而如果这些问题可以被人们写下来，就意味着，人们也有能力解决这些问题。

（via fc 译/快鲤鱼）