无论你是一家社交媒体公司,一家当地咖啡公司,还是一名自由设计师,来到你网站的访问者都有许多不同的理由在你的联系页面停留。这就是为什么重要的是让你的联系页面设计正确,让你的访客可以找到他们需要的,得到他们想要的帮助,并有一个愉快的体验。

你的访客可能在寻找工作机会,抱怨产品有问题,为他们的购买寻求支持,找到一个电话号码或访问他们的办公室。这些互动是保持您的业务或组织平稳运行的关键,因为它们标志着访问者和您(网站所有者)之间协同工作的关键点。拥有一个有效的联系页面可以为您的客户提供预期的价值和无缝的体验。

联系人页面设计与男子坐下来看这个电话
插图作者橙汁

前7个联系人页面设计提示

  1. 做正确的研究
  2. 提供适当的联系方式
  3. 设计清晰的视觉元素
  4. 确保无障碍
  5. 品牌一致性
  6. 增加参与度
  7. 透明

1.做正确的研究

当您创建网站的联系人页面设计时,您可能会发现自己正在尝试使用预先存在的模板。这种做法没有错。然而,大多数人常常忽视这样一个事实,即模板可能对他们的业务不是最好的。要获得适合您业务的联系人页面设计,请问自己以下问题:

您的业务需要什么样的联系方式?

花点时间了解一下你的网站的特长和服务,然后预测人们联系你的不同方式。设计师可能会有一个潜在的客户想要报价,而医疗诊所可以期望患者联系他们预约。

如果你对不同的部门有大量的需求,比如销售、技术支持或求职,那么设置你的联系页面是很方便的,这样它就可以将这些需求定向到特定的部门。当你能够在你的联系人页面设计中确定你需要什么时,你得到的清晰将帮助你更好地构建它。

扁钢附表a咨询页
一个网站,预计通过其联系页面咨询扁钢集体

您的客户是谁?他们希望如何与您联系?

你的网站可以吸引各种各样的受众,最好认识到他们基于文化、语言和地理位置的多样性,然后努力满足他们的需求。您可能会考虑到您的联系人页面设计的一些方面是什么样的接触方法在不同国家流行,语言支持和可访问性考虑。

马来西亚法律公司与WhatsApp聊天机器人
WhatsApp聊天机器人用于联系马来西亚的一家律师事务所,因为它在该地区很受欢迎Chern公司。

2.提供适当的联系方式

你的联系页面设计需要传达一个明确的行动,让你的访问者能够与你联系。您可以为您的观众提供以下方法:

传统联系方式

提供电话号码可以让人们通过电话或短信联系到你。添加一个实际地址将允许他们定位和访问您,特别是如果您的业务需要客户访问您的地方,如面包店,水疗中心或牙科办公室。添加地图或谷歌地图的链接将进一步简化访问者对你所在位置的导航。

sandwich的联系页面显示了他们的地址,以及一张地图和一张建筑物的照片
一个精彩的例子,地图和照片的建筑物旁边添加了联系地址,方便识别和导航通过三明治

网站上的数字方法

要允许访问者在网站上与您联系,您可以选择使用聊天机器人。您可以在访客和支持人员或人工智能机器人之间建立对话。或者你也可以提供一个表格,让访问者可以填写他们的查询细节。这些内置的联系方式可以帮助减少垃圾邮件,跟踪您的查询,并在您的团队中委派任务。

聊天框窗口示例
使用聊天框通过粗体360
友好的联系方式,设计工作室
设计工作室的简单联系方式友好的

使用其他平台的数字方法

有时,你的访客可能会想通过他们定期检查的平台或他们更喜欢的东西与你联系。这些方法提供你的电子邮件,包括Instagram、Facebook、Linkedin甚至WhatsApp等社交媒体链接。

明确联系方式
清除联系人页面设计依据天鹅绒

3.设计清晰的视觉元素

当你有多种方式与你联系时,在你的联系页面设计中把它们放在一起可能会很混乱,很难区分。这可能会导致您的访客错过一些信息和困惑,甚至与错误的部门取得联系。

这是非常重要的,以确保您的联系页面设计是明确的,易于使用和访问。有一个干净的视觉设计不仅节省时间,为您的访客,而且还提高了您的业务效率,直接查询到正确的部门。

联系页和咨询页并排,章节划分清晰
联系人页面设计人博格丹o

当您有多个部门时,同样适用。将他们的信息分开是一个好的做法,这样访问者就可以向正确的部门发送适当的消息。即使是像边界或间距这样简单的东西,也能帮助游客从视觉上看到不同的区域。

联系页面要求用户选择查询领域,如个人银行、股东服务等。
一种通过澳大利亚国家银行

4.确保无障碍

认识到人们有不同的能力是很重要的。你的网站设计需要包容和倾向于不同的需要,给每个人平等的访问和机会。这样,你不仅会你的方法是合乎道德的接触网页设计,但你将能够接触到更广泛的受众和提高可用性。请注意以下几点,以确保在设计联系人页面时正确访问web:

