交互设计及用户体验

用智能化登录页面提升数字营销转化率,Instapage获1500万美元A轮融资

博博


36氪 

今日,登录页面制作初创公司Instapage宣布他们完成了Morgan Stanley Expansion Capital投资的1500万美元的A轮。

Instapage是一家由数据分析引擎驱动的,提供个性化登录页面模板,帮助企业提高数字营销转化率的公司。Instapage目前拥有超过15,000名客户,平均转化率约为22%。

设计登陆页面似乎并不是创业者感兴趣的风口,但Instapage创始人兼首席执行官Tyson Quick表示,这对于营销人员来说却是一个真正的问题。

登陆页面(Landing Page)又被称为引导页,是指在数字营销中,当潜在用户点击广告或者利用搜索引擎搜索后显示给用户的网页。而在网站运营的逻辑里,最重要的三个因素是拉新、转化和留存,那么,作为第一个关卡的登录页面就显得尤为重要。

Quick之前曾在一家名为Jounce的营销产品上工作,他发现,即使有人点击了Jounce广告并最终进入了公司网站,其中只有3%的转化率。

“这有点荒谬,因为他们已经点击了广告,往往具有明确的消费意向。”Quick说。而采用针对核心客户群的个性化登录页面之后,Jounce转化率提高到了20%左右。

2012年,Quick决定将公司业务的重点转移到Instapage,现在Instapage成为了一个更广泛的平台,用于创建和测试针对不同访问者个性化目标网页。

“我们可以成为广告技术与传统营销和销售技术之间的桥梁,”Quick说,“这些技术能够帮助广告投放商锁定核心用户。一旦用户点击广告,自动化营销就会启动,将这些用户纳入企业的CRM系统。这是以往的技术中缺失的转换点。“

用智能化登录页面提升数字营销转化率,Instapage获1500万美元A轮融资

围绕Quick所谓的“点击广告后就引导转化”,Instapage开发了三个关键组件——可扩展创建,页面优化和个性化。而像Optimizely可能只会解决其中的一些问题,而Instapage将三者结合了起来。

而谈及如何采集用户数据,为企业订制个性化登录页面时,Quick认为公司不需要详细的用户数据:“个性化的标签来自广告本身。我们可以从他们点击的广告中收集到数据。“

之前,Instapage已经获得了200万美元的种子资金。而且目前该公司盈利,Quick说每年的经常性收入为1200万美元,并没有融资需求。但是,他发现Morgan Stanley Expansion Capital愿意挖掘并了解Instapage的业务。

Morgan Stanley Expansion Capital主管Pete Chung表示,“Instapage专注于提高数字营销效率这个细分领域,并且可以在不需要外部或技术资源的情况下进行更精准的广告活动,创造了令人印象深刻的产品。”


UI设计师基础设计规范

蓝蓝

UI设计的基本规范,包括网页设计和APP设计的规范罗列

Google设计语言:如何将品牌DNA融入产品

蓝蓝

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

本文转自,头条号的人人都是产品经理,的一个大神。

Google设计语言:如何将品牌DNA融入产品

2018年5月9日凌晨1点,Google开发者大会上对 Material Design做了更新的讲解,其中令我印象深刻的是Google对图形语言单独拿出来做一个模块来解释,如下图我标红的地方。

Google设计语言:如何将品牌DNA融入产品

OLD NEW

对!就是这个SHAPE的单词,为什么我会如此看重,大家应该知道构成设计语言的四大基础原子是:字体/颜色/网格系统/图形。

这里的图形包括图标和一些辅助图形,它有什么不同呢?

大家看之前以往的版本,材质设计语言里面没有单独去说形状这一元素,当然也有做的比较好的产品,比如:韩国的 29cm 和 11街,国内天猫/网易蜗牛读书等等。

图形语言对我们产品影响极其大,之前网上也有这样的文章,比如:提取logo上面视觉基因,然后运用到图标里面。对,这个没错,但是我觉得不够好,不全。

今天和大家一起来分析下Google是如何做的。

