UI人性化设计界面的技巧有哪些？

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

UI人性化设计界面的技巧有哪些？

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

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

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

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

　　3.整理您提供的信息

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

　　4.优化副本

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

　　5.删除常规导航

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

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

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

　　7.建立您的品牌信誉

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

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

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

　　9.测试并迭代

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

　　10.明确“提交”动作

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

11.最小化页面加载时间

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

通过上述介绍，UI人性化设计界面的技巧有哪些相信大家已经清楚了吧，想了解更多UI设计的信息，请继续关注中培教育。