窗体可访问性

确保表单字段和其他元素在其特定属性和咏叹调地标. 这使得窗体控件可以被可访问性程序(如屏幕阅读器)识别。如果您想在使用颜色的字段中添加某些区别,请包括一个额外的标识符(如图标或图案)来区分它们,并使其对色盲友好。记住还要验证访问者提供的信息,并为他们提供撤消更改、确认输入数据、通知任何错误以及帮助纠正错误的工具。

联系我们页面上的表单验证
通过使用字段的颜色和形式进行形式验证阿贝克隆比 & 费奇

减少认知负荷

把如何完成一个复杂的表格,并保持它尽可能简单的指示认识到,不是每个人都有时间或能力理解复杂的指示。这可以通过将长形式划分为更小的逻辑阶段块和使用自适应形式来实现。

使用单选按钮简化表单
一种复杂的形式,分为多个阶段,包含通过商标

视觉可达性

确保您的联系人页面设计使用高对比度调色板,并且每个文本元素都可以清晰阅读。好的做法包括调整网站上的文本大小、字体类型和颜色。

具有字体、大小和颜色等辅助功能的网站
通过字体、大小和颜色更改选项向用户提供可访问性马来西亚开放数据门户

5.品牌一致性

定制视觉品牌

你的联系页面连接着你、你的组织和你的访客,因此保持品牌美学和价值观的一致性是很重要的。用于设计联系人页面的模板通常不符合您的品牌。编辑它们以适合你的个性并保持卓越!

联系页面符合品牌美感
一个很好的例子,将品牌美学融入你的联系页面布里奥罗姆

量身定做的语调

你通过网站展示自己和品牌的方式,无论是友好的、专业的还是幽默的,都需要在所有网页上保持一致,包括你的联系人页面设计。这是很重要的声音邀请和友好,以免恐吓您的访客。避免使用行话和长词。

联系页面上写着“如果你是一个假装的医生,给我们写一句话”
一个很好的例子,使用文字语气,反映品牌个性,通过狗狗工作室

6.提高参与度

不要害怕尝试,在你的联系页面设计中用创造力向前迈出一步。保持它的乐趣可以让它看起来更温暖和欢迎。添加个性化照片、插图和交互性也有助于使通过互联网取得联系的过程更加人性化。

带有员工照片的联系页面
通过使用员工图像使联系人页面人性化苹果

你也可以让你的聊天机器人友好和有趣的个性,使他们更具吸引力!看看下面可爱的聊天机器人。

叫赖利的聊天狗
古怪的方式添加个性聊天机器人通过噪声

7.透明

数据策略

记住,当与你联系时,你的访客有可能泄露他们的姓名、电子邮件地址,有时甚至泄露信用卡信息等更敏感的细节。虽然收集用户数据用于文档编制和故障排除是非常重要的,但最好承认您的访问者有权知道他们的数据是如何使用的。

它也是一个伦理实践要透明,只收集你需要的信息!大多数时候,你真正需要的只是一个名字和电子邮件或电话号码。为此,无论您在哪里收集数据,请始终链接您的隐私政策声明。

保证不会向第三方发送垃圾邮件并将其信息出售,鼓励他们轻松地向您提供信息并建立信任。

联系人页面中的隐私策略
在通过收集数据之前显示的简明易用的隐私策略SK-II型

响应时间

透明还意味着与客户就响应时间进行沟通。这样可以减轻用户对无法快速回复的焦虑,最大限度地减少来自一个人的多个查询,并在客户和业务之间建立信任关系。

估计回复时间的联系人页面
这是一个让访问者知道通过迈克尔·科尔斯

联系页面设计,这样做是正确的

澳洲电信

一个联系页面,利用插图和简单,明确的部门之间的视觉分隔。

澳洲电信的联系页面
澳洲电信的联系页面,通过澳洲电信

雀巢

一个相当简单的一体式联系人页面,具有易于使用的表单和透明的数据策略。

雀巢的联系页面
雀巢的联系页面,提供多种联系方式,方便填写表格雀巢

鱼叉

一个超级简化的多页形式,易于导航,使接触明确和快速。

Fishfinger的联系页面
Fishfinger的联系页面,通过鱼叉

甘德

另一个简单的联系页面设计与信息组织清晰。这使得访问者很容易找到信息并取得联系!

甘德设计店联系页面
干净利落的联系页面,甘德,设计商店通过甘德

总结一下

记住这7个联系人页面设计技巧,您可以保证您的访问者在使用联系人页面时有一个特殊的、难忘的体验。

现在是时候让你评估你现有的联系页面设计或开始建设一个如果你还没有!如果你需要一些帮助或者只是没有时间来设计你的联系页面,你总是可以得到专业和有才华的设计师的帮助,使你的联系页面设计脱颖而出。

想要为您的业务获得完美的联系人页面设计吗?
与我们的天才设计师合作,实现这一目标。