我对图形的理解

图形无处不在,人眼对图形的识别能力远远高于字体,图形便于记忆、传播,这就是为何每次做LOGO时候都需要去考虑图形延展呢?

目的为了传播品牌,在用户心中打造产品形象,比如:可口可乐弧线、阿迪达斯、苹果logo这些国际性大牌子的logo都是易于记忆与传播的。

那么在产品设计中如何体现呢?

我们常用在图标里面去展现一些品牌元素,比如:天猫猫头直接和图标融合,这是一个很成功的例子。还有韩国的Genie音乐产品,也是直接logo和图标集合。

那么仅仅只是这些吗?

当然不够,如果我们想传达我们产品的品牌理念,深入到用户心中,只在图标里运用是不够的。

比如:可口可乐每年做产品运营推广,不断大量的重复它logo弧线元素,这样能长期在用户心中形成记忆点。

Google是如何做的?

Google这次让我们打开眼界,下面Google的原话:

形状可以引导注意力,让用户易于识别组件,沟通状态和品牌语言传达。

对次有了一些更深刻的认识,形状其实运用不止我们平常所理解的。我之前写过一篇文章,就是形状对布局的影响,里面就是讲了形状的一些基础作用。

下图是来自材质语言的截图:

Google设计语言:如何将品牌DNA融入产品

图片来自google

Google的想法非常大胆:一个方形的变化,延伸出不同的形状,当然并不是单独一个产品设计里面放这么多形状,而是运用到不同产品,运用不同的图形,传达其特殊品牌调性、大统一,局部战略调整。

Google设计语言:如何将品牌DNA融入产品

比如:上图凹槽图形用在主TAB上,形成视觉焦点,容易吸引用户区关注它,一般核心功能会如此设计。

Google设计语言:如何将品牌DNA融入产品

Google已提到了可以用于区分不同组件,这观点我很赞同,之前我对爱奇艺做了视觉分析,发现它们一级导航和二级导航样式一样,那么这样用户如何区分呢?

Google设计语言:如何将品牌DNA融入产品

图形可以用于表达某一正在交互的状态,比如:选中状态,当然并不是单独去使用。Google特定强调了:需要和其他视觉元素集合起来使用,比如:颜色

其实这一观点以前就有啦!比如:咱们的check box控件,选中前后状态不一样。

不过Google这个是否略显夸张些?

Google设计语言:如何将品牌DNA融入产品

最后重点来啦!比如:可以用于表达品牌语言,那么图形来自哪里?用在哪里?

如:上图是一个Crane的应用,他们logo是中间一个图形加外带椭圆底,这里Google提取了椭圆作为视觉DNA,并沿用到产品的每一个控件。

Google设计语言:如何将品牌DNA融入产品

同一产品多终端统一符号语言。

Google设计语言:如何将品牌DNA融入产品

如下图提取LOGO关键特殊符号:

Google设计语言:如何将品牌DNA融入产品Google设计语言:如何将品牌DNA融入产品

下图Shrine提取菱形棱角图形运用到产品设计细节里面。

Google设计语言:如何将品牌DNA融入产品Google设计语言:如何将品牌DNA融入产品Google设计语言:如何将品牌DNA融入产品Google设计语言:如何将品牌DNA融入产品

看完你想说什么?我只想冷静三分钟!!!

其实说实话,对于品牌DNA的延续早在年初的时候就思考过,如何去把品牌语言在产品设计里面体现?

我当时理解是:首先要了解我们的品牌核心是什么?

我们的品牌理念是啥?品牌solgan,我们要给用户传达一种什么样的情怀?然后如何去巧妙提取产品logo里面的视觉基因,比如:某一图形元素;比如:线条/点/某一特殊图形符号,这图形一定是易于延展,拓展性强的。

然后运用到产品的每一个细节里面,比如:图标、按钮、异常状态、启动页、运营banner、情感化设计等等,如今大佬Google 已经去这样做了,而且做得很系统,包括动效都有引子。

