高性能的小程序UI设计剖析

  了解小程序

  在这场引起人们关注的竞赛中,您的网站提供了一种体验。在高性能网站中,网站的各个方面都可以达到目的。设计给人以品牌个性的感觉,并引导眼睛和鼠标。

  正如用户想要了解的更多信息一样,信息也在不断涌现。来访的机器人也能够理解您所提供产品的价值,因此他们回头告诉搜索引擎您使互联网变得更加美好。

  有意的网站策略涉及在网站解剖结构的限制内工作。所有为我们创造了这个数字世界的合作者都给了我们一份精美的礼物。通过无数的网站实验,一些网络约定已逐渐形成,以影响人们在网上开展业务的方式。通过这些既定规范来传达我们的信息,可以使我们将人们的注意力变成收入。

  网站解剖

  1.UI设计

  网站设计是人们访问网站时首先要注意的事情。最初的印象是您“吸引”访问者的机会。策划视觉体验会灌输您对业务质量的看法。您想将公司的质量传达给潜在客户,并且可以从心理上通过时尚的UI设计来做到这一点。

  设计只是使事物看起来漂亮的想法是一个巨大的误解。激发人们从视觉信息中采取行动需要同理心,培训,好奇心,测试和数据分析。尽管突破网站设计的乐趣很有趣,但互联网用户已经根据他们以前的经验学会了与网站进行交互。如果您想最大程度地提高网站收入,就需要利用这些学到的行为。

  请记住,有关UI设计的所有内容都是一个隐喻。人们将商品放入购物车是因为他们已将购物车与购买注意事项相关联。播放视频不再要求影片向右微信,但是我们的三角形仍然指向该方向,因为该符号已被广泛理解。以下是页面布局的关键元素及其预期功能。

  标头

  页面标题是人们可以快速评估公司范围的地方。他们希望看到您网站的徽标和主导航菜单。在导航中包括指向您最常购买的物品的快速路径。要包含在主导航菜单中的高流量页面的示例是:联系信息,用户登录名,患者门户,商店和结帐。

  标头的导航栏可以在主要类别下面包含下拉菜单项。这可以帮助人们找到他们想要的东西,而不会立即因太多选择而使他们不知所措。良好的用户体验(UX)规则是给出简单的概述,然后让用户根据自己的意愿进行更深入的研究。整理标题项目是一种克制和优先级的练习。

  网站标题回答的一些问题是:

  该公司提供什么服务?

  我可以在这个网站上购物吗?

  物理位置在哪里?

  如何联系客户服务?

  如何安排约会?

  身体

  每个网页的主要内容应快速传达该网页的消息。有一个想法,您应该考虑首先为微信用户设计一个网站。在小型微信设备上想象您的消息会迫使您优先考虑最重要的信息。当您将故事缩为几句话的标题,然后再加上几句话时,就会出现结构化的信息。

  检查您的某微 Analytics(分析),以了解目标受众在您的网站上停留了多长时间。您可能只有几秒钟的时间来吸引他们的注意力。请仔细考虑每页的目的,如何使人们到达那里以及您想去哪里。

  号召性用语(CTA)

  选择您希望访客采取的一项主要行动。对于访问者来说,您希望他们在您的站点上执行的操作应该非常明显。

  主要CTA的示例如下:

  购买

  日程

  称呼

  捐

  您可以在顶部栏中(位于导航上方的标题中)放置一个CTA按钮,并在整个转化页面的正文中几次放置CTA按钮。有些人会因为已经决定购买而到达您的站点,因此他们正在立即寻找此按钮。其他人可能会在阅读您的消息后决定单击此按钮,而其他人可能出于好奇而单击价格。单击此按钮会将潜在客户带入您的销售渠道进一步。

  页脚

  访问者到达页面底部后,您想做什么?可以根据页面类型的意图使用一些不同的页脚版本。如果他们已经通过了您的主要CTA,那么现在可能是引入一些辅助CTA的好时机,例如“订阅新闻通讯”或“关注社交媒体”。

  在页面页脚中,您需要包括联系信息,有些公司甚至在此处包括完整的站点地图。在您的站点的每个页面上都包含要显示的所有内部链接的好地方。考虑一下客户旅程,并查看您所在行业中其他有影响力的网站。例如,新闻发布网站通常在页脚中包含广告客户的链接。

  侧边栏

  侧边栏是可选的,它们通常与博客文章相关联。它们可以帮助您在各个主题之间导航,并且通常包括辅助号召性用语。请注意明智地引导读者的注意力,并跟踪哪个侧边栏小部件效果最好。请不要在主要转换页面上添加侧边栏,以免在结帐途中分散注意力。

  2.信息架构

  在计划新网站,重新设计甚至定期审核时,所有信息的概述都是一个不错的起点。有效的UI设计是关于快速传达信息。网站的结构应经过精心设计,以使网站访问者朝着所需的方向发展。您的网站结构可以很宽也可以很浅,也可以很窄也可以很深,只要确保您知道这会如何影响整个网站的流量即可。

  登陆页面

  访问者到达您网站的第一页是他们的登录页面。您可以为每种类型的客户创建不同的登录页面,以说明您的公司为什么对他们的独特问题有完美的解决方案。精心设计的定位声明将帮助您创建具有高转化率的目标网页。

  您可以通过定向推广或SEO获得与这些着陆页有关的点击量。您可能已经见过B2B网站,它们为每个客户行业创建一个不同的登录页面。该公司可以进行LinkedIn推广活动,以吸引那些页面的访问量。关联性和个性化可以提高转换率,因此,这些针对您邮件的定向旋转通常值得付出努力。访问量最大的登录页面是您的主页。

  主页

  您的首页将为您的品牌带来最大的SEO重量,很多人将首先来到这里。主页需要立即使人们与您的品牌信息互动,并将他们引导到能够引起他们特定需求的页面。

  对您的首页布局进行实验可以产生最大的结果,从而增加您的点击率和平均会话时长。利用您品牌中最好的元素来创建一个出色的首页,将点击量转移到转化页上。

  产品和服务页面

  产品或服务页面应该是转换率很高的页面。他们的目标是说服客户在销售渠道中迈出下一步。向他们提供做出此决定所需的所有信息。包含大量图像,使客户可以轻松地购买,致电或安排约会。

  联系页面

  发布您所处的位置以及联系方式可以建立与客户的信任。实际上,许多访客只是来查找此信息,因此使其变得快速,容易地找到。提供有关如何与您联系的选项。那里有一些快速的决策者,第一家做出回应的公司可能刚刚达成交易。

  博客

  一个战略博客是搜索引擎优化的有力工具。将博客文章定位为特定关键字的排名将带来更多相关流量,而其他网站的反向链接将为您的网站树立权威。

  博客还有助于建立潜在客户的兴趣。也许有人访问了您的网站,但他们还没有准备好购买。他们想记住您的公司,因此他们注册了您的新闻通讯或在社交媒体频道上关注您。

  这是您让他们成为您的信息使用者的机会。宣布您的最新博客文章后,您可以继续将其拉回到您的网站,并希望将其定向到转换页面。

  内部连结

  引导人们进入下一个内容,使他们在您网站上的停留时间更长。增强网站功能的最简单,最强大的方法是最大化内部链接。您可以通过在正文中创建文本链接,或通过创建整个设计块来推广网站上其他页面的方式来实现此目的。

  3. 内部优化

  每个人都希望他们的网站出现在相关的搜索引擎结果中。这是一个持续的过程,需要监视,分析和一致的内容创建。您的网站需要坚实的SEO基础来为您最重要的关键字进行排名,并需要内容营销策略来提高知名度。

  您在网站上所做的,有助于提高其可见度的一切都被称为页面SEO。此外,产生高质量的内容会鼓励其他人重新链接到您的网站,从而增加了页面外SEO。

  首先,网站将对品牌关键词进行排名,其中包括企业名称。接下来,网站可以专注于特定领域,并在该狭窄主题内对关键字进行排名。随着权限的增加,将有机会为更多的高流量搜索词进行排名。这是一场专注于战略的游戏,最终SEO目标需要与收入机会保持一致。

  技术搜索引擎优化

  机器人对您的网站的理解不同于对人类的理解,它们是确定您的网站排名的人。尽管算法在解释中越来越试图变得更像人类,但它们仍需要一点帮助。

  添加诸如结构化数据,站点地图和内部链接之类的额外信息,可以帮助搜索引擎以更上下文相关的方式理解您的消息。页面速度和出色的网站维护表明,您在意提供出色的用户体验,这也将给您带来极大的帮助。

  技术上可靠的网站的一些指标包括:

  SSL证书

  结构化数据

  网站地图

  工作连结

  Hreflang标签

  Alt标签

  伟大的核心网络生命力

  元标记

  robots.txt

  没有重复的内容。

  值得分享的内容

  发布高质量的内容将鼓励有影响力的人和其他发布者共享指向您网站的链接,从而吸引更多流量,甚至有时传递SEO“果汁”。成为信息权威和建立信任的机会,使内容策略与业务模型保持一致,从而成为利基主题领域的专家。

  值得分享的内容包括:

  信息图表

  解释器视频

  来自原始实验的数据

  行业领袖访谈

  4.内容

  汇集各种形式的媒体来讲述一个故事,可以创造出一种引人入胜的叙事方式。内容可以解释您的公司为何出类拔萃,对您的领域进行教育,甚至描绘出您希望人们购买的情感图片。内容营销本身就是一个整个行业。通过使您的网站成为常绿内容的存储库,您可以吸引稳定的网站流量。

  图片

  摄影,插图和信息图表是您可以使用的所有不同图像类型。结合库存摄影,现场照片和图形元素,营造出围绕品牌个性的感觉。您还可以使用图像来分解文本块,以吸引读者的注意力。

  东南亚网站登陆页面来源

  影片

  像图像一样,视频也有多种形式。结合浮动文本的简单股票视频可以用作博客文章的预告片。纪录片式的采访视频可以使您的公司与客户保持更紧密的联系。动画讲解视频可以使用隐喻介绍新技术。

  社会证明

  要证明您的信誉,在说服潜在客户您是他们的最佳选择方面将大有帮助。这就是所谓的社会证明,它是任何网站的必备工具。嵌入某微评论,发布客户推荐,并显示奖励和证书。同样,通过“留下评论”或“评论”按钮,为您的客户提供成为品牌大使的机会。

  文章或博客文章

  撰写网站内容是必须的。您需要建立字数统计并讨论与您的业务相关的主题,以通过搜索引擎进行推广。较长的文章还会使客户在您的网站上停留的时间更长。如果您聘用的作家同时也是有影响力的作家,那么您可以向他们的受众讨价还价。

  5.网站开发

  现在,我们来谈谈网站解剖学的精髓。当人们与您的网站互动时,他们是通过Chrome,Safari或Firefox之类的浏览器进行操作的。该浏览器正在读取您的网站文件中引用的代码,并使用它在访问者的屏幕上绘制网站。

  HTML,CSS,JavaScript

  浏览器可以使用几种编码语言来绘制您的网站,其中三种基本语言是HTML,CSS和JavaScript。超文本标记语言(HTML)就像形成页面结构的框架一样,描述了每个内容。级联样式表(CSS)负责告诉浏览器该内容应如何在设计上进行布局。JavaScript描述了应该在网站上进行的操作,通常会鼓励用户交互。

  编写良好的代码会影响用户体验,页面速度以及您开发网站的能力。在资源密集型设计和快速加载页面之间始终需要权衡取舍。分析用户行为后,最好做出艰难的决定。

  内容管理系统(CMS)

  一个网站可以完全使用HTML,CSS和Javascript构建,但是要扩展商业网站,您需要一个内容管理系统。最著名和广泛使用的CMS是WordPress。CMS使具有不同计算机素养的几个人可以通过用户友好的界面为网站做出贡献。它还为Web开发人员提供了一个协作系统,他们可以利用成千上万其他开发人员的主题和插件。

  选择你的冒险

  企业可以从大量现有的网站元素中进行选择,以帮助他们传达其信息。经过测试的转换客户策略提供了可靠的启动计划,可以通过时间和精力对其进行调整。归根结底,有效的网站设计是通过其增加公司收入的多少来衡量的。