首页
UI设计正文内容

登陆页面设计中的三大禁忌

2024年06月03日
阅读时长 2 分钟
阅读量 14
登陆页面设计中的三大禁忌

**为什么有些访客迫不及待地购买,而另一些却迫不及待地离开 **

无论你做什么,登陆页面都是每家企业都应该拥有的头等大事

这几乎是向你的受众传达关键信息并告诉世界你的产品的最简单方式。

问题在于,我们都不完全了解是什么让一些登陆页面很棒,而另一些很糟糕。是什么让人们点击“加入购物车”,而另一些人却选择“关闭标签页”?

在这篇文章中,我想给你一些建议,帮你看清我在担任高级 UI/UX 设计师和代理商所有者期间学到的无销售和大转化之间的这条看不见的界线。

那么,让我们开始吧。

1. 没有将 CTAs 放在正确的位置

这可能是我无论走到哪里都看到的最常见错误。

假设你花了30秒浏览网站,分析所有信息,并了解自己所在的位置。

现在,是时候迈出下一步了,无论是购买东西,订阅某人,还是实际上你采取的任何关键行动。

然而,你却找不到方法来做到这一点;你在显然应该有的区块中看不到任何呼吁行动。换句话说,设计师没有给你任何线索,告诉你应该在哪里进行这个“关键行动”。

结果,你继续滚动了几秒钟,仍然找不到任何 CTAs,并最终关闭了标签页。

永远不要认为用户足够聪明,会滚动回顶部或底部,通常会放置 CTAs 的位置。

一切都应该是显而易见的,这样你,潜在的客户,就不会花费额外的时间思考、选择或做其他任何事情。

这就是你的目标:制定一个完美的路线图,让人们能够做你希望他们做的事情。

下面你可以看到我最近设计的网站的一个简单示例。

在左边,我们看到一个带有所有必要 CTAs 的页面,而在右边,我们滚动整个页面,但仍然找不到下一步该怎么走的方法。

展示我最近的项目 NextAI 有 CTAs 和没有 CTAs

2. 使用过多的文本

网站不是你的另一篇文章。网站是一种更复杂的东西,你不能像在其他地方那样与用户交流。

你的任务是尽可能有趣地传达信息。这样,你将使用最少的文本和所需数量的设计元素。

换句话说,忘记你对一般文案写作的所有了解。你不需要在网站上写下所有这些段落。

事实上,甚至有一个专门的领域叫做UX 写作,它学习如何通过文本正确地完成网站并有效地与用户交流。

无论是登陆页、网站作品集还是电子商务店铺,使用过多的文本都会毁掉你的网站。

没有人想要花费几分钟的生命阅读又一封信;人们来到这里是为了立即看到信息,并为自己找到有价值的东西。

我会向你证明。下面你可以看到我从我朋友 Matt Giaro 的网站中取出的一个区块,以及我在5分钟内制作的版本。

旧版本和新版本之间的差异

你不需要是专业设计师就能看出区别。

我们去掉了所有不必要的文本,并添加了一些简单的设计元素,以区分最关键的信息和其他所有内容。

结果,整个区块变得小了3倍,更容易阅读和理解。

这就是设计的力量 - 让一切变得更简单、更易于理解。

对用户来说,没有什么应该复杂,所以选择正确的方式向他们传达信息。

3. 空间不足

没有必要试图在几个像素中放入尽可能多的信息。

你不应该忘记给元素更多的空间。这将使整体体验更加轻松,也会更有效地划分信息块。

我看到的常见错误是,你试图在房间里放入尽可能多的物品,而不担心它们看起来如何。

事实是,它看起来会像一堆垃圾。换句话说,有无数你不感兴趣的事物,甚至不会注意到。

当事物过于拥挤时,就像一场混乱的对话,每个人都在说话,但没有人在听。空间让你的内容有了清晰的声音。

让我们谈谈可读性。当一切都挤在一起时,就像试图阅读没有段落的书。相当困难,不是吗?

行与行、图像与部分之间的空间使你的内容更易阅读和理解。

记住,对眼睛友好,对头脑友好。

间距只是控制用户注意力的另一种工具。间距是赋予你的品牌正确氛围并使其更具美感的唯一方式。

像往常一样,看看我制作的简单示例,向你展示不要互相粘在一起的重要性。

我另一个名为 TheGrowth 的项目

结论

总结一下,设计是每个方面都非常有趣和至关重要的领域,尤其是在商业中。

通过理解这3个易于实施的概念,你将能够显著提高通过你的登陆页面的销售量。

你不会冒任何风险,也不需要在上面花任何现金。那为什么不试试呢?

我非常期待看到它如何帮助你在旅程中,所以请随时联系。

毕竟,机会在等待,是时候行动了!

免责声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

相关文章

在 Figma 中使用自动布局的技巧
2024年11月21日20:43
本文分享了在 Figma 中使用自动布局构建响应式组件的技巧,重点介绍了“固定”、“填充”、“拥抱”等大小选项的应用。文章通过实例展示如何创建组件,并在设计过程中逐步测试其响应性,确保最佳的可扩展性和稳定性。通过调整组件和布局设置的顺序,设计师可以更有效地利用自动布局工具。
设计更好的文本输入控件的 8 个技巧
2024年11月17日10:35
本文分享了设计用户输入表单中文本输入控件的8个实用技巧:不要将标签用作占位符,避免使用过长的标签,清晰传达输入要求,不要在控件内使用占位文本,使用适当的输入控件,仅标记可选字段,调整输入控件宽度,使用视觉指示和文本突出显示错误。这些技巧有助于创建直观、用户友好的输入表单,提高产品的可用性和用户体验。
登录表单用户界面设计指南
2024年11月14日21:09
本文探讨了设计简单、极简登录表单的方法,包括层次结构条带的应用和网格间距的定义。通过详细的设计步骤,强调用户界面的逻辑分组和字体选择,确保对比度检查以提高易用性。同时,提供了一些可能的改进建议,帮助设计师展示对细节的关注。
如何处理超过 100 个选项的筛选器
2024年10月11日18:00
在模态中添加导航,通过侧边栏和堆栈设计,使用户可以轻松浏览数百个筛选选项。在移动设备上,使用手风琴菜单或逐级深入的方法来处理筛选器。这些设计解决方案可以提升用户体验,尽管实施需要大量工作。
设计下拉菜单的 10 个最佳实践
2024年09月10日20:20
本文分享了设计下拉菜单的10个最佳实践,包括避免过长菜单、不要在仅有2个选项时使用下拉菜单、禁用无效选项、避免过于明显的选项使用下拉菜单、限制多级菜单等。此外,还提到了设计清晰的视觉设计、考虑移动设备适配、组织选项顺序、提供搜索功能和设置默认选择。通过遵循这些实践,可以提高产品的可用性和用户体验。
UI 设计技能等级与被雇佣关系的分析
2024年07月04日21:34
通过观察500份初级UI设计师作品集,发现达到第四级及以上的设计师更容易被雇佣。关键因素包括可读性、布局、颜色、对比度、字体选择等。从第一级到第五级的设计水平有明显差异,第四和第五级的设计更受欢迎。设计师需要注意间距、字体选择、结构等细节。第五级设计要求严格遵循8点网格、一致的间距和清晰的结构。练习和努力是提升设计水平的关键。