吸引用户的网页设计技巧

相关推荐

吸引用户的网页设计技巧

　　我们都希望成功的设计改版能让网站重新焕发活力，不仅仅吸引用户，并且让用户愿意花更长时间浏览。要做到这一点，并不需要什么神秘的技能。下面小编整理了吸引用户的网页设计技巧，供大家参阅。

　　吸引用户的网页设计技巧 1

　　1.让用户一见倾心

　　组合图形和内容，让用户一见倾心，产生情感共鸣，被深深吸引。这里有两个方法(A)保持网页布局一致，以免访问者中途逃离。(B)利用抢眼的，引导性的高分辨率图形。

　　学到了什么：创建统一的视觉体验，利用带有情感的色调和线条，调动用户的参与，再加上引人入胜的内容，就足够让用户惊喜了。

　　2. 会说故事

　　我们都喜欢茶水间里的八卦，朋友聚会时的段子。当我们在分享这些故事时，我们是多么的全神贯注。既然如此，为什么不在你的网站上讲故事呢?你可以借鉴一些电影网站的做法。

　　学到了什么：经过时间检验，这是提高用户参与性的好办法。关键是你必须是一个很会讲故事的人。学习些关于信息层次结构的知识，将帮助你更好地了解受众的心理，让你设计的网站获得更高的转化率。

　　3. 摆脱常规

　　我们总被不寻常的事物吸引。头脑风暴可以帮助你找出让你的网页设计脱颖而出的方法。从高清图形和独特的版式开始吧，一个好的排版绝对可以强化你的信息传达。

　　如果你一直做别人做的事情，你将永远埋没在人群里。然而，如果你的网站与众不同，你传达的信息就会脱颖而出，引起注意。新鲜的旅途总让人紧张，但一定值得你探索。

　　学到了什么：当用户与你的网站互动时，要给他们留下不可磨灭的深刻印象。就像你心中最爱的冰淇淋口味一定胜过其他无数口味，你的'网页布局就应该努力成为受众最爱的口味，让他们随时想回来。这里的关键是研究+创造力。是的，请把握住非常规和怪异之间的界限。

　　4. 重要信息放首屏

　　网络竞争的常态下,我们很难获取新访客。所以，一旦用户登上你的网站,你一定希望把他们留在网页上久一点，更久一点。相对来说，不需要滚动操作的屏幕，人们愿意花更多的时间停留。所以设计要有效率。聪明地将响应动作、优惠信息或注册按钮放在这里，你就可以从用户反馈中受益。

　　学到了什么：信息的安排，应该让访客迅速找到他们正在寻找的东西。甚至促进访客在得到他想找的信息之后，继续在你的网站流连。

　　5. 不断改善

　　游戏高手也不可能每次都赢。我们都需要通过练习，微调技能，才能游戏中做到更好。调整你的网站设计，让目标受众着迷，也是一个循序渐进的过程。

　　学到了什么：持续改善的老概念已经在日本推行了几十年。全力设计好你的网站，然后测试它，然后再次测试，看哪些页面最受欢迎。同样，你也可以找出跳出率较高的网页。成功没有捷径。

　　吸引用户的网页设计技巧 2

　　1.首页大图幻灯片

　　你最重要的标题设计任务是选择一个能吸引你的受众的大图幻灯片效果（并以积极的方式展示你的品牌）。而且，说实话，这将是更困难的任务之一。

　　你看，没有公式可以帮助你选择完美的形象。有这么多的可能性，您将不得不根据两个因素来选择网站视觉效果：

　　您希望设计的美学方向。请记住，尽管设计精美的网站具有吸引力，但研究表明，用户通常更喜欢简单而熟悉的网站。一定要确保你的网站看起来不错——只是不要试图重新发明轮子，因为这可能会导致糟糕的用户体验、用户沮丧和（最坏的情况）高跳出率以及糟糕的品牌认知度。

　　您想给客户留下的印象。您在英雄部分中包含的视觉效果将自动告知您的受众对您品牌的看法。因此，在您开始选择图像之前，请定义您的品牌标识并了解您希望观众如何看待您。

　　例如，带有最少图像或没有图像的精简网页设计是 2022 年的流行选择，并且有充分的理由 - 看看Grown Alchemist在其大图部分中实现它的精美程度。

　　该品牌使用单个 GIF 来传达其产品的质量和精致度。这一选择表明该品牌致力于时尚简约美学，但这还不是全部。它还展示了其将卓越的用户体验优先于视觉效果的承诺（不牺牲美学吸引力）。

　　或者，您可以以完全不同的方式使用您的网站标题。您可以使用包含人物的英雄形象。

