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

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

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

首屏多高才合适？

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

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

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

相关推荐： ao3入口镜像地址 ao3镜像入口可靠跳转  什么是Satis，如何用它搭建一个私有的composer仓库？  使用VS Code作为你的个人知识管理系统  包子漫画在线观看入口 包子漫画网正版全集链接  PHP页面重载后变量状态保持：实现用户档案连续浏览的教程  mysql触发器如何编写_mysql触发器编写规范与代码示例讲解  谷歌邮箱官方入口链接 谷歌邮箱网页版电脑端快速登录  解决Pandas DataFrame高度碎片化警告：高效创建多列的策略  快递查询，一键速查  Win10通知横幅停留时间修改 Win10自定义通知显示时长【技巧】  搜狗浏览器如何查找页面中的文字 搜狗浏览器Ctrl+F页面搜索功能  J*aScript实现网页表单实时输入字段比较与验证教程  《万兴喵影》导出视频方法  ExcelSCAN与LAMBDA如何创建自定义移动平均函数_SCAN实现任意窗口期移动平均计算  解决C#跨线程访问XML对象的异常 安全的并发XML处理模式  泰拉瑞亚网页版在线登录入口 泰拉瑞亚官方正版入口  C++怎么实现一个红黑树_C++高级数据结构与平衡二叉搜索树  创建您的便携版VS Code：让配置随身携带  如何编写一个符合 composer 规范的 post-install-cmd 脚本？  Pydantic 中“schema”字段命名冲突的解决方案  todesk如何添加信任设备_todesk信任设备设置教程  天堂漫画网页版在线阅读 天堂漫画手机版入口  Composer如何使用composer-plugin-api开发自定义插件  怎样让Windows 11的开始菜单恢复经典样式_Open-Shell工具使用指南【怀旧】  《豆瓣》私信用户方法  Python csv 模块处理非字符串数据：列表写入 CSV 文件的机制解析  快递优选如何查优选物流_快递优选专属物流渠道查询与配送时效  《kimi智能助手》制作ppt教程  酷狗音乐多音轨设置教程  windows10怎么设置电源按钮_windows10按下电源键功能修改  《土豆雅思》修改密码方法  XPath动态元素定位：如何精准选择文本内容变化的元素  Yandex俄罗斯搜索引擎官网入口 Yandex网页端直接访问  cad加载的线型看不见怎么办_cad线型不可见问题解决方法  QQ阅读小说搜索入口地址_QQ阅读小说搜索入口地址搜索在线阅读  CSS如何在页面中引入重置样式_使用Normalize.css或Reset.css统一浏览器默认样式  mysql归档数据怎么导出为csv_mysql归档数据导出为csv文件的方法  《战地6》反作弊已成功拦截240万次作弊 发售第一周98%比赛没有作弊  德邦快递会员怎么开通  Sublime怎么格式化HTML代码_Sublime前端代码美化插件使用指南  韩剧圈正版官网入口_韩剧圈官方指定登录  智云Q3和Q2有什么升级_智云Q3与Q2手持云台功能与性能对比分析  Golang中的rune与byte类型区别是什么_Golang字符与字节处理详解  Win10显卡驱动安装失败怎么办 Win10使用DDU彻底卸载驱动【解决】  pubmed数据库官方主页_pubmed学术论文查找官网直达  如何在CSS中使用absolute实现登录弹窗居中_transform translate结合  房产|直播|视频号怎么认证开通？|直播|需要什么资质？  《百果园》充值余额方法  composer licenses 命令：如何检查项目依赖的许可证？  Safari浏览器自动填表功能失效怎么办 Safari表单管理修复 

 2019-07-08