当时也有一些产品已经这样做了,比如:韩国29cm,设计细节非常好,图形运用非常到位。国内天猫猫头运用也是渗透到产品里面去了。

Google这次又给我我们一些大胆的思考,能运用这么广的范围?

Google设计语言:如何将品牌DNA融入产品

需要注意点

Google举了几个反面例子,我们在提取图形或者使用时需要注意的几点,如下:

Google设计语言:如何将品牌DNA融入产品

注意图形的指向性和触摸大小,千万别影响用户正常使用。

Google设计语言:如何将品牌DNA融入产品

同一含义的组建样式必须一致。

Google设计语言:如何将品牌DNA融入产品

别使用形状来暗示其他含义, 这个对话框的形状表明它与它背后的卡片相关。

Google设计语言:如何将品牌DNA融入产品

总结思考

Google的本次材质设计语言的更新,我相信后续会有一些产品为了打造一些品牌调性,也会慢慢去融入更多的品牌符号语言进去。

当然我们一定要克制与统一,这是最难做的一部分,Google虽然此次系统性的解释图形的意义及延伸使用,但是某些地方稍微有些过了,所以我们在设计提取DNA时候需要克制与统一。

那么我们可以从中取学习了解如何才能让我们产品更加差异化?在同质化的今天,你是如何打造个性化与具有调性的产品呢?

如今AI已来临,机器人对设计影响极其大,从Google本次更新迭代中就大量提到了AI对产品的影响,以及如何去学习用户的习惯,然后预测用户的下一步需求。

我们以后产品会越来越智能,越来越了解人性,除了硬件的升级,研发能力加强,我们也要多去思考下:如何打造独具匠心的产品?如何打造一个无缝体验、多平台、跨语言产品视觉统一体验?

这方面跨平台多终端体验,苹果已经做得很不错了,当然还有spotify 音乐产品无缝跨平台,听歌/切歌/选歌体验。相信这只是一个开始,后续会有更多精彩

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

LOGO UI设计7大要点

蓝蓝

大部分视觉设计师在工作中都会遇到logo UI设计,每个UI设计师都有自己独特的思路和方法。在设计过程中有理性的方法也有感性的发挥,我接下来讲的理性的部分比较多,因为感性的东西跟个人平时的积累、经验、生活阅历等等相关。不是什么大神,写的都是自己慢慢沉淀下来的方式方法。Logo的意义和重要性,在这不再赘述,我主要讲logo设计的每个阶段个人觉得比较重要的几点。

掌握这5个方面,让你具备真正的交互设计思维!

雪涛

交互思维是什么?网上的搜索结果大多是一些交互设计的方法。但是我这里要讲的,是真正做交互设计所具备的思维方式。交互设计在国内发展的并不成熟,还有很长一段路要走。很多人,甚至包括交互设计师自身,对这一工作的性质和价值都未必有足够的了解。

交互设计,听上去是“设计”,但是其本质和常见的UI和视觉设计相去甚远。“交互”指的是人类与机器之间的沟通,与美学、界面、按钮什么的,其实没有半毛钱关系。领域细分之前,也许我们考虑的东西越多越好,但是在细分之后的今天甚至未来,交互设计就要有它不一样的价值。

由于目前的大环境对这一细分领域仍旧缺乏了解,所以我希望在这篇文章里,写几个做交互设计所需要的思维方式。

烦人的“小妖精”:浅谈小红点的设计

雪涛

导语

随着各类App的业务功能不断丰富,小红点已经成为互联网从业者们最常使用的运营工具之一,每当有新的运营内容或新功能上线,大家的做法往往是“在那放个红点就行了”。然而简单粗暴的形式以及不加节制的投放,让小红点变成了人人厌烦的“小妖精”。本文从设计的角度出发浅谈小红点的一些设计细节,期望引起大家对小红点的关注,在这里抛砖引玉,也期待感兴趣的小伙伴一起探讨。

烦人的小红点

