十多年来,我们帮助公司实现财务和品牌目标。 Onum是一家以价值为导向的SEO机构。

联系方式

创建或设计网站并不像从各种各样的模板中选择您认为最酷的模板那样容易。虽然网站的外观和感觉是非常重要的因素,但它们并不是您在做出决定之前唯一要考虑的事情。

事实是:您网站的成功与网站布局,用户在使用或浏览时的感受有关。这无疑会影响访问者,无论他们对您的网站的看法是好是坏,无论他们是否考虑购买。

别开玩笑了!根据数字代理协会(SoDA)的一份报告,不良的网站用户体验对企业不利。因此,拥有完美的布局是网站和用户体验设计的关键所在。

您可能还注意到它们共享某些功能,这是因为与所有其他行业一样,趋势也席卷了设计界。如今,流血图像和三列设计已成为设计师的不二之选。

但这是问题所在,您应该事先知道任何一条路径都是有效的,它们都有各自的优缺点。那么,您认为您应该怎么做?这些选项是为了利用集体想象中的这些元素的熟悉性,或者您可以决定做一些与众不同的事情来脱颖而出并引起商店的注意!这不是一个容易回答的问题,您的选择将取决于您的目标受众。

优秀网站的特征

我们可以轻松地说,实现伟大的可能性来自多种形式,来自许多地方,有很多需要合作的地方,很多选择,很多潜力。最佳选择将取决于您的目标受众和您经营的业务类型。这些选择形成并反映了您的品牌形象。

根据Adobe的说法,三分之二的人宁愿花时间阅读那些设计精美的东西,也不愿阅读平淡的东西。如果没有吸引力,就会有38%的人离开网站。这些看起来很笼统,缺乏很多特异性。但是,UX和UI始终是由设计专家研究的,因此,与其寻找陌生人的“美丽”定义,不如寻找可以变得美丽的事物,并定义美丽在我们的上下文中意味着什么。

由于并非所有业务都相同,因此建立一个好的网站的标准也不尽相同,但是我们可以讨论构成网站设计任务的所有不同元素,您可以在思考这些问题的同时思考您的业务领域和原则。

  1. 整洁:在您的内容之间放置空格,尝试仅显示用户感兴趣的内容。摆脱“装饰品”。具有亚稳态负空间,因此元素将更易于阅读。
  2. 界面:简化导航。具有从一个部分到另一部分的直接路径。
  3. 视觉层次:按重要性顺序排列图形元素。最重要的事情可以排在第一位或占据最大的空间,通过引导游客的眼睛通过不同的元素来帮助他们导航。例如,人们首先阅读更大的东西
  4. 调色板和图像选择:简而言之,鲜艳的色彩脱颖而出,因此很适合作为重点,并与正确的图像配对,可以使您的访客更感兴趣!
  5. 面向移动设备的友好型网站:截至2019年7月,所有新网站域的默认设置均为基于移动设备的优先索引功能,同时还提高了移动友好型网页的搜索排名因此,请确保您的移动版本的布局也能正常运行。
  6. 语言切换按钮:如果事实表明我们生活在一个跨境经济中,您所居住的国家并没有限制您可以在哪里购买商品,那么如果您希望蓬勃发展,那么不拥有多语言网站是不可行的。

多语言网站是什么样的?

好消息!你可以放松,创建一个多语言的网站不是一个磨难,它很容易添加一个小的语言按钮到您的网站布局的角落之一,使用ConveyThis。在国际上在线做生意从未如此简单。

让我们看一些网站布局,并分析是什么使它们如此吸引人。

瑰珀翠&伊芙琳

首先,我们来看看Crabtree&Evelyn,这是一家香水和香熏企业,始于德国,但凭借出色的布局和语言选择已将其业务推向全球。

由于产品种类繁多,因此他们选择不打扰访客,因为他们会照顾自己的布局并做出谨慎的设计决定,例如先在假日的季节里用简单的信息填充首页屏幕, ,然后向下滚动或单击“立即购买”按钮,就会将访问者引向产品。

这是一个非常精致和干净的外观,参观者一定会被这种体验所吸引,停留的时间更长。关于菜单,有两个搜索选项,一个搜索按钮,如果您缩小了搜索范围,则可以在其中键入关键字。或单击“商店”按钮,然后按类别,按收藏选择要探索的地点或方式,或查看礼品集。

现在,有史以来最神奇的事情是语言切换器。您可以在页面底部找到它,当您单击它时,它会显示您当前的商店设置,以及带有备用菜单的下拉菜单。

