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

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

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

首屏多高才合适？

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

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

据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 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 使用Google服务账号实现Google Drive API无缝集成与文件访问  j*a中ArrayBlockingQueue的使用  HTML与J*aScript实现下拉菜单驱动的动态表格：构建交互式维修表单  如何在CSS中设置背景图像：一个全面指南  外媒评《燕云十六声》DIY载具新玩法：很像《塞尔达传说王国之泪》！  申通快递查询 申通物流快递单实时查询入口  iPhone 15 Pro如何查看存储空间占用_iPhone 15 Pro存储空间查看教程  吃完饭就犯困是什么原因 餐后嗜睡如何缓解  CDR如何复制交互式填充色  在Flask应用中安全高效地更新SQLAlchemy用户数据  实现可重用自定义Python Range类  C++二维数组动态分配方法_C++指针与数组内存布局  C++ optional用法详解_C++17处理可能为空的返回值  《广发易淘金》国债逆回购操作教程  如何定制PrimeNG Sidebar的背景颜色  花生壳内网映射新方案  稻壳阅读器官方直达网址链接 稻壳阅读器文档阅读平台主页资源入口  sublime如何处理超大文件不卡顿 _sublime打开大日志文件技巧  iPhone 13 mini如何清理Safari缓存_iPhone 13 mini浏览器缓存清理方法  汽水音乐在线听歌网页版 汽水音乐在线听歌网页版入口  深入理解Python对象引用与链表属性赋值  Django模型动态关联检查：高效管理复杂关系  VS Code源代码管理(SCM)视图的进阶使用技巧  如何快速去除厨房重油污？ 2025年最好用的厨房清洁剂推荐  修复UI元素交互障碍：从“开始”按钮到信息框的平滑过渡实现  ToDesk远程摄像头功能使用方法_ToDesk远程视频画面查看设置教程  金牛福袋获取攻略  手机坏了微信聊天记录怎么导出来 新手机恢复聊天记录技巧  使用TinyButStrong生成HTML并结合Dompdf创建PDF教程  学习通网页版课程打不开_课程无法访问时的解决方法  电脑从睡眠中被自动唤醒怎么办_Windows唤醒源事件查看与禁用【解决】  Retrofit根路径POST请求：@POST("/") 的应用与解析  抖音作品被限流怎么办 抖音内容优化与流量恢复方法  批改网官网首页登录 批改网学生用户登录入口  LocoySpider如何批量采集电商商品_LocoySpider电商采集的模板应用  歌词怎么展示在|直播|间视频号？有什么注意事项？  如何取消数字签名  Yandex俄罗斯搜索引擎官网入口 Yandex网页端直接访问  哔哩哔哩在线观看入口 B站官网免费进入  在PHP环境中正确加载HTML资源：CSS样式与图片路径指南  汽水音乐车机版 汽水音乐车机版官方入口  wps文字怎么设置文字环绕图片的方式_wps文字如何设置文字环绕图片方式  优化 WooCommerce 产品价格显示与自定义短代码集成  mysql怎么导入sql文件_mysql导入sql文件的方法与技巧  电脑双系统如何安装和卸载 Windows和Linux双系统安装教程【详解】  《植物大战僵尸3》火龙草作用介绍  餐馆菜篮选购指南  《真我》申请退款方法  win11如何诊断DirectX问题 Win11运行dxdiag工具排查显卡故障【排错】  铁路12306官网入口 铁路12306中国铁路官网登录首页 

 2019-07-08