　　2009 年的一项研究表明，包含人脸图像的网站会导致访问者认为该品牌具有吸引力、热情和以用户为导向。这就是为什么许多 SaaS 公司（例如Chanty）选择此类图像作为其标题部分的原因。

　　为了提供卓越的用户体验，您实际上根本不需要使用英雄形象。您可以通过使用排版或使用更高级的内容格式（如视频）来获得同样积极的结果，就像在Le Labo主页上所做的那样。

　　2. 价值主张

　　一旦你完善了你的英雄形象——传达品牌专业知识和可信度的视觉基础——你就可以开始关注推动转化的第二个最重要的网站标题元素：价值主张。

　　也称为电梯推销，这是简洁地传达您为目标受众提供的价值的承诺，并且需要达到适当的平衡。

　　一方面，它需要足够令人印象深刻、独特和有吸引力。但另一方面，它也必须真实可信。我们不要忘记，您还应该确保始终兑现您的承诺。

　　如果您想确保您独特的销售主张能够转化，以下是提升它以推动结果的方法。

　　保持简单和相关

　　标题中的价值主张要引人注目且有效，不一定要可爱或聪明。

　　相反，它需要直接且易于理解地传达您为客户提供的价值，确保每个登录您网站的人都知道您在主页上花费的最初几秒钟内所做的事情。

　　有关如何通过直接激发转化的灵感，请查看Ultimate Meal Plans 的价值主张，它承诺“膳食计划变得简单。每周提供定制的膳食计划、杂货清单和食谱。”

　　专注于客户奖励，而不是您的产品

　　如果您研究消费者的决策过程，您会发现人们并不关心高级功能和技术细节。

　　作为一项规则，他们总是选择投资于对他们最有利的解决方案（无论是提供最物有所值、方便还是尊重他们的隐私）。

　　将自己与竞争对手区分开来

　　最后，当您尝试撰写保证推动转化的价值主张时，请不要忘记您的网站标题提供了突出产品独特性和优势的绝佳机会。

　　尝试使用此部分立即将您的品牌与竞争对手区分开来。

　　例如，谷歌在Chrome登陆页面上通过指出该应用程序是“谷歌构建的浏览器”来做到这一点。简单的？确实。但它有效。

　　3.导航

　　当考虑网站标题设计如何为良好的用户体验和用户界面做出贡献时，您会意识到最顶层区域的一个特定部分——导航菜单——决定了你的网站在观众眼中的表现。

　　事实上，如果您希望您的网站取得成功，那么设计良好且面向用户的导航菜单是绝对必要的。

　　但是，虽然您可能已经阅读过导航最佳实践（例如 3-click rule），但您可能仍然想知道：UX研究对导航有什么看法？

　　就用户友好性而言，对于构建网站的最佳方式没有明确的规则。但是，在优化网站标题时，您应该尝试并坚持一些技巧。

　　不要将形式优先于功能

　　用户体验研究表明，网页设计中最重要的是可发现性和易用性。

　　了解移动优先和响应式网页设计之间的区别，并尽最大努力使可见性和可用性优于趋势或惯例。

　　有关响应式标题设计的绝佳示例，请查看Persol。该品牌的标题会根据用户的屏幕尺寸而变化，宽度低于 1,025 像素的任何内容都会触发传统的水平导航栏切换到更适合移动设备的汉堡菜单。

　　根据需要而非规则确定菜单项

　　一些最佳实践建议会告诉您导航菜单不应包含超过七个项目。但是，您需要知道这并不完全正确。

