确定您网站的用户需求是设计中的首要任务，我们需要从消费者的视角出发全面思考。当消费者在不同的设备和环境下浏览您的网站时，我们同样需要根据不同场景提供差异化的功能和体验。
首先，明确客户在手机端查询信息时所期望看到的内容，这就是网站设计的核心。这也是决定是否需要采用响应式网页技术的关键因素。
电脑版（用户%）移动设备（用户67%）使用地点固定位置（家中、办公室）任何一个可以行动上网的地方（捷运、厕所、咖啡厅、机场、卧室...）
**关注重点：**
1. 首页风格与图片
2. 房型、房价
3. 可预订日期
4. 优惠方案
5. 交通方式
6. 邻近景点
7. 其他（电话、地址等）
在电脑版网站的布局中，我们需要考虑读者的阅读动线：首页→房间介绍→房价→在线订房→最新消息→交通位置...
搜索路径：首页→联系电话或分享链接点击
**浏览动线的重新思考**
从用户关注重点出发，我们可以重新安排整个网站的浏览动线。除了电脑版页面外，移动设备的用户体验同样重要。
由于移动设备屏幕尺寸较小，每个元素都要经过精挑细选，确保其重要性。合理安排各个元素的位置，如电话、地图、产品信息等，可以缩短用户获取资料的时间。
**简洁而不简陋的设计**
考虑到移动设备的处理能力和屏幕尺寸限制，网页设计必须简洁。简化页面，缩小加载时间，但在G环境下仍能顺畅浏览。
简单并不意味着简陋，我们需要在美观和实用之间找到平衡。利用CSS技术，我们可以兼顾网站的美感与页面大小，打造出既美观又实用的响应式布局。
**直式设计：优化移动体验**
根据用户导向，移动设备阅览率远大于电脑。因此，调整算法以适应移动设备的阅读习惯至关重要。
响应式网页应采用直式设计（单栏式设计），避免横向滚动条，方便在有限的空间内阅读和操作。
**重要的导览功能**
清晰、易点的返回按钮是必不可少的。
**适度的触控体验**
为了保证良好的用户体验，手机和平板上的按键和超链接至少需要44px宽。鼠标的悬停效果在移动设备上要被剔除，例如下拉菜单、变色等特效。
**视觉反馈：提升使用体验**
按钮不仅要大且明显，还要通过颜色变化等方式告知用户已被点击。加载网页时，呈现loading画面可避免重复点击和延迟加载。
这些细节虽微小，却直接影响用户体验和对网站的好感度，进而影响品牌形象。
**强化移动设备功能**
响应式网站不仅要展现电脑端信息，更要发挥移动设备的独特优势。
例如，一键拨打、一键开启地图等功能可以加快交易速度。利用二维码QRcode，方便手机用户随时浏览您的网站。