人类似乎天生对不对称,不和谐的事物有厌烦心理,并且想要去纠正这些“错误”,简而言之就是大家平时所说的“强迫症”。而小红点则完美利用了这一人性的弱点,它就像白嫩脸颊上长出的一颗小痘痘,让人忍住不去要去挤破它。因此,小红点也成为了一把产品运营利器,只要投放在某个业务入口,就几乎没有用户会对它熟视无睹,而当用户忍不住要去轻触消除它时,产品侧为业务导流的目的也就达到了。

那么问题来了,用户喜欢小红点吗?在Google和必应上搜索关键词“App 小红点”,几乎有一半的搜索结果是“教你如何消除小红点”。

斗图-一个新奇的产品设计

用心设计

QQ在很多人眼里是聊天的工具,那么在聊天这个看似简单的领域,究竟还能做什么创新功能?在此分享一下QQiPad版v6.7版本的主功能,同时也是设计侧主导的创新功能——“来斗”的设计总结,希望给大家一些灵感和启发。

斗图绝对不会输的方法原来是这个

网页顶部导航栏设计总结

用心设计

网页中的header,一般我们称之为顶部导航栏,这里为了行文方便,以下都简称顶部栏。顶部栏对于一个网站的用户体验来说是至关重要的,因为根据用户的浏览习惯(从左到右,从上到下),当他们进入一个新的网站,顶部栏通常是他们看到的地方。我们都知道用户对于你产品的第一印象是很重要的,因为它会一直伴随接下来的使用过程,而且第一印象无法更改。


网页顶部导航栏设计总结

这7个关键点,是每个产品用户体验设计的重中之重

雪涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

即使你远离设计领域,对于用户体验这一词也不会陌生。用户和产品之间进行交互过程中,产生的一般态度和情感反馈就是我们常说的用户体验。在用户体验设计中,有几个关键性的因素的是设计师所关注的,比如可用性(usability)、工具性(utility)、合意性(desirability)、吸引度(attractiveness)等。如今,用户体验设计和视觉设计几乎达到了同等重要的程度。虽然仍有一些企业和团队在怀疑用户体验设计是否有必要,但是总体上,大家对于它的认可度还是非常高的。

用户体验设计为何重要?

许多公司为了让产品产品的体验和效率更高,而花费更多的时间和金钱。现代商业竞争背景下,事实已经证明,产品和服务的成功很大程度上是取决于用户对于产品的喜爱程度。UX设计旨在通过让产品更易于使用而提高用户的满意度。

有些人可能还认为用户体验设计的核心是视觉设计,其实它的范畴远不止于此。UX设计是一个复杂的过程,涵盖了用户研究,线框图、原型、视觉稿、动画、开发、测试等许多不同的环节和阶段,其中许多环节甚至是并发和交叉的。真正有效的用户体验需要时间来开发,也需要足够的知识来作为支撑,这种复杂的开发体系使得它或多或少地需要超出预期的额外投资。然而,UX设计对于初创和非初创公司而言,同样有益,它确确实实从不同的方面帮助企业创造成功的产品,无论是参与度、可用性还是转化率。

如果你拥有一个复杂的电商网站系统,那么用户体验一定是影响它实际效用的重要因素。内容组织是否系统,导航是否清晰,都会影响到产品的销售,用户的黏度。太复杂、不便捷的产品会让用户流失,这是肯定的。

有数据表明,近年来95%的移动端APP 在上线一个月内就宣告失败而退出。这很大程度上是因为激烈竞争之下,没有足够优秀的用户体验来留住用户所造成的结果。结合现有的研究和我们自己的经验,我们在今天的文章中总结出了优秀产品的7个关键的用户体验设计要素。

1、有效的可用性设计

现如今,“简单”一词和无聊的设计并无关系,而是成功产品设计的关键性要素。在Don Norman 的《设计心理学》系列教材中指出,良好的设计通常都会具有易于发现和易于理解两个特性。用户期望他们所使用的产品是简单明了的,能够让他们不花费太多精力就可以搞定,也可以从中获得自信。而这些都是用户体验设计的工作范畴以内。