　　只要菜单结构正确，您的导航菜单就可以包含所有关键内容的路径。您可以将页面分成一个主菜单和一个堆叠在其上方的较小的实用程序菜单，或者战略性地使用下拉菜单。为了避免导致混乱和决策瘫痪的`菜单混乱，保持菜单清洁和可用仍然是理想的。

　　如果您的组织专注于一件事，请不要尝试在水平菜单中塞入太多元素。相反，像Evolve Skateboards所做的那样，优先考虑指向有利于潜在买家的页面的链接。

　　设计实验

　　虽然在您的网站标题上设计导航菜单似乎是一项非常简单的任务，但不要让自己受到惯例的限制。

　　是的，您应该满足网络访问者的用户体验期望。但是，只要这些得到尊重，您就可以为您的品牌做任何最适合您的事情——即使这意味着将菜单放置在一个稍微不同寻常的位置，就像在Carnival Sounds网站上所做的那样。

　　4. 网站搜索

　　尽管是一个经常被忽视的网站标题元素（或至少是事后的想法），但放置得当且经过优化的网站搜索功能对于确保网站的高性能至关重要。

　　根据Econsultancy 的研究，并非所有网站访问者都使用搜索功能。尽管如此，当他们这样做时，他们的转化率提高了 1.8 倍，平均贡献了总收入的 13.8%。

　　考虑到这些信息，在您的网站标题中获得恰到好处的搜索功能至关重要。

　　为确保可见性，请将搜索按钮放在预期位置。Loewe网站上使用的导航栏右上角是传统选择。

　　您还可以更突出地显示搜索栏，尤其是在您的业务依赖大量内容营销的情况下。

　　例如，Above House网站有一个搜索触发按钮，用于启动覆盖。这表明该品牌致力于为读者提供关于他们消费的内容的代理权，而不是强迫他们处理不必要的干扰。

　　5. 重要的行动呼吁

　　您可能已经知道，完全优化的号召性用语按钮对于确保您的网站转换至关重要。

　　但是您是否考虑过展示 CTA（尤其是高价值 CTA）的最佳方式是将其放置在您网站的多个主要位置？这是正确的。使用您的网站标题来显示号召性用语可以帮助您吸引用户的注意力并确保您的网络访问者转化为客户。

　　在您的网站标题中放置重要的号召性用语的规则是什么？好吧，在设计您的网站时，您需要注意一些事项。

　　通过引人注目的设计选择吸引注意力

　　使用网站标题 CTA 实现高转化率的先决条件是做出正确的设计选择。

　　您最好的选择是选择一个符合您网站整体外观的美学方向，同时仍然脱颖而出。

　　快速浏览一下Flora网站，就可以看出黑色和深绿色的 CTA 按钮在不破坏网站整体外观或感觉格格不入的情况下非常突出。

　　在主要位置显示 CTA

　　您可以在标题设计中实施的另一种经过验证的 CTA 按钮放置策略是将这些元素放置在 Web 访问者最有可能注意到的位置。

　　传统的选择自然就在您的价值主张之下。

　　但是，您也可以在网站的导航菜单中为高价值 CTA 保留一个位置，就像Otto所做的那样。

　　传达您是谁以及访客可以做什么

　　最后，当您努力优化网站标题 CTA 以提高转化率时，不要低估 UX 副本在吸引访问者采取行动方面的作用。

　　确保您的号召性用语清楚（且引人入胜）传达有关单击按钮时会发生什么的说明，就像在Preset Love标题 CTA 上所做的那样，它邀请访问者获取预设捆绑包。

　　6. 关键站点功能

　　虽然某些网页的目标是将网络访问者转化为潜在客户或客户，但其他网页的目标是提示用户采取特定行动。在这些情况下，使用网站标题来显示关键的 UX 元素是一个很好的选择。

　　这允许这些功能通过视觉层次结构确定其重要性来脱颖而出。设计选择还可以带来更高的转化率，因为关键的站点功能不会隐藏在 CTA 后面的某个地方。它们显示在访问者最有可能首先注意到的网站部分。

　　UnscrambleX等品牌通过使用颜色、布局和视觉提示使用户输入成为网站标题的重要组成部分，在这方面做得特别好。

　　通过使用相同的蓝色背景来容纳公司徽标、导航菜单和交互元素，该品牌可确保首次访问网络的访问者立即看到他们通过使用该工具获得的价值，从而最大限度地提高他们的转化机会。

　　7. 购物车

　　截至 2021 年 11 月，平均购物车放弃率为 69.82%，这意味着企业由于糟糕的用户体验设计而失去了大约三分之二的潜在买家。

　　事实上，根据 Baymard 研究所的说法：

　　17% 的购物车放弃是由于复杂的结账流程造成的。

　　16%，因为用户无法预先计算总订单成本。

　　13% 是由于网站错误和崩溃而发生的。

　　现在，您可能在想：这与我的网站标题有什么关系？答案很简单。

　　像在网站顶部添加购物车导航按钮这样简单的操作可以帮助您重新获得部分损失的收入，让网络访问者更轻松、更方便地完成购买。

　　而且，要获得更高级的方法来充分利用此 UX 元素，您可以执行类似于Kopi Luwak Direct的操作。

　　在此站点上，单击购物车图标不会使用户离开该页面。相反，它向他们展示了一个弹出窗口，让他们可以方便地概览他们的购物车，同时允许他们继续将物品添加到他们的包中。

【吸引用户的网页设计技巧】相关文章：

网页设计中图片有哪些常见的使用技巧03-21

运用技巧设计网页的图片原则都有哪些03-21

网页设计的原则06-13

网页设计的布局12-06