如何外贸网站设计-能留住客户提升用户体验！

如何外贸网站设计-能留住客户提升用户体验！

       首页不仅是一个网站的门面，更是企业形象的代表，决定访客的去留。而首页的第一屏，即首屏，开门见山，更是重中之重。大部分访客只会花几秒扫视页面，如何在首屏捕获用户的芳心，增强访客粘度，关系到网站运营以及转化率的问题。

首屏多高才合适？

为保证访客一眼能看到内容的完整性，需要给首屏设置高度界定。这里有个参考公式：

首屏高度=电脑设备分辨率的高度-浏览器环境大小（包括菜单栏、收藏栏、状态栏等）。

据NUORW不完全统计数据显示，当首屏像素高度大于580时，44.64%的访客看不完整；大于720，82.64%的访客看不完整，大于800，92.27%的访客看不完整。所以，NUORW建议首屏高度控制在720像素左右为佳。

首屏展示什么内容？

首屏元素应包括：logo、公司名称、导航、banner，并且要将重要的信息要放在左侧，以便增加曝光率。因为大部分访客浏览的轨迹呈字母“F”形，如下图为访客眼动轨迹示意图。

(图片来源于网络)

首屏展示应使用公司简称

首屏头部一定要放logo，最好跟公司名称并列，作为企业的标志。具体位置可在左上角或者居中。

访客通常只会花0.1秒的时间扫视logo。 但不少商家会要求logo旁边展示公司全称，例如Guangzhou XXX Co,Ltd. 。这样既影响阅读又难以记忆。如以下对比图：

    倘若访客对企业感兴趣，自然会浏览内页。公司全称只需要在关于我们、联系我们等页面，和底部版权信息展示即可。

首屏大图聚焦用户注意力

读图比读字更引人入胜。精彩的首屏banner，可以快速将信息传达给访客。一张banner通常由多个元素组成，包括：背景图、产品、文案。但很多商家的要求在设计上都不利于企业信息传达，例如：

1. 没有广告语文案

广告语是banner的重要组成元素。缺少广告语的banner，对于营销是毫无效果的，无法传达有效信息，并会导致访客流失。

如上图，缺少了广告语，网站显得空洞无物，访客无法读取任何关于企业的信息，此时访客很有可能就将网站关闭。

2. 广告语文字过多

相反，广告语文字过多，访客一眼看不到重点，容易造成阅读困难。

Banner自动切换时间通常是2 – 3秒，一大段的描述文字，访客难以在短时间内读完，导致用户体验感差，降低访客对网站的信心。

简短明确的广告语是强有力的开场白，应放在最显眼的位置，用大字体突出，同时用小字辅助说明。一两行精简为宜，让访客在扫视的过程中快速读懂内容。

3.凌乱却不美的产品拼凑

不少外贸商家希望banner上展示更多产品，其实很容易造成视觉混乱，甚至拉低品牌价值。如下图：

建议

Banner可从企业理念、产品优势、应用领域、特色产品等多角度阐述，每个角度分别设置一张banner。

例如挑选五款重点产品，分别设置五张banner，但每张banner展示的产品数量以不超过三个为宜，而且不同产品的拍摄角度应尽量统一。

另外在banner上增加引导点击按钮提示，能够有效的提高网站转化率。如果按钮的文字能使用召唤力强的词汇，更能激发访客点击，给网站带来利益。

4. 合理的导航，有助访客快速找到答案

导航是网站的路标，合理清晰的导航可以带领访客快速找到目标信息。因此，NUORW建议导航广度不超过7个，导航深度在三层以内为佳。

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 网络优化76771 】 【 技术知识130152 】 【 IDC云计算60162 】 【 营销推广131313 】 【 AI优化88182 】 【 百度推广37138 】 【 网站推荐60173 】 【 精选阅读31334 】

相关推荐： 如何在 PHP 中按相同键合并两个关联数组为二维数组  Win11关机界面怎么改_Win11自定义关机画面设置【工具】  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  获取 PHP 文件最后修改时间的正确方法  Mac怎么安装软件_Mac安装dmg与pkg文件的区别【指南】  Win11怎么关闭SmartScreen_禁用Windows Defender筛选器教程【步骤】  MAC如何安装Git版本控制工具_MAC开发环境配置与Xcode插件安装【教程】  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  Windows10如何更改任务栏高度_Win10解除锁定调整大小  PHP cURL GET请求：正确设置认证与自定义请求头的完整教程  Win11如何卸载OneDrive_Win11卸载OneDrive方法【教程】  php订单日志怎么记录评价_php记录订单评价日志方法【方法】  php中作用域操作符能访问私有静态属性吗_访问权限限制【指南】  Windows10系统怎么查看已安装更新_Win10控制面板卸载补丁  c# 在高并发场景下，委托和接口调用的性能对比  php能跑在stm32上吗_php在stm32微控制器上的移植方法【介绍】  Win11怎么关闭小组件_Win11禁用任务栏天气与小组件方法【设置】  php会话怎么开启_session_start函数的作用与使用时机【方法】  跨文件调用类方法怎么用_php作用域操作符与自动加载配合【介绍】  Win10怎么更改用户名 Win10修改账户名称操作教程  Win10如何设置双wan路由器 Win10双wan路由器设置方法【指南】  Win11怎么关闭自动调节屏幕亮度_Windows11禁用内容自适应亮度控制  Win11怎么开启游戏工具栏_Windows11 Xbox Game Bar快捷键  Win11怎么打开旧版计算器_Win11恢复传统计算器应用【详解】  如何在Golang中验证模块完整性_Golanggo.sum校验与安全实践  Windows10电脑怎么设置自动连接WiFi_Win10无线网络属性勾选  如何使用Golang实现错误包装与传递_Golangfmt.Errorf%w使用实践  php订单日志怎么记录发货_php记录订单发货操作日志指南【指南】  Win11怎么关闭自动调节亮度_Windows11禁用内容自适应亮度  Win11鼠标灵敏度怎么调 Win11鼠标指针移动速度设置【教程】  Mac如何使用听写功能_Mac语音输入打字【效率技巧】  Win10系统字体模糊怎么办_Windows10高级缩放设置修复  Win10如何更改任务栏高度_Windows10解锁任务栏调整大小  php订单日志怎么在swoole写_php协程swoole写订单日志教程【教程】  Win11怎么设置默认输入法 Win11固定中文输入法【步骤】  C++如何解析JSON数据？（nlohmann/json库示例）  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  PHP中require语句后直接调用返回对象方法的语法解析  c++ nullptr与NULL区别_c++11空指针规范  Win11怎么关闭通知中心_Windows11系统通知与专注助手设置  Win11怎么制作U盘启动盘_Win11原版系统安装盘制作【详解】  如何使用正则表达式批量替换重复的 *- 模式为固定字符串  php在Linux怎么部署_LNMP环境搭建PHP服务的详细指南【指南】  MySQL 中使用 IF 和 CASE 实现查询字段的条件转换  MAC怎么截图并快速编辑_MAC自带截图快捷键与标注工具使用【方法】  php嵌入式日志记录怎么实现_php将硬件数据写入本地日志文件【指南】  如何在 Pandas 中按元素交集合并两列字符串  VSC里PHP变量未定义报错怎么解决_错误抑制技巧【解答】  PHP怎么接收前端传的时间戳_处理时间戳参数转换技巧汇总【指南】 

 2019-07-08