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

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

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

首屏多高才合适？

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

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

据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 】

相关推荐： 如何使用Golang实现容器自动化运维_Golang Docker运维管理方法  Win11如何设置ipv6 Win11开启IPv6网络协议教程【步骤】  Win11怎么关闭触摸键盘图标_Windows11任务栏系统托盘设置  PHP接收参数值为空怎么办_判断和处理空参数方法说明【说明】  Win11怎么设置多显示器任务栏 Win11扩展任务栏至多屏方便跨屏操作【技巧】  如何诊断并终止卡死的 multiprocessing 子进程  windows 10应用商店区域怎么改_windows 10微软商店切换地区方法  Win11怎么关闭搜索历史 Win11清除搜索框最近记录【隐私】  如何使用Golang defer优化性能_减少不必要的函数调用  如何使用Golang sync.Map实现并发安全map_避免锁竞争  Windows蓝屏错误0x00000018怎么处理_驱动初始化错误解决  如何使用Golang处理静态文件缓存_提高页面加载速度  如何在Golang中引入测试模块_Golang测试包导入与使用实践  Python网络异常模拟_测试说明【指导】  作用域操作符会影响性能吗_php静态调用性能分析【教程】  php8.4xdebug无法调试怎么办_php8.4xdebug配置问题解决【解答】  Python与OpenAI接口集成实战_生成式AI应用场景解析  Python多进程教程_multiprocessing模块实战  Win11如何设置系统声音_Win11系统声音调整教程【攻略】  c++ nullptr与NULL区别_c++11空指针规范  Win11怎么解压RAR文件 Win11自带解压功能使用方法  Windows电脑如何进入安全模式？（多种按键方法）  Python函数缓存机制_lru_cache解析【指导】  PythonPandas数据分析项目教程_时间序列透视表应用  c++中的Tag Dispatching是什么_c++利用标签分发优化函数重载【元编程】  Python生成器表达式内存优化_惰性计算说明【指导】  如何使用 Python 合并文件夹内多个 Excel 文件并避免权限错误  Mac如何修复应用程序权限问题_Mac磁盘工具修复权限【教程】  c++ try_emplace用法_c++ map高效插入数据  c++如何利用doxygen生成开发文档_c++ 代码注释规范与HTML文档导出【案例】  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  PyTorch DDP 多进程训练在 Kaggle 笔记本中的正确启动方式  Win10怎样卸载自带Edge_Win10卸载Edge浏览器步骤【教程】  Win11怎么关闭自动调节亮度 Win11禁用内容自适应亮度【设置】  Python对象生命周期管理_创建销毁说明【指导】  Win11开机自检怎么关闭_跳过Win11开机磁盘扫描修复方法【技巧】  PHP主流架构如何做单元测试_工具与流程【详解】  如何使用Golang recover捕获panic_防止程序崩溃并处理异常  c++中的可变参数模板(variadic templates)怎么用_c++模板编程黑魔法【C++11】  如何使用Golang实现文件追加操作_向已有文件追加数据  Win11如何添加/删除输入法 Win11切换中英文输入法快捷键【设置】  Go语言中slice追加操作的底层共享机制解析  Win11系统更新后黑屏怎么办 Win11更新黑屏修复教程【方法】  Windows10系统怎么查看显卡型号_Win10 dxdiag显示选项卡  php485返回空数组怎么回事_php485数据接收为空排查指南【详解】  Win11怎么关闭内容自适应亮度_Windows11显示设置CABC关闭  PythonDocker高级项目部署教程_多容器管理与CI/CD流水线  Win11怎么关闭开机声音_Win11系统启动提示音静音【教程】  ACF 教程：正确更新嵌套在多层 Group 字段内的子字段  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】 

 2019-07-08