这是我们之前在关于语言按钮类型的文章上讨论过的,他们有两个选项,一个是区域选项,另一个是语言选项,因为我们知道不是每个人都在浏览他们的语言或国家语言。这个网站是一个做得好的本地化工作的完美例子。联系ConveyThis团队,了解更多有关如何让您的网站更欢迎全球用户的信息!

数字薄荷

首先,出色的工作。到处都是伟大的决定,您不觉得吗?出色地使用颜色来建立对比度和焦点区域。让我们列出有关该站点的所有优点:负空间,不同大小的字体,自定义图稿,颜色和色度。

大小不同的元素的排列向您显示了从何处开始阅读,而空白则使阅读器有时间暂停。

在这里,我们有一个清晰的视觉层次结构示例:

从最不重要到最重要:浅色的业务合作伙伴,小字体的“实现”,带有黑底白字的“让我们说话”按钮,大胆的字体“进化数字”和“营销”字体与以前相同,但以绿色突出显示。

此外,“实现它”和“我们来说说”这些命令也可以帮助访问者获得浏览体验。

导航栏和Crabtree&Evelyn一样简单明了,右侧的社交媒体栏是非常依赖社交媒体作为工具的企业的理想选择。

您可以在页面底部找到它们的语言按钮,它们很小,但是所有选项都是可见的,并且它们的颜色明亮并且与Digital Menta调色板非常不同,因此可以轻松找到它们。

瑜珈

在这里,我们有一个整理网站的可爱例子。负片空间很大,彩色数字生动活泼,给游客带来好奇的感觉!随意的浏览器一定会留下来,并浏览网站的其余部分,并了解有关Yogaang的更多信息。出色的设计。

Yogang是一款针对儿童的趣味游戏,集体育锻炼,放松,分享和创造力于一体,他们的主页对此有所反映。做瑜伽姿势的不同角色的动画并不是要展示编程技巧,而是产品精神的体现。

同时可爱,并呼吁采取行动,使Yogang成为您孩子的童年时代的一部分。他们通过“购买”按钮吸引冲动的购买者,并通过指导他们首先学习教程,帮助潜在客户首先了解有关该产品的更多信息。

他们较长的菜单栏是合理的,因为他们出售B2B和B2C,因此他们有不同种类的访客在寻找不同的东西,而且他们都必须快速找到自己想要的东西。

他们的语言按钮是一个不引人注意的按钮,带有选项“ EN”和“ FR”。他们的语言选择范围很窄,但他们清楚地确定了自己最大的市场,并集中精力为用户提供最佳体验。

海军或灰色

我们知道,此列表中有很多定制艺术品。这种元素用途广泛,这些网站很好地使用它们来创建特定的外观。

海军蓝和灰色是此列表中的最后一个示例,它还具有我们之前赞扬的功能,您是否也识别了它们?它提供了非常复杂的体验,令人着迷。看到所有负面空间后,我会感到很平静,浏览此网站的想法并没有让我感到不知所措,清晰的菜单栏确保我可以轻松找到所需的内容。

我很欣赏他们是如何在菜单中将“衬衫”和“服装”分开的,这对于裁缝业务是一个适当的决定,许多其他商店也会为这些产品创建子页面,这也是一个合理的决定,但对于海军或灰色,它有助于营造出优美的外观。

特别是该网站,其语言按钮位于右上角,并且所选字体与该网站的其余部分相同。并且在左下方,他们添加了Whatsapp按钮以进行快速联系。

为您的观众设计一个出色的网站

列出的网站之所以出色,是因为它们遵循了良好设计的一般原则,而且,因为所有决定都可以被证明是合理的,原因可能是它们所在的业务领域,但也可能是目标受众。因此,在制定决策时,请记住牢记您企业的身份,理想和受众。

关键是考虑如何简化搜索,以及如何以最少的点击次数引导访问者找到他们想要的内容。

简而言之,访问者在访问主页后立即发出号召性用语,并使用负数空间形成对比并突出显示重要内容,例如您的信息;最后但并非最不重要的一点是,有一个简单的菜单和一个语言按钮。

你看起来准备在国际上销售,并可能想出了很多奇妙的想法,而阅读这篇文章。了解有关您的ConveyThis,提高您的在线销售!

作者

塞西莉亚·莫林(Cecilia Morin)

评论(1)

  1. 4种激励人心的电子商务,正在做正确的一切
    2020年2月20日 回复

    […]提到的提名人都有出色的设计师,全力以赴,并将所有能体现品牌理想的最佳创意带入令人惊叹的虚拟商店,从而将访客变成顾客。 […]

发表评论

您的电子邮件地址将不会被发布。必填字段标记为 *