用户体验设计师的目标是为数字产品创造一致的体验,让用户能够安心使用。有效的用户体验设计能够通过网站和APP为用户循序渐进、有效地展示内容。而UX设计人员则可以通过数据分析和案例研究,消除不必要的设计、搞定问题、去除隐患,提升产品的可用性。UX设计师还能通过不同环节的引导服务来帮助用户更加快速的熟悉产品,让用户感到贴心而不会紧张。

2、驱动用户深度参与

参与度是衡量用户有效行为的度量,而它也是产品价值的重要体现之一。每个企业都希望有高素质的用户参与到产品建设当中来,而他们也知道,最终还是要通过创造优秀的用户体验来解决这一问题。

UX设计有一个热门的解决方案是游戏化设计。将游戏化的元素应用到非游戏类的使用场景中来。游戏化设计让网站和APP拥有更多有趣的元素,吸引用户,提升参与度。游戏化设计的具体方法和策略有很多,设置任务、发放奖励都是很常见的手法了。挑起用户的好奇心和激情,他们会坚持不懈地执行任务,在你的网站和APP中花费更多的时间。

3、产品的独特性

很难说市场上到底有多少APP存在,但是绝大多数的应用和网站在起步的时候,就已经失败了。当你要开始投放一个APP到市场的时候,可能已经有好几十个同类的产品已经存在了。所以,企业和开发团队一直在寻求让用户选择他们产品的原因和方法。UX设计师能够通过分析目标受众的需求和实际市场状况,来判断和预测用户对于自己产品的反应。如果你想给别人带来愉悦的体验,满足用户的需求,并且力图让自己的产品拥有足够的特性从竞争中脱颖而出,那么你的产品就具有了同其他产品区分开来的独特性。

4、省钱

UX设计的成本并不低,但是相比于修复可用性的问题,它的花费依然很低。基于用户研究,UX设计师能够准确地挑选出功能组合,并且规划用户的交互过程,排除可能存在的问题。通过对目标受众的研究和测试,分析和改进整个产品的流程与细节,而这些过程对于产品开发和运营的补充,相比于在产品上线过再根据反馈进行调整,要省钱省心得多。

5、用户忠诚度

用户的口味越来越刁钻了。令人不快的体验会让他们很快不耐烦,然后迅速和你的APP说拜拜,然后再也不会回来了。用户的忠诚度要维持起来并不容易,你需要创造足够优秀的产品,要让人喜爱、沉迷,还得足够快速地帮用户排查问题。这种局面下,用户体验设计的价值无疑是不可估量的。如果你的产品能够始终保持令人舒服愉悦的体验,用户习惯了就很难转向别家了。另外,别忘了,快乐的用户更喜欢向朋友推荐你的产品。

6、高转化率

采取设计者预期行为的用户所占总人数的百分比就是我们常说的转化率。最典型的转化率就是购买产品的用户数所占打开电商网站的用户总人数的百分比。用户体验设计师通常会掌握一系列的分析技术,来帮助产品提高转化率。通过深入分析用户行为和用户离开产品的原因,找到痛点,解决问题,从而提高转化率。

7、积极的品牌体验

品牌识别不仅仅取决于视觉形象设计,还和体验息息相关。许多用户在第一次使用产品的时候,会记住品牌给他们的感觉。这种第一次的体验对于用户和品牌本身都至关重要,如果处理不好,可能会失去不少潜在用户。良好的UX设计可以保证品牌拥有积极而良好的用户体验。提供用户喜欢的产品,可以提升品牌的认知度,因为用户不会忘记他们喜欢的东西。

结语

优秀的用户体验设计对于企业无疑是有利的。很多时候,它的价值并非是一眼可以看出来的,但是事实上,优秀的用户体验是成功产品中不可剥离的组成部分。令人信服的UX设计能够节省资金和精力,这比起投资解决低质量的产品要来得有效得多。更重要的是,现代产品一旦初次互动不利,后面想要扭转过来就很难了。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

搜索框中有那些细节?

用心设计

搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

搜索框中有那些细节?

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档