1.确定你的客户浏览网站的目的
营销工具永远要从消费者的角度思考，当消费者使用电脑跟手机的地点、目的不同时，我们也要赋予电脑、手机版
网站不同的功能。
首先，确定客户用手机查询你的信息时，最想看到什么，就是
网站的重点，同时也是决定要做响应式
网页的重要关键。
| |
计算机版（用户33%） |
移动设备（用户67%） |
| 使用地点 |
固定位置（家中、办公室） |
任何一个可以行动上网的地方（捷运、厕所、咖啡厅、机场、卧室...） |
| 浏览重点 |
1. 首页风格与照片
2. 房型、房价
3. 可订房日期
4. 优惠方案
5. 交通方式
6. 邻近景点
7. 其他 |
1. 电话
2. 地址（位置、交通时间）
3. 房型、房价
4. 网站风格与照片 |
| 阅读动线 |
首页→房间介绍 & 房价→在线订房→最新消息→交通位置... |
搜寻：首页→打电话
点选他人分享链接：优惠新讯或首页→房型→打电话 |
2.重新思考浏览动线
从网友要看的重点中，就能重新思考并安排整个
网站的浏览动线。
除了电脑版页面之外，也得把行动装置考量进去。 因为移动设备的屏幕尺寸较小，每一个放置的元素都必须是万中选一的重点，一点空间都不能浪费。 审慎安排每个重点的位置，如电话、地图、产品信息，可以缩短网友寻找资料的时间。
3.简化 简单 但绝不能简陋
考虑于手机、平板这些移动设备的屏幕比电脑小，处理效能也不一定比电脑好，因此
网页设计必须要简单，尽可能缩小
网站档案，才能缩短
网页加载的时间，即使在3G环境下也能顺利浏览。
但是简单不代表简陋，少了华丽特效还要能吸引网友目光，才能考验
网页设计师的真工夫。 透过CSS3技术，可同时兼顾
网站美学与档案大小，让响应式版
网站兼顾品牌形象的营造。
4.直式设计，舍去横向卷轴
Google 因应用户导向，移动设备阅览率（67%）远大于电脑（33%）的前提下，调整利于行动装置的算法。 故，为方便在有限的移动设备画面上阅读并操作
网页，响应式
网页应采直式设计（单栏式设计），并舍去横向卷轴。 只要往下滑，就可以看完所有资料。
5.加强导览功能
阅读文章时要从最后回到顶端还挺麻烦的，因此让单元列与分类清楚好找，可以加强导览功能、减少卷动画面的频率。
另外回到首页回到上一页的导览功能键也很重要，必须清晰、易点选。
6.以触控屏幕为出发点
手機、平板上的按鍵、超連結若沒有1個食指尖大(約44px)，將會是一場永遠都點不到的悲劇。
滑鼠移到按鈕上可以觸發某些功能的特有效果，在手機上也絕對要捨棄，因為手機只能點擊，沒有hover的特效，像下拉選單、滑鼠移過去變色等效果都需捨棄。
7.视觉反馈是细节 也是重点
不只要让按钮更大、更明显，让网友在点击时可以看到按钮的颜色变化，可以让网友知道他已经点击成功，能避免网友重复点击。
加载
网页时呈现loading画面，让网友知道
网页正在加载，也能避免网友重复点选、延迟加载的时间。
这些虽然都是细节，但会大大影响用户对这个
网站的好感度，直接影响品牌印象。
8.响应式强化手机原生功能
手机没有电脑的大屏幕，但却拥有电脑所没有的行动力，响应式
网站不只是将电脑上的信息重新排版，应该要特别将这些优势发扬光大，让行动力更具商机。 举例来说：
.响应式
网站可以一键拨号、可以一键开启地图，透过手机原生功能可以加快交易速度。
.
网站上可安装套件让网址实时分享到FB、微博、LINE、或WeChat，便利客户为您口碑营销。
.利用移动条码QR code，方便手机网民随时收纳你的
网站。
巨优网络网站建设为怀柔区企业提供网站建设服务，提供怀柔网站建设、怀柔网站制作、怀柔网站优化服务,为怀柔区各单位提供完善的网站建设解决方案,推动怀柔信息化发展！怀柔做网站,怀柔做网站公司,选巨优网络！咨询热线：010-69632027
