ui人性化设计界面技巧有哪些?

发布网友发布时间：2022-04-23 10:39

共5个回答

热心网友时间：2023-08-05 01:46

　　登陆页面是用户可能“登陆”的任何网页-它可以是整个网站的主页，也可以是展示特定产品或事件的页面。通常，登录页面的目的是通过简洁的文本和清晰的图像快速介绍产品，然后邀请用户采取特定的操作-也许要注册更新或进行购买。在ui人性化设计网页的11个技巧中，我们介绍了如何创建自己的人性化网页设计。

　　什么是好的目标网页?

　　当我们谈论页面“高度转换”时，是指到达该目标页面的相对大量的用户最终采取了所需的操作。作为一种设计模式，登录页面在过去的几年中已得到了应用。

　　部分原因是设计师和市场营销人员已更好地了解了哪些方法可行，并且由于使用移动设备，用户变得非常精明，可以快速扫描信息并快速判断是否值得花时间。良好的目标网页以一种通过用户最初的“嗅探测试”的方式展示产品。

　　从外观上看，良好的着陆页是可以识别的(不是通用的或现成的)，可以清晰地呼吁用户采取行动，并且-重要的是-将潜在客户与对他们有价值的东西联系起来。Land-book是着陆页设计灵感的重要来源。

　　这些是我们如何设计着陆页的主要技巧，这些着陆页不仅会看起来很漂亮，而且还会使点击该号召性用语按钮的用户数量最大化。

　　1.计划用户的眼睛如何移动

　　谷歌“家庭”语音助手的登陆页面仅在2017年就经历了几次迭代，但是每个版本都有清晰的微笑形旅程，吸引了用户的眼球。视线从左上角独特的Google“ G”向下移动到一些提供产品信息的重要微观副本(“ Meet Google Home。现在优惠40英镑。”)，然后沿着表格的一行向上移动美观，清晰的产品形象。最后，视线落在突出的(但仍然低估)“购买”按钮上。在此示例中，请特别注意使用空白对于指导此视觉旅程有多么重要。

　　2.优化副本

　　着陆页上的信息非常简洁。在他们决定是否进一步使用产品之前，您可能只有不到一秒钟的时间引起用户的注意。在开始的那一刻，您需要说几句话来说服用户采取积极的行动，无论是单击按钮还是向下滚动以阅读更多内容。

　　3.使用项目符号点或编号列表

　　普通用户善于快速扫描信息。尤其是如果您的产品本身是基于信息的(例如，电子书或电子邮件课程)，则简短的项目符号或编号列表很诱人，因为它们保证了重点突出，精心设计且有用的产品。

　　4.整理您提供的信息

　　与上面的要点概念相关，请确保您提供的信息被组织成清晰，逻辑的结构。至少要有一个主要标题和一段带有更多详细信息的正文。您想要在页面中包含的信息越多，其结构就需要越多。着陆页较长的一个关键决定是应显示什么序列信息。并且，哪些关键点应该超出首屏(即，在您必须向下滚动之前的内容)。

　　5.删除常规导航

　　如果您的页面出现在较大的站点中，您可能会认为将其放置在“常规”模板中是合乎逻辑的，该模板通常在页面顶部具有导航栏或汉堡菜单。这似乎违反直觉，但是在大多数情况下，最好不要进行常规导航。为什么?因为它的存在会造成视觉上的干扰，并且还为用户提供了一种方法，使用户可以通过采取所需的操作来离开您的目标网页。如下图：

　　6.包括精美的产品图片，但前提是要添加

　　并非所有页面都具有可以直观显示的产品。但是，如果您要出售实物产品，请确保其清晰，醒目且照片精美，就像Google Home扬声器处于上图所示的布局一样。但是请记住，登录页面的第一项工作是尽可能快而轻松地将关键信息传达给用户。如果您纯粹出于装饰性的原因而想添加图像，则可能会分散页面的主要目的-最好不添加页面。

　　7.建立您的品牌信誉

　　如果您要创建的是目标网页，则可能是您试图直接向该网站吸引网站的新访问量。根据定义，新访客可能不熟悉您的品牌或没有任何依据来判断其信誉。因此，如果您的品牌在其他任何网站或出版物中都有展示，请趁此机会在其网站上包含其徽标，作为表示您的品牌质量和品牌亲和力的徽章。例如，您可以包括“如上所见”部分，然后是已经对您的产品进行推荐或审查的网站的徽标。这是对讲机如何在其主目标页面上执行此操作的一个很好的示例：

　　8.通过重复关键词加强价值主张

　　例如登录页面。在这里，UI设计师重复了使用核心关键词。这不仅增强了用户的想法，而且他们在注册时会得到什么以及他们将会得到什么?它还可以提高相关搜索的目标网页的搜索排名：

　　9.明确“提交”动作

　　如果您要用户填写任何形式的表单，那么重要的是，他们应该知道如何发送该信息-这里最安全的选择是简单地使用用户最常看到的术语-即“提交”一词在一个按钮上。另外，也可以单击以增强用户接收内容的文本，例如，将按钮文本设置为“ 免费下载资料”。尝试避免任何比这更抽象的事情，因为这可能会给用户的理解造成障碍，并使您失去转化。无论您选择什么，都可以使用基于动词的构造来鼓励用户采取行动。在其开发人员页面上，通过将不同的颜色与既可操作(“应用”)又非常具体(“用于API Beta访问”)的按钮文本结合在一起，使其主要按钮脱颖而出：

　　10.最小化页面加载时间

　　页面加载时间越长，用户越有可能导航到另一个选项卡或应用程序。如果发生这种情况，您可能错过了让他们参与号召性用语的机会。当涉及到加载时间时，2到3秒之间的差异是巨大的，因此切出较大的图像并关注消息。

　　11.测试并迭代

　　在启动设计之前，请尽可能与朋友和同事进行测试。但是最有用的“测试”是研究页面发布后的性能。如果您定期创建着陆页，请尝试使用不同的布局和选项，并研究统计信息以查看哪些带来了更多转化。另外，一旦上线，页面就不会一成不变：特别是如果您要推广常绿产品而不是一次性活动，请继续进行调整，测试和迭代。