SEO

将社交媒体集成到Web设计中的独特方式

Suzanne Scacca. 经过 Suzanne Scacca.  |  2018年11月06日

社交媒体营销有一些非常特别的东西以及迫使消费者与之交往的东西。

Hootsuite 2018. 社交媒体晴雨表 说现在有超过32亿增加的社交媒体积极的消费者。随着这一大部分人口积极参与社交媒体,该报告中调查的67%的商业主管毫不奇怪地表示,社交媒体营销改善了其底线。

作为网页设计师,您可以采取知识并继续执行其他人的作用:

  • 将“连接”图标添加到标题;
  • 将“分享”图标粘到滚动博客侧栏;
  • 从YouTube嵌入视频。

或者您可以找到用划分的社交媒体注入网络设计的独特方式。

 

在网页设计中使用社交媒体的独特方式

显然,我并没有告诉你将您的网站转变为社交网络,或者是一个滚动的砌体网格的照片。相反,我鼓励您在框外思考,并考虑如何为您的设计创造性地应用社交媒体的优势。

以下是一些真实的例子,以激发你:

1.将HashTags和手柄添加到设计中

当您想到使社交媒体与其他类型的营销中如此不同的内容时,您可能会想到HashTags(#)和手柄(@)。他们是我们在社交媒体发明之前长期使用的简单符号,但他们现在对我们大多数人具有特殊意义。

如果它对您的品牌有意义(即它有一个年轻的受众,并且也恰好在社交媒体上活跃),Hashtags和Handles可以为您的网页设计添加一个非常酷的触摸。

这是一个例子 Nuevos指挥 雪佛兰墨西哥的网站:

雪佛兰手柄

本网站向“新司机”为雪佛兰提供敬意,并使用真正的人来实现其案例。整个网站是一个有趣的案例研究,它本身就是使用真正的Chevy驱动程序的推特句柄,而且还包括来自他们的社交账户的消息,哈希标签和图像来构建设计和消息。

雪佛兰的hashtags.

HashTags也可用于严格促销目的,也不需要在设计中具有如此主要的放置。拿着 加勒比纳节, 例如。

加勒比纳节 Hashtag.

你会发现一个小的Hashtag已经添加到网站左侧。这真的很微妙,但它的忠实节的人可能会被这位节日的粉丝注意到更多,以了解更多并获得门票。

然后,有 受欢迎的付款2017年审查 实际上使用HashTags作为设计元素。

普遍存在

当用户滚动到页面上的新主题时,HashTag更改。请根据您在网站的网页上使用标题标签的方式。只有,这增加了更大胆的触摸。

2.使用通知标记

由于无处不在的电子邮件和社交媒体如何成为消费者的生活,因此没有否认待定消息通知的诱惑。你知道我正在谈论的那些。

Twitter做到了:

Twitter通知

LinkedIn做到了:

LinkedIn通知

现在,网站也在这样做:

afriendofmine通知

但这是一个有趣的用例 我的一个朋友。可识别的通知股票代码没有告诉访问者有等待它们的消息(尽管它在那里绘制了它的效果)。相反,这就是说,“嘿,我们有五个工作等待你申请!”

我认为也可以使用其他方式,也可以使用,并且不必为用户登录到SaaS平台或会员站点。当我们移动越来越多的事情时 弹出窗口 这可以侵入用户体验,我认为我们会看到网站找到独特的方法来分享新闻和促销代码和本性的东西。这个通知股票代码将是一个有趣的方法。

3.设计时间表

通过大多数社交媒体饲料,我们提供了我们活动的时间顺序时间表以及我们与之相关的。通常有一些非常有吸引力的布局,因为它允许我们为某人的故事感觉。

什么是网站,如果不是关于品牌的“故事”及其使命为消费者的使命?

胡椒博士 是一个已经存在的品牌已经很长一段时间了,但我敢打赌,很多饮酒者对其历史不太了解。好吧,如果他们要去辣椒博士网站,他们肯定会更多地了解到这种软饮料来自哪里,甚至在旧的促销内容上瞥见一些可能今天仍然认识到。

如果您导航到网站上的历史记录页面,您将遇到一个简要介绍其故事的时间表(就像我们自己的大多数社交媒体“故事”):

胡椒博士时间表

然后,当你向下滚动时,您将遇到支持故事的图像,即使在十年内喝过伯克斯博士的怀旧的乐观:

胡椒博士照片

当你想到它时,这实际上没有什么不同,我们作为消费者拍照并在线发布它们。我们希望分享我们生活的突出乐器,品牌能够与他们的网站进行类似的东西。

4.通过测验和聊天uis与访客交谈

让我们面对它:很多时候,一个网站才感觉像一个数字传单。 “这是我们的业务。了解我们并取得联系。“我相信这就是为什么这么多人现在涌向社交媒体;了解更多信息和实际 从事 with businesses.

当然,有很多方法可以追溯你的网页设计,使得经验不那么茫然。一个完整的弹出窗口或醒目的动画可以帮助。定时器等游戏元素也很好。

除了在您的网站上放置一个实时聊天 - 那么有人对人来说,必须是另一种方式,您可以让您的网络设计真正与访客交谈。对?

我喜欢的一个例子是 约翰弗里塔 网站。有一个风格的匹配页面,允许访问者与发型师的方式与网站交谈:

约翰弗里塔

测验风格的格式允许访问者输入他们在访问沙龙时得到的问题的答案。最终,他们基于他们“谈到”的方式获得个性化响应和建议。

约翰弗里达个性化

聊天UI也是可能的,尽管AI并不像一个像内置测验一样简单的实现。考虑对您的Web设计最有意义的是什么,并相应地应用交互式元素。

 

包起来

社交媒体在现代业务中扮演着一个很大的部分’S营销努力。但是,当谈到网站时,为什么我们只是以社会股票图标或嵌入式新闻饲料的形式捕获它的小瞥见?

我争辩说,我们应该更加抽象地思考社交媒体的优势。然后,将那些相同的唯一原则和元素应用于Web设计,使其更好。