旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > ui人性化设计界面的11个技巧

ui人性化设计界面的11个技巧

时间:2020-04-02来源:www.aaa-cg.com.cn点击量:作者:Sissi
时间:2020-04-02点击量:作者:Sissi




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

UI设计培训

  什么是好的目标网页?
 

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

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

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

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

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

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

UI设计

  2.优化副本
 

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

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

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

  4.整理您提供的信息
 

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

  5.删除常规导航
 

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

UI设计

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

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

  7.建立您的品牌信誉
 

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

UI设计

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

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

UI设计

  9.明确“提交”动作
 

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

UI设计

  10.最小化页面加载时间
 

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

  11.测试并迭代
 

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





 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图