产品设计

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

2020-06-29 12:06:55 | 来源:中培企业IT培训网

登陆页面是用户可以“登录”的任何网页-它可以是整个网站的主页,也可以是显示特定产品或事件的页面。通常,登录页面的目的是,通过简洁的文本和清晰的图像快速介绍产品,然后邀请用户采取特定的操作-可能注册进行更新或购买。 在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设计的信息,请继续关注中培教育。

预约领优惠