首页

还不会标题设计?这个方法很好用!

seo达人



设计大多是服务于商业的,或许我们会遇到很多奇葩要求,但我们要学会留给自己一些空间,去发现设计中的乐趣,这样才不会觉得枯燥乏味。今天的文章会着重讲解AI自制画笔与字体设计如何结合。今天的案例虽然是刚刚过去的端午节,但是掌握了方法,下一次标题设计,一样好用。

 

大家都知道端午节也叫端阳节,那么我们就以端阳节为主题进行设计,先把文字整理好。

图片

 

 STEP 01 > 分析属性 

接着我们分析字体属性,作为中国传统节日,端阳节有两个显著的特征,那就是粽子与龙舟。

图片

根据分析出的属性,我们确定字体设计的风格方向,笔画我们可以用粽叶的特征。

图片

 

 STEP 02 > 设计字体 

下面画出字面框确定字形的横竖比,重心偏低;字体的笔画粗细保持一致。

图片

将制作好的画笔拖入到画笔框中,选择艺术画笔,就得到了五条横线的画笔。

图片

接着垫字在字面框里将文字做出来,可以看出还是遵循了方块字的做法,只是笔画特征发生了变化。

图片

接着我们将部分笔画替代,增加特异性,同时调整字体的大小和部分细节。

图片

到这里字体基本就设计完成,接着我们需要对字体进行编排,增加的元素有云,粽子,粽叶样子的舟,都是用混合工具做成的,这样整体风格更匹配。

图片

 

 STEP 03 > 搭配颜色 

然后就是搭配颜色,这里我想到的就是粽叶的绿色,那么我们填充好将文字变成白色就完成了。

图片

OK,设计做完了,可以看出自制画笔他本身具有的优势,由于固有相同的特征,会在笔画细节处理的时候更方便,同时还具备设计感。这个方法是比较常用的,希望大家多多练习

 

原文地址:

作者:趣趣熊


转载请注明:学UI网》还不会标题设计?这个方法很好用!


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


如何安装WordPress主题

前端达人

在Envato Tuts +的代码类别中,我们涵盖了很多   内容。 范围从诸如如何使用一些最新JavaScript框架编写代码到如何通过诸如WordPressOpenCart之类的内容管理系统实现某些目的 。

因为我们倾向于将大部分内容集中在已经对计算有一定程度的了解的人们,所以我们经常假设在开始教程之前已经做好了某些准备。

例如,有时我们假设您在进入实际框架之前已经掌握JavaScript的知识。 或者,也许我们假设您在开始有关如何使用新库构建Web应用程序的教程之前对PHP或Ruby有一定的了解。

在我们发布的“ 如何做”文章中,我们正在努力提供教程,向读者提供建立和运行特定软件所绝对必要的步骤,尤其是那些与很多软件兼容的软件。在Envato市场可用。

如果您有兴趣使用WordPress构建网站,那么您应该对WordPress主题应该有一个有效的定义,并且对如何安装WordPress主题有一个实际的了解。

了解WordPress主题

在了解如何安装WordPress主题之前,让我们定义WordPress主题应该是什么。 我区分这从一个WordPress主题什么,因为你经常会发现,做更多的比他们应该的主题。 如果您选择更改主题的设计,这些主题将很难尝试其他主题。

我将在稍后详细讨论。

什么是主题

现在,让我们使用WordPress Codex中提供的定义:

从根本上讲,WordPress主题系统是一种“蒙皮”您的Weblog的方法。 然而,它不仅仅是一个“皮肤”。 对您的网站进行外观设计意味着仅更改设计。 WordPress主题可以更好地控制您网站上材料的外观和呈现方式。

从此定义中得出的主要结论是,WordPress主题提供了您网站的演示。 也就是说,它负责使您的网站或博客具有特定外观。

它会影响您所看到的所有内容,设置内容样式以及影响字体,配色方案等。

主题锁定如何?

安装WordPress主题时,请务必注意其提供的功能。 现代主题通常不仅仅包括演示。 也就是说,它们引入了功能。

功能可以定义为任何可以改变主题行为的东西。 例如,假设您的主题在帖子编辑器屏幕上提供了某种类型的搜索引擎优化选项。

并且由于这不在表示的范围之内,因此被认为是功能。 如果主题提供了类似的内容,那么您就有遭受“主题锁定”之苦的危险。

它是这样工作的:安装一个主题,它不仅提供演示文稿(例如上面概述的SEO功能)。 如果您选择将站点更新为提供完全相同的SEO功能实现的新主题,则会丢失它。 所有的。

您可能会得到一个很棒的设计,但是您已经失去了为主题提供所有SEO信息的工作。 因此,您要么被锁定使用与开始时相同的主题,要么面临使用新主题并失去所有工作的麻烦。

最终,主题应该包括这种类型的功能。 功能保留给插件。 这是我们将在另一篇文章中讨论的内容。

现在,请记住主题应该全部与演示有关。 如果您可以使用主题锁定,那么选择一个可以提供很多功能的主题可能就可以了。 但是,如果您希望最终不时更改设计,请尝试坚持严格遵循修改网站外观的主题。

安装WordPress主题

话虽如此,现在我们可以讨论安装WordPress主题所需的过程。 实际上,有两种方法可以执行此操作:

  1. 您可以从WordPress中安装主题。
  2. 您可以通过S / FTP安装主题,然后在WordPress中将其激活。

尽管第一个选项可以说是最简单的,但我们将在本指南中介绍这两个选项,以确保为您提供了最全面的信息。

请注意,本指南假定您已经在计算机或Web主机上安装了WordPress。 我们将逐步完成获取主题并通过WordPress或FTP进行安装的过程。

话虽如此,让我们开始吧。

下载WordPress主题

网上有很多地方可以下载WordPress主题。 但是,从任何地方下载主题并不总是安全的。 审查主题提供者的声誉很重要。

这超出了本文的范围; 但是,从WordPress主题存储库Envato Market中选择主题不会出错。

出于本教程的目的,我们将使用免费提供的第二十六主题。 首先,我们将从WordPress中安装它,然后我们将了解如何通过S / FTP安装它。

对于以下步骤,我假设您是从WordPress仪表板开始的:

WordPress仪表板

无论您选择使用哪种方法来安装主题,这都是我们开始本教程步骤的地方。

从WordPress内部安装主题

要从WordPress本身安装主题,请单击“ 外观”菜单,然后选择“ 主题”选项。

主题菜单项

从那里,您将看到所有已安装的主题。

安装的WordPress主题

接下来,单击屏幕顶部的添加新按钮。 从这里开始,您将进入一个如下所示的屏幕:

添加WordPress主题

注意 页面顶部的“ 搜索主题”字段。 在此字段中,输入“ 二十十六”(不带引号),它将返回以下屏幕:

二十六

之后,单击选项以安装主题。 之后,WordPress将为您提供预览主题或激活主题的选项。 对于通过S / FTP上传主题的用户,也将提供相同的选项。

因此,目前,我们将看一下通过上传文件来安装主题的必要步骤。 如果您对以下替代步骤不感兴趣,则可以跳至下面的“ 激活主题”部分。

通过S / FTP安装主题

此版本的主题安装假定您熟悉术语服务器,端口,用户名和密码。 它还假定您熟悉wp-contenttheme目录。 如果不是这样,那么最好的做法就是坚持上述方法。

但是,如果以上都不是行话,那就继续吧。 就本演示而言,我将使用Transmit作为我的S / FTP客户端; 但是,请随时使用您喜欢的任何客户端。

首先,我们需要从WordPress Theme Repository下载二十一十六 。

WordPress主题存储库

一旦您单击Download ,这会将主题的zip文件放置在您选择的目录中。

二十六档案馆

接下来,您将要提取存档。 这将在包含zip文件的目录中创建一个包含所有主题文件的子目录。

主题目录

之后,连接到您的Web服务器并导航到WordPress安装的wp-content/themes目录。

上传二十一十六

上载提取主题文件时创建的目录。 从那里跳到WordPress仪表板,然后导航到“ 主题”页面。 您应该看到《 二十一岁月》的副本   出现在主题列表中。

此时,无论我们如何安装主题,我们都准备好继续激活主题。 就是说,如果您选择使用S / FTP或选择从WordPress中安装主题,则会为您提供相同的选项集。

所以做吧。

激活主题

通过WordPress下载主题或通过S / FTP上传主题之后,便拥有了激活主题并更新网站外观所需的一切。

获得主题之后,应该为您提供激活主题的选项:

激活WordPress主题

在这里,您可以选择 实时预览以了解如何更改当前内容,或者您可以单击“ 激活”继续进行设置。 我选择与后者一起使用。

完成后,您将看到以下屏幕:

激活的WordPress主题

从那里开始,您应该能够像在安装此主题之前一样继续使用WordPress。 这意味着您可以继续添加帖子,页面,类别等。

根据主题,您还可能有机会更新标题图像,背景图像等。 请注意,这取决于已安装的主题。

要确切了解您的主题提供了什么,请务必参考文档。

结论

如您所见,安装WordPress主题是一个相对简单的过程,尤其是从WordPress应用程序中进行安装时。 即使您对使用FTP客户端的过程感到有些恐惧,一旦上传了文件,激活主题仍然相对容易。

其次,请注意区分想要的主题类型很重要。 您是否想要一个具有很多功能而您永远都不会改变的主题,还是想要一个与一组插件完美配合,可以独立于该功能更改网站外观的主题?

无论哪种情况,您都应该拥有选择主题,安装主题并以最适合自己的方式激活它所需的一切。

最后,如果您要寻找适合几乎所有情况的主题主题,请务必查看Envato Market中提供的功能 。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


部分借鉴自:csdn  

原文链接:

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

让设计更有价值——设计流程指南

资深UI设计者

随着设计团队规模扩大,人数快速增多,但每个人都带着自己以往工作经验和习惯,

一些典型问题也相应显现:上手就干、主观设计、缺少方法、忽视跟进等等。

所以我们撰写了「UI标准设计流程」,希望能为UI设计师提供对于设计支撑思路的共识,让设计更有价值:



从接到需求到上线后跟踪,我们把流程拆分为五个节点:需求分析-交互设计-视觉设计-视觉规范-方案验证。

当然,在设计流程中我们只表达不同流程中的行为目的及标准,相关方法论我们会配套一份「设计师成长指南」,不久之后再与大家分享。


1.需求分析


我们在接到一个设计需求后,要做的第一步是进行分析并确定设计目标。

我们需要:了解背景、用户和竞品,能准确理解产品定位和需求目标,评估需求的合理性和准确性,并提供相应策略;甚至洞见机会点,通过设计对业务产生正向价值。



背景分析


目的:背景分析是为了让我们在刚接触产品的时候,去洞察表面背后的东西。通过背景分析,能帮助我们快速切入产品,并根据已有信息去制定准确并具有说服力的设计策略。

行为:我们需要了解:产品的定位及价值是什么,它的现状如何,是否有既往的数据沉淀或经验总结。



用户分析


目的:对UI设计师而言,用户分析是为了让我们更好地了解产品,并拥有对整个产品的宏观思路。通过用户分析,能为我们的视觉设计提供方向,并为我们做出决策提供实际落点。

行为:我们通常需要了解:用户画像、用户需求、用户行为、用户路径等。



竞品分析


目的:竞品分析能够让我们获得行业内的优秀经验,减少我们的思维盲区,同时还为我们提供了一份可被量化的标准,使我们可以基于竞品去反推现有产品。

行为:UI设计师可以从竞品定位、主要功能、迭代动向、产品结构、页面布局、交互动效、视觉设计、优劣势对比这几个维度去进行竞品分析。



需求评估


目的:在了解以上的通用信息后,我们要对需求进行评估,去决定采用哪种方式、制定什么样的策略。

行为:我们接到的需求,通常可以分为三种:全新产品类、产品改版类、功能新增或优化类。

           对不同类型的需求,我们都可以用5个问题去评估:

           1.是否可被证伪?

           2.目标是否明确?

           3.投产比如何?

           4.是否有更优解法?

           5.是否有可预见风险?

           基于以上问题,我们可以去协同交互、产品做相应调整和策略制定,甚至发现新的机会点并进行推动。



目标对齐


目的:设计为目标服务,所以我们要在设计开始前与需求方对齐目标,这也能为设计价值的佐证提供标准。

行为:设计目标通常有3种,我们可以从中去对需求目标转译:提升数据型、解决问题型、创新项目型。

           针对不同目标我们可以去制定不同的设计策略,并对策略的落地进行数据监测与分析,进行方案校正。



2.交互设计


在产品流程中,交互设计的作用在于,通过信息架构的组织去产出体验流畅的界面原型。

我们需要:充分理解整体流程与交互原型,基于设计原则去发现可优化的部分;同时能平衡产品、设计与开发的效益最大化,并驱动产品的体验提升。




设计原则


目的:设计原则能为我们提供一个行之有效的设计向导或提示。熟知各类设计原则,能使我们在设计支撑时,拥有更丰厚的专业度和更敏锐的洞察力。

行为:我们需要去了解市面常见的Guildline如iOS、Material、UWP等,以及一些常用原则如菲兹定律、格式塔理论等等。



流程梳理


目的:流程的再梳理,可以帮助我们在视觉设计前,快速地理解和诊断流程逻辑。

行为:在流程再梳理的过程中,我们需要注意以下4个问题:

           1.功能是否完整?

           2.链路是否流畅?

           3.步骤是否冗余?

           4.是否易于理解?

           基于以上问题,我们可以用自身的专业储备去推动流程的优化。



原型优化


目的:交互原型是需求内容的外在表现,通过原型优化,可以最大程度地避免视觉评审后的设计返工。

行为:在对交互原型优化的过程中,我们要重点注意以下4个问题:

           1.架构是否符合目标

           2.层级是否足够精简

           3.信息是否传达准确

           4.状态是否有所缺失

       在视觉设计时,我们基于以上四点可以去同步优化原型,并根据经验去寻求体验和成本的最佳平衡。



3.视觉设计


视觉设计是产品与用户直接连接的媒介,优质而恰当的视觉设计,可以极大地提升产品吸引力。

我们需要:基于分析确定视觉方向、定义设计语言,输出准确且高质量的视觉页面。




设计情绪板


目的:设计情绪板可以为设计语言的构建提供可视化参考,也有助于我们前期快速与各方达成共识。

行为:我们通常基于分析,去确定设计关键词,并基于关键词去衍生映射物、建立图形情绪板,最终分析和确定设计方向。



设计语言


目的:设计语言是情绪板的具象表达,它将构建起用户对产品的视觉感知。

行为:在明确设计方向后,我们就要基于情绪版去定义设计语言,主要包括主视觉、色彩、字体、图标、图形、动效等。



典型页面


目的:典型页面是设计语言在场景中直观体现,这有助于我们制定设计规范,并为其他页面的设计提供参考。

行为:我们通常需要设计首页、频道页或其他具有示例作用的典型页面,在设计的过程中我们还需要同步去规范间距、卡片、视觉变量、图形应用等,以此为视觉规范夯实基础。



4.设计系统


在设计典型页面的同时,其背后其实已经对应了一套设计规范和组件,而我们基于此去整理并沉淀出设计系统,能极大地提升统一性和迭代效率。

我们需要:制定完整、清晰的基础规范,沉淀图标库、组件库等,并持续优化和更新,形成可持续沿用的产品设计系统。




基础规范


目的:基础规范是设计语言的沉淀,也是视觉变量的基本粒子。它可以保证页面的基本统一,同时我们可以基于不同业务快速地拓展其他主题。

行为:在我司,一份基础规范的构成包括:色彩、字体、间距、布局、断点、层级、圆角、透明度、阴影。



图标库


目的:图标规范可以帮助其他成员快速、准确地进行图标拓展,而沉淀的图标库也可以极大地提升产出效率。

行为:基于具体需要,我们可以设定多套图标风格,规范其栅格、笔画、圆角等,并将已有的图标资产进行沉淀。同时我们也会去规范一些常见图形并沉淀,如空态插画、悬浮入口、徽章、商品等。



组件库


目的:组件库是对常用控件进行设计规范、开发、封装的可被复用的集合,组件分而治之,可被自由组合,能保证设计品质、统一用户体验、提升产研效率。

行为:在我司,一套组件库通常包括:通用、布局、导航、数据录入、数据展示、反馈、其它。除通用原子组件外,我们也会对常用模块进行梳理,沉淀业务组件库。



5.落地跟踪


在设计完成之后,我们需要对设计方案进行评审、验收及数据跟踪,以保证设计方案的落地并跟进调整。

我们需要:运用合理策略以保证设计方案的高质量落地,对方案上线后的用户反馈进行有效跟进,运用多种方式验证目标,迭代产品。




设计评审


目的:设计评审通常包含了交互与视觉,其目的在于审查设计方案中的可用性问题。

行为:在我司,视觉评审即终评,我们需要在视觉稿中标注出所有交互逻辑,并对潜在问题有预判,能与各方确认目标、分桶与数据埋点;同时我们要对开发实现有预判,能与研发确认实现细节。



设计验收


目的:设计验收是为了确保需求满足、体验流畅,并且设计细节能高质量落地。

行为:视觉设计师主要验收视觉细节的还原度,并且要在一定程度上对开发的适配、样式解法有预知,减少二次验收。同时需要保证验收有沉淀,利于后续跟进。



数据验证


目的:数据验证除了分析分桶之外,也可以分析产品上线后的一些问题、并在迭代中修改。同时我们也可以总结设计经验、提升未来设计的准确率。

行为:我们通常基于设计策略,去对数据进行筛选与分析,以此衡量设计对于目标达成的增益度。对于有问题的,能反思并且修改;对于结果好的,能总结并且沉淀。



设计复盘


目的:设计复盘以结果为导向,我们可以通过复盘对设计策略的价值进行总结验证,并去发现、优化流程中的不足之处。

行为:我们需要陈述设计目标和策略,对设计价值进行验证,并能总结过程中的亮点与不足,制定后续计划、沉淀相关经验。



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:站酷   作者:酷家乐UED

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


什么样的设计才是好设计?

资深UI设计者

编辑导语:设计师在日常工作中经常与其他同事有些分歧,比如产品不理解你的设计,觉得页面不够好看等等,那到底什么样的设计叫做好设计呢?本文作者分享了关于“好设计”的定义以及分析,我们一起来了解一下。

有同学问我,说做设计好难,领导和产品不懂设计,每次给看设计,都说觉得丑,改了受气,不改又说态度不行,那么到底什么是好设计。今天和大家聊聊到底什么是好设计?希望这篇文章可以帮到你。

一、什么是好设计

做设计这么久,我们先来看看什么是好的设计?好的设计到底是如何定义的。

1. 得过设计大奖

主管每次看我作品就说:好丑!

▲一组无印良品海报获得了由日本平面最高奖项——龟仓雄策奖,被誉为日本设计界的「奥斯卡终身成就奖」,代表着日本平面设计的最高水平。画面仅用色彩和几何图形的结合,完美构成了人在自然中露营的和谐场景。

主管每次看我作品就说:好丑!

▲可以看到海报中有湖泊、蓝天、山脉、森林和露营帐篷,而整个视觉效果是用废纸板制作表现出来的,可以说非常有创意了。同时和整个商业很好的结合起来。

主管每次看我作品就说:好丑!

每年德国举行的红点设计大奖,有「设计界的奥斯卡」的美誉,是全球工业设计和发展趋势的风向标。

主管每次看我作品就说:好丑!

▲德国的红点设计也是让全球设计师狂热的奖项,徕卡相机除了价格昂贵,在设计上也是独具匠心,获得过很多设计大奖,非常有代表性的大奖设计,同时商业上也很成功。

主管每次看我作品就说:好丑!

▲自2015年发布以来,Apple Watch已经成为生活中必不可少的电子设备,获得了无数设计大奖。

主管每次看我作品就说:好丑!

▲除了工业设计,韩国我很喜欢的设计公司Plusx也获得过很多红点设计大奖。

主管每次看我作品就说:好丑!

所以判断一个设计是不是好的设计或者商业设计,获得过大奖是很重要的一个评判标准。

2. 符合好的设计原则

主管每次看我作品就说:好丑!

在众多设计准则中,其中特别受广泛推崇的是Dieter Rams)所定义的“好设计的10个原则, 也即德国博朗公司设计十项原则。

1)Good design is innovative

好的设计是创新的

主管每次看我作品就说:好丑!

▲日本设计大师深泽直人设计的这把伞,在伞柄弯曲的地方有一个小凹槽。当你在雨天去超市买完东西,提着袋子去乘公交车或者地铁的时候,这个凹槽刚好可以在你站着的时候为你充当一个挂钩的角色。这个设计非常自然又贴心,又有创新。

2)Good design is aesthetic

好的设计是美的

主管每次看我作品就说:好丑!

▲产品的美感是实用性不可或缺的一部分,因为每天使用的产品都无时无刻的影响着人类和我们的生活。但是只有精湛的东西才可能是美的。比如苹果iMac的设计,无论从第一代的半透明,到今天的超薄,无不是完美的设计,在各种电影,MV里,即使遮住了苹果的LOGO你也知道是苹果的产品。

3)Good design makes a product understandable

好的设计是易懂的

主管每次看我作品就说:好丑!

▲好的设计自己会说话,简单易懂,比如无印良品这个CD机,即使是老人和小朋友都会使用。

4)Good design is unobtrusive

好的设计是克制的

主管每次看我作品就说:好丑!

▲很喜欢张小龙对微信的设计理念定义,克制带有约束的,就从微信开屏来说,其它是APP早已经商业化了,而微信的开屏多年如一日。

5)Good design is honest

好的设计是诚实的

主管每次看我作品就说:好丑!

▲不会故意夸大产品的价值,而是强调功能本身,也不会去欺骗消费者。比如现在很多广告,特别电商里面,比如我经常买的这款牛奶,从广告点进去第二件0元,兴冲冲的加入购物车,发现还是原价。

6)Good design makes a product useful

好的设计是实用的

主管每次看我作品就说:好丑!

▲无论APP也好,还是工业产品设计也好,都是用来用的,必须满足基本的功能,好的设计会去强调实用性的同时也不会忽略细节,比如无印良品这个电饭煲外形圆圆的很可爱,同时还很多贴心细节,比如有凹槽放饭勺等等。

7)Good design is long-lasting

好的设计是经得起岁月的考验

主管每次看我作品就说:好丑!

▲这些产品或许随着时代发展消失了,但是它们的设计永远不会过时,和设计趋势不同,它会成为一种文化,一种理念,博朗和苹果早期的作品在今天看来也是经典。

8)Good design is thorough down to the last detail

好的设计是考虑周到并且不放过每个细节的

主管每次看我作品就说:好丑!

很多产品的设计,很容易在用户关注地方做的很好,在用户忽略地方做的很粗糙,就好比我们去了一个商场,一楼都是各种名牌,高大上,但是去了洗手间,去无法下脚;这种体验估计用户不会再去第二次,所以极致的设计不会放过每一个角落。

9)Good design is environmentally friendly

好的设计是环保的

主管每次看我作品就说:好丑!

▲瑞典品牌freitag,以卡车车篷为材料的袋包作为材质,具有独特的二手感,以及独一无二的花样及颜色,设计好用同时兼具环保。

10)Good design is as little design as possible

好的设计是尽量少的设计

主管每次看我作品就说:好丑!

▲简洁,并不是简单,因为它浓缩了产品所必须的具备因素,剔除了不必要的东西。“大道至简,平淡为归”比如图中这个时钟设计,兼具美和实用,同时没有一个多余的设计。

3. 好用且销量高

主管每次看我作品就说:好丑!

另外很重要一点,什么是好的商业设计,就是好用而且市场反馈好,用户好评多,比如苹果系列产品,设计本身获得很多大奖,同时商业价值好,销量很高。

主管每次看我作品就说:好丑!

同理还有戴森的产品,以黑科技为卖点,无论推出的吹风机,还是卷发棒都销量非常的高,所以好的商业设计需要具备上述所说。

二、产品设计好的设计标准是什么?

主管每次看我作品就说:好丑!

了解了好的设计标准,回归到产品设计,那么什么决定视觉设计的标准呢,UI设计的标准又是什么呢,UI设计视觉元素有木有对应的表达标准。

特别是在一些大公司,每个设计师的视觉表达手法是不一样的,那么有哪些统一的设计标准么,在我认为一共有以下这几个设计标准:

1. 标准的网格系统

1)PC网格

主管每次看我作品就说:好丑!

网格的重要性就不再详细说,谷歌,微软,苹果,Naver,阿里都将网格系统作为设计的标准。明确网格系统,它是设计指南里非常重要的一部分,当然网格也不是绝对的,也是可以在基础上变化。

通常,在Web设计中一般采用12列作为网格标准,因为12列可以轻松的分成6列,4列,3列和2列。

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲PC中12栏网格运用案例,整个页面会更加统一和标准化,有规律可循。

主管每次看我作品就说:好丑!

▲网格是很多公司建立标准的准则,特别是响应式设计运用上。

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲reddit的官网设计也是采用的12栏设计,很好的将页面进行布局。所以如果你做网页或者PC设计,网格一定是一个好设计的基础准则。

2)移动网格

主管每次看我作品就说:好丑!

移动端一般采用6列网格,因为大多数产品6列就足够了。6列在页面中也很容易3等分或者2等分,6列也是比较常用的一些布局方式。当然也要看场景像淘宝,电商可能需要12列,因为页面密度太高了。

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲Pin的界面网格系统,可以看出它们是运用一个6列网格系统,所有的图片各占3列,按钮占六列,每个页面的左右边距相同。

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲airbnb采用的左右边距48,中间24的网格系统,可以看出这套栅格系统留白会比较多,所以我们在浏览airbnb的设计时候会发现他们页面会非常舒服原因也是如此,airbnb设计和体验都非常棒。

主管每次看我作品就说:好丑!

我们再来看看被称为规范鼻祖的谷歌在最新的设计语言中,第一次把栅格系统提出来讲,谷歌的产品覆盖手机,web,以及平板,那么谷歌是如何去用栅格系统来定义它们产品体系呢?

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲谷歌的栅格系统除了传统的边距和水槽,内容区域外,同时也定义了4栏,可以看出谷歌也是第一次重点来讲解他们的网格系统。

2. 合理的比例关系

主管每次看我作品就说:好丑!

比例关系非常重要,可能同样的内容,合理的比例和不合理看起来会相差甚远。所以好的合理比例准则也是衡量一个设计好坏的重要标准。

主管每次看我作品就说:好丑!

说道比例不得不提黄金比例,是由几何学的创始人Euclied定义的,大概在公元前300年前。黄金比例值是1.618,但是也有人质疑说,这里比例不是绝对。用黄金比例作为设计依据不合理。我的观点是,黄金比例可以当做设计参加的基础,但不是绝对的数字。

主管每次看我作品就说:好丑!

▲苹果设计中,运用黄金比例作为整个APP图标的设计准则,在苹果很多设计中都可以看见这种比例的运用。

主管每次看我作品就说:好丑!

▲还有很多知名互联网公司的品牌设计都运用着黄金比例。

主管每次看我作品就说:好丑!

▲Facebook的官网设计比例,也是采用的接近黄金比例作为布局方式。

主管每次看我作品就说:好丑!

主管每次看我作品就说:好丑!

▲谷歌的material规范中有讲到,如何定义布局。统一按照标准的比例16:9,3:2,4:3,1:1,3:4,2:3等标准的比例去做设计布局,来统一整个设计。

所以,好的比例规则规范,是设计中非常重要的。我们的设计都应该遵循这种有规律的比例。

3. 文字的易读性

产品设计中,文字信息节奏处理非常重要。我们应该通过各种手段去提升文字的易读性。

1)通过对齐方式提升易读

主管每次看我作品就说:好丑!

▲上图是一个简单的示范,3种不同的阅读感受,如果阅读节奏没有做好,没有对齐,那么阅读效率就会变的低下,我们来看看上图用户是如何阅读的。

主管每次看我作品就说:好丑!

▲拆解上面的方案,你会发现不同的排版,用户看的方式就不一样,如果你间距过小,用户就很难阅读。间距过大也会出现难以阅读,所以必须在合理的比例下面设计的阅读性才会更好。

2)通过文字大小提升易用性

主管每次看我作品就说:好丑!

▲大多数信息都是由标题,副标题,正文组成。所以在组织信息的时候,可以通过文字大小,字体粗细来加强信息阅读。苹果还把黄金比例用于字体上。每个字体大小的对比都是1.7和0.7左右对比,非常接近黄金比例。

3)通过对比提升易用性

主管每次看我作品就说:好丑!

▲运用对比也是提升易用性经常用到的手段,比如通过文字大小对比,文字的透明度对比。但是要注意互联网的文字的可访问性,推荐使用web无障碍标准4.5:1

主管每次看我作品就说:好丑!

▲苹果的官网设计,就是将文字信息运用到极致,如上图通过文字大小,文字颜色,文字透明度等方式,让信息阅读起来更加流畅。

三、最后

关于设计的准则有很多,设计的准则目的是让我们的设计更加和谐,它是一个参考标准,但是又不是绝对的,你可以理解为它是一把尺子,这把尺子是保证设计有一个基础。



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:人人都是产品经理   作者:sky

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


峰终定律,揭露用户宁愿长痛不愿短痛的秘密

seo达人



用户体验的本质其实是心理学在科技产品的运用,需要的是让技术顺应人性。我在读人机交互硕士时,学的也都是些心理学的研究成果和方法。可在心理学这块了解得越多就越发现,很多人做不好体验设计,是因为喝太多鸡汤,导致脑子里不自觉地产生了很多反人性的思想。而这些反人性的鸡汤,虽然能够帮助自己更加优秀,对于理解用户来说却一点帮助都没有,甚至可能适得其反。

图片

例如今天我就用一个很经典的心理学定律来给大家讲讲:

 

峰终定律——The Peak–End Rule

意思是,人们对于一件事物的记忆好坏,取决于高峰和结尾的感觉

注意,这个高峰并不一定是正向高峰,也有可能是负向高峰。

诺贝尔经济学得主丹尼尔•康纳曼(Daniel Kahneman)曾经做过一次实验,让两组人带上耳机听噪音。

两组人听的时长和音量都是一样的,唯一不同的是,第一组听完这段就结束了,而第二组听完这段后,还会再听一段音量小一些的。

从测试设计者的角度看,第一组的忍受噪音的时间更短,总量也更少,理论上应该比第二组体验好一点。

然而根据调查发现,忍受完这轮噪音后表示愿意继续参加实验的人,竟然是第二组更多一些!

康纳曼让两组受试者戴上耳机,听很大声、令人不舒服的噪音。两组听到的音量都一样,不同的是,第一组听完大声的噪音就结束实验,第二组还会再听一段比较弱的噪音。

图片

按常理推断,第二组的人听了更久的噪音,应该比第一组感觉更痛苦,但事后调查,愿意继续参加实验的人,居然是第二组较多!

 

宁愿长痛不愿短痛?

我们都说长痛不如短痛,但为什么实验中,而且哪怕长痛的总量比短痛的总量更大,大多人都宁愿长痛不愿短痛?

  • 明知道高考的时候再努力一把,毕业后就能找到好工作了,可偏偏忍受不了。
  • 明知道晚上少熬点夜,第二天神清气爽工作效率高,可就是做不到。
  • 明知道每天只要花半个小时锻炼一下,不但体型能改善而且精气神也能上去,可就是坚持不了。
  • ……

看来,短痛什么的都只能是对自己的要求,对大多数人来说,还是长痛更加符合人性。

运用到产品体验上,那就是:便捷性比不过易学性,与其与让用户短时间内完成一个高难度的操作,还不如花更长时间完成一个低难度操作

例如我以前设计过一个控件,方便用户快速滑动切换到某个日期。

结果用户测试发现,虽然这个控件操作效率高,但是几乎所有的用户都无法立即理解,于是效率反而下降。

图片

 

结尾比过程更重要?

虽然很多鸡汤文说,要重视过程而非结果。 

但是对于只体验一次的事情来说,大多数人更在意结果而非过程。

以电影为例,通常对于喜剧和悲剧的划分,并不是根据过程,而是结尾。也就是说哪怕同样的故事,只要结局反转,就会给人完全不同的感受。

把这个类比到产品体验,就拿购物为例,不论搜索产品的过程有多么复杂,只要最终我能买到合心意的产品,用户体验就是美好的。

所以说拼多多这类主打实惠电商平台,根本没有必要再一些体验细节上死抠,点击收货时自动拉摄像头什么的……都被拿到便宜商品后的愉悦感冲淡了~

相反,如果一个电商平台流程体验上再考究,可只要在最后一步收货阶段让用户失望,前面的努力都白费了。

这么一想,写之前那篇《拼多多这个恶心的交互,居然有人说好?》时,我的困惑也终于找到答案。

不过,我还是不喜欢这个方案,这个下面再解释。

 

脚踏实地比不上巧言令色?

通常我们受到的教育是,做事要脚踏实地,那些巧言令色的小人走不长远。

可如果真的是这样,为什么不论是职场还是相亲,「老实」这个词都被认为是贬义词呢?

其实大部分人根本不喜欢稳定,例如投资股票的朋友,经常喜欢张口闭口就说“我最近赚了 50%”、“再加把劲,说不定可以翻倍”……

可是股神巴菲特的年均收益率不过 20% 左右,据我了解无论是创投还是私募,实际年收益率平均能超过 20% 已经相当不错了。

图片

蓝色线为收益率

 

但是对于大多数业余股民来说,即便是自己年均收益率为负数,只要曾经有过一段高光时刻,那就很满足了。

对应在产品体验上那就是:只要有一点让用户感到了「高光时刻」,那就足够让用户记住要长时间了

例如 iPhone 其实整个产品的用户体验,尤其是在刚需上未必比 Android 强多少,可他们抓住自己在细节上的优势,让用户在某些时候突然印象深刻一下,就能圈住不少果粉:《iPhone 这些体验细节太感人,换安卓后不习惯了》。

当然,Android 也有自己的「高光时刻」,例如我在接到陌生电话,看到屏幕上显示“诈骗电话”时,立即由路人转粉。

当然,这个「高光时刻」也可能是负面的「至暗时刻」,例如虽然拼多多能够让我买到便宜的商品,结尾通常是美好的,但是那个点收货拉摄像头实在是让我的体验一下子跌落谷底,所以始终无法产生好感。

 

总结

鸡汤本身就是反人性的,用来要求自己可以,用来要求他人可千万别。

所以说用户体验要反鸡汤,这个其实再合理不过。

以后可千万别抱怨用户这不好那不好,因为人性本来就是这样,样本大了从概率学上看,是一个绝对不可能改变的客观事实。

体验设计就是要运用技术去迎合人性,而千万不要妄图改变什么。

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网》峰终定律,揭露用户宁愿长痛不愿短痛的秘密



蓝设计建立了UI设计分群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

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




UI和交互的需要注意45个微细节

ui设计分享达人

1.用微妙的双重投影来让你的卡片看起来更加清晰

在某些元素周围使用多个放置阴影或非常精细的边框(仅比实际阴影暗一点)可以使这些元素看起来更清晰、更清晰,并帮助你避免那些看起来浑浊的阴影。



2.减少标题上的字母间距以提供更好的光学平衡

你的标题很可能会比正文更大,也比正文更重,所以字母之间的间距有时会看起来更大,

减少一点间距,就可以使你的标题更加清晰



3.为了保持一致性,请确保图标共享相同的视觉样式。

在ui中实现图标时,保持一致。

确保它们具有相同的视觉风格; 相同的重量,或者填充,或者轮廓。



4.在你的设计中只用一种字体就好了

在创建设计时只使用一种字体是比较好的,这样做实际上可以帮助你产生统一的设计效果。

使用字重、大小和颜色的组合,你还是可以用一个单独的字体表达清晰的文字的结构



5.留白

留白可以让你的设计具有呼吸感,更加舒适



6.选择底色,然后使用色调和阴影来增加一致

通过选择一个基色,然后使用你选择的颜色的色调和阴影,可以以最简单的方式为你的设计增加一致性



7.提高用户的入职体验。 拇指法则记住。

允许用户随时跳过你的移动应用程序登录序列,并将该跳过链接放在拇指容易触及的位置。

只是一个简单的调整,可以让你的用户有更好的体验(我常常体验国内一些APP,关闭按钮特别远,特别难按)



8.光影需要是来自同一个光源

确保你的阴影总是来自同一个光源,会素描的同学很好理解,光源关系一致表达空间统一性的基础



9.提高文本和图像之间的对比度

基本的处理方式是,在图片上增加一个透明渐变蒙版来使得字体看的更加清楚



10.同一种字体时,使用多字重的字体

如果只使用一个字体,尽量选择有多字重的字体,比如:阿里巴巴普惠体、思源、OPPO



11.在浅色背景上你的文字可见性需要注意

在浅色背景下工作时,文字颜色不要太浅,虽然看起来很舒服,但可见性不较差,不利于阅读



12.长文本中,文字阅读感不要太抢眼

当涉及到长格式的内容时,某些常规的粗体字体在屏幕上看起来还是有点太重,太呆板了。

建议,选择像深灰色(即# 4f4f)来降低文本的色调,这样阅读起来会更加舒服



13.行动按钮需要是最聚焦的。

通过使用颜色对比、尺寸和标签,确保“行动按钮”尽可能突出



14.字号越小,你的行距就越高

随着字号的减小,增加行高可以获得更好的易读性。




16.突出菜单中最常用的元素


在设计应用程序内部使用的菜单时,请确保提供最常用的操作(即; 上传图像,添加文件等…)最突出的屏幕



17.从你的图像中挑选颜色,让你的产品栩栩如生。

只需从你的产品图像中挑选颜色,然后将你选择的颜色的各种色调和阴影应用到你的背景、文本、图标……,就能为你的设计增添大量的视觉趣味



18.根据字体的x高度设置行高。

不同x高度的字体需要不同的行高测量来实现文本行之间的正确分隔。

即使你可能有两种字体大小相同(即; 18px)它们的x高度可能会有很大差异,选择正确行高是非常有必要的



19.突出最重要的元素

undefined

通过使用字体大小、权重、颜色和布局的组合,你可以轻松突出UI中最重要的元素



20.告知错误的原因

undefined

在用户刚刚执行的操作附近添加一条错误消息,可以帮助用户提高正确登入,也可以缓解用户焦虑(他可以更加清晰那里出错)



21.尝试在手机上创建更大可点击的区域。

undefined

当为移动设备设计时,尝试创建足够大的可点击区域

对于按钮和仅由文本组成的链接来说,点击区域会很小,所以尽可能使用带有标签的图标。

iOS和Android的最低建议点击区域

iOS为44 x 44pt

安卓48 x 48dp



22.在短标题上使用大写的字母

undefined

长标题都是大写字母的话,阅读转化上比较慢(你明白他是什么意思比较慢)

短标题都是大字母的话,相对来说比较快可以和记忆中的单词对应上



23.保持浅色文本和图像之间的对比度

undefined

始终确保浅色文本在浅色图像背景下清晰可见。

只需在文本后面应用一个低透明的深色背景,就能保持这些元素之间的良好对比度



24.排版的亲密性,要一直记得

undefined

标题、正文、标题、正文……这样的排列中如果是间距都是相同的,那么在阅读上就很难区分标题是属于上文还是下文的。

正确的做法是,标题距离上文的距离>标题距离下文的距离,这样阅读起来,标题会比较清晰的对应的是下文



25.在下载中尽量给进度提醒

undefined

当下载速度是一闪而过时,则无需提示

当下载等待时间>3S时,建议给进度提示



26.文字也有情绪

undefined

在项目中处理文本时,选择正确的字体将影响文本的语音类型。 那么大声、或者温柔、或者正式,严肃,或者有趣。每种字体都有自己独特的声音



27.为正文选择合适的行长,并提高可读性。

undefined

基于人阅读情绪,如果阅读一行很长,一直阅读下去,会出现你眼前阅读的内容“不见”的情况

对于单列页面,45到75个字符被广泛认为是令人满意的行长,66个字符的行(包括字母和空格)是最合适的。

当然,字体大小和行高也是决定可读性的一个因素,但是对于行长,要保持在45到75个字符之间



28.偶尔使用纯粹的装饰性元素是可以的,但要保持可访问性。

undefined

需要适当,如果装饰的强了主要表达的,则不可取



29.使UI中的元素相互区分。

按钮。 通知。 UI中两个独立但必不可少的元素。

一定要确保你的用户能够快速准确地将他们区分开来



30.阴影不要太重

undefined

舒服的投影会增加你的设计的质感,和透气感。太重的投影会显得你画面比较脏



31.使用递进分类时,需要明确当前选中的元素

undefined


32.使用高度饱和的颜色? 试着用色调或阴影把事情调小一点。

undefined

高度饱和的颜色(明亮的蓝色、红色、绿色等)在网站上看起来很不错,但过度使用时,会让用户眼睛疲劳,主要是与文本内容一起使用时。



33.使用用户熟悉认知的图标表达

undefined

在向设计中添加图标时,使用用户熟悉认知的图标。新的图标虽有很好看,很有个性,但是会让用户疑惑



34.接近律

undefined

需要承上表达的元素,排版上接近对应的元素,可以让用户心理联系起来是一体的



35.减少标题的行高是很好的。

undefined

与长格式正文文本(需要足够的行高以提高可读性)不同,标题通常要短得多,因此可以稍微缩小间距。标题的建议行高通常是文本大小的1到1.3倍



36.从色轮上挑选配色

undefined

类比色和邻近色是最和谐的配色方案之一,也是最不会出错的配色



37.想用更轻松的语气, 尽量用小写字母。

undefined

在处理特定项目时,使用类似于所有小写字母的文本可以表达更加轻松的意思

但需要注意,在图像和文本之间使用某种颜色叠加,以获得更强的对比度



38.使用重量、大小和颜色来表示你的结构层次感。

undefined


39.深色背景+浅色文本, 增加字重,提升易读性

undefined

当在浅色背景下设置深色文本时,偶尔可以选择较轻的字体。

但是…

反之:浅色文本>深色背景。

最好是把字体的重量增加一点,尤其是长文本,原因是,让用户避免视觉疲劳,获得更好的易读性



40.使用争取的字体类型,表达对应的情感

正确的字体选择对于让你的内容更快的正确传达更重要



41.全部大写+字母间距=更好的易读性。

只需稍微增加字母之间的间距,就可以提高字迹的易读性,并为大写字母增加一些设计感



42.让表单上的错误信息变得有用和容易理解。

确保错误提示,解释了哪里出错和如何解决

始终让用户了解最新情况,即使是普通的表单,让这些错误消息变得有用,不要让用户懵逼



43.加载占位符

使用占位符可以更好的缓解用户焦虑



44.通知用户如果应用某个特定操作将会发生什么。

在应用可能产生后果的特定操作之前,请详细地通知用户。尤其适用于具有不可逆转后果的行为,例如永久删除某个内容。让用户知道将要发生什么,并要求他们确认



45.不要在下拉列表中隐藏重要的操作

用户需要采取的基本操作(例如,注册或登录)隐藏在下拉列表中,甚至可能找到用户想要的。

解决:将重要的功能提出来,不要隐藏


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:站酷   作者:木七木七

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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



如何通过设计驱动产品的增长设计

ui设计分享达人

在《增长黑客》中有这样一句话“If you are not growing,then you are dying!”(如果企业不在增长,那么就在衰亡!),这话也适用于个人。人生毕竟不像企业,是非成败,似乎都无可厚非,所以我们常常放飞自我偏离轨道,以至于有时候不得不提醒自己“不在成长,就在消亡”。我们来人间一趟,有没有全力以赴想要成全的事?可以反复尝试、不断接近吗?所以,我认为,增长它是一个永恒的话题,我们在学生时代读书的时候希望自己的分数与排名能增长,在企业上班工作的时候,我们希望我们的收入能增长,当我们创业的时候,我们希望自己企业的业绩能增长,增长是长期伴随着我们生活的一个指数。

《在大数据时代》一书中提出了“量化一切”的概念,即一切都可以用数据来衡量。其实,在“数字敏感”的互联网时代,电商平台“销量”、电影票房、百大up主、文章阅读10w+等等,我们其实早已在不知不觉中用数据丈量着一切。

增长设计这个概念好像是最近几年才广为互联网从业人员才熟知,成为每个互联网er所讨论的热门话题,因为在过去的十多年,是中国经济数字化腾飞发展的十年,我们90后更是亲身见证着互联网企业的成长,“眼见他起高楼,眼见他宴宾客,眼见他楼塌了”。

我们关于用户增长也是在不断的迭代的,从最早期的雏形AIDA法则,由路易斯提出推销模式,西方推销学中一个重要的公式,AIDA法则也称“爱达”公式,然后到2007年的facebook,提出这个概念,即,我们知道我们的广告费是浪费掉了,但是我不知道是哪一半,于是,精于广告投放的facebook便通过科学的,可复制性,可以被检测的广告投放可以帮助于其他企业做好用户增长,然后便是我们知道后期比较流行的AARRR海盗模型这样更加精细的用户增长策略.


2.1 关于增长设计


在近几年我们经历了从互联网市场在基本火热到冷静,尤其是随着移动互联网的流量红利开始消失,“增长黑客”与“用户增长”这两个概念开始慢慢火爆开来,我们国内互联网企业互联网从业人员也开始重视用户增长。

企业的增长,也可以理解为企业的成长,所以企业能否保持增长,是老板和员工都比较关心的一件事,因为企业只有保持一定幅度的增长,才能保证大家在未来继续过上好日子。以前传统企业做增长可能就是通过赞助冠名一个很火的电视栏目,或者请个明星作为企业产品代言人,都可以在一定时期内来吸引消费者的关注,实现快速增长。但是这几年我们可能也发现了,传统意义上的营销手段似乎不太管用了。因为以前我们从在电视和传统纸媒上获取信息的用户都慢慢转移到朋友圈、B站、抖音等互联网头部平台,过去的传统营销三板斧来拉动企业业绩的增长,已经变得越来越难。

所以我们发现,在2017 年可口可乐宣布取消 CMO(首席营销官),由 CGO(首席增长官)替代,以增长为中心的各个职位在招聘网站上也如雨后春笋一般涌出。

看到这里,这些好像和我们从事Ui视觉工作的好像关系并不是很大,而恰恰相反,我认为用户增长设计并不是一套虚无缥缈的说辞,而是一种能够与团队协助的工作形式,在一个产品团队中,我们每一个人都应该了解一些关于用户增长设计方面的知识。

我们所知道的产品是为用户在服务,是为了满足用户的实际的需求,所以我们所理解的增长设计便是产品创造了价值,而增长设计是将产品的价值放大传递,让更多的人去发现。


2.20 关于以用户为中心的增长设计


而我们体验设计师更多关注在做产品增长设计的时候尽可能的不去伤害到用户,以同理心去思考做增长设计的策略。这个我们会称为用户增长设计(User Growth Design),即简称UGD,简单的理解为用户增长设计要以用户为中心,以用户的角度和思维方式去想问题,去做用户的增长。

让产品简单到“傻瓜”也能操作,是乔布斯和张小龙做产品的核心理念。坐拥10亿用户的微信之父张小龙说过,产品经理要有傻瓜心态。“我要经过5~10分钟的酝酿才能达到傻瓜状态,马化腾需要1分钟,功力最深的是乔布斯,传说他能在专家和傻瓜之间随意切换,来去自如,即所谓的Stayfoolish。”

当然,此傻瓜不是彼傻瓜,而是一种跳出当下局限的外行心态,是站在普通用户的角度是操作、带有同理心去思考产品,这样才会更容易发现产品本质上的问题和抓住真痛点,找到影响用户增长的关键因素。

2.30 设计师该如何去做设计增长


我们设计师要想所做的用户增长肯定不是去街上发个小广告,去地铁上拿着产品的下载二维码让用户去下载我们的产品,我们设计师着手的设计增长范围还是从用户体验去入手的,所以我们在考虑提升产品数据的时候也需要考虑用户的使用体验,例如,公司现在想要提升产品的成交额,我们设计师肯定不会提出的方案肯定不会是让公司去请个明星代言来吸引用户下单之类的,我们设计事所要思考的是如何提升用户在下单过程中的流畅感,如何缩短路径,让用户能方便成交,所以我们设计师的增长观一定是在产品现有的基础上,提升用户的体验,尽量让用户有良好的体验下来提升用户的数据增长。


2.40 什么样的产品适合做增长设计


那我们产品都是来自五花八门的类目,那什么样的产品适合做增长或者以什么样的形式做增长合适呢?在增长设计概念最火热的几年,我听过这样的一个有趣的故事,一个做服务于医疗聚合类的设计同学去给面试官讲他们这个产品的怎么做用户增长的,其中讲到他们通过如何通过增长策略去拉动用户增长,如何留住用户,面试官听完,反问了一句,那们这个增长设计的策略是通过给城市投病毒导致那么多人生病的吗?

所以,世间万物的增长都需要条件,用户的增长需要内在的动力,不能浮于表面,需要认清内在动力这样才能有助我们找到增长的关键因素,从而合理有针对性的部署资源和策略。


(1)C端产品如何做增长设计


C 端的产品,一般是个人消费场景,单一决策购买,所以我们需要给用户持续使用产品的动力,即产品可以持续给用户提供其他产品无法提供的价值。用户在使用产品获得价值提升,例如获得友情、愉快、知识、优惠、收入等等,用户才会继续使用,甚至会给身边的好友去推荐。

例如我们的国民软件微信,拉进了人与人之间的距离,带来了免费通话和朋友圈和这个门槛最低的社交网络,我们可以通过朋友圈去展示和表达,我们微信上的各种”相亲相爱的一家人“”多少级的同学“群成为我们去维系友情亲情的宝地,现在我们通过扫一扫便可以完成生活中很多事情,都为用户提供了极大的便利,微信独有的社交属性促成了巨大的网状人际关系,让用户自发的去加入,并难以离开。在2020年3月底QuestMobile提供的数据来看,微信活跃用户180日留存率为95.5%,位于常用APP用户留存率排行的首位,拥有如此高的用户长期留存,可见微信为用户提供的价值之大。

所以C端的产品只有能为用户提供价值,用户才会选择留下,甚至会主动传播为产品带来更多有价值的用户,这才是最理想的、良性的用户增长。


(2)B端产品如何做增长设计


B端的产品和C端的产品不同,B端的产品往往是做决策的过程比较复杂,往往能决定购买的人并不是产品的使用者,他们只是负责采购的,另外有的采购量比较大的企业往往和销售的人脉关系挂钩,

但是阿里的团队通过不断的深耕B端的市场发现,虽然 To B 增长很难,但在中小企业的增长很有机会。一般的中小企业,使用的人数不是特别多,一般都是5人以内的使用者,这类企业能决定购买和使用者是同一类的人,所以它会与我们C端的购买决策的路径比较相似。另外中小企业的数量也是比较多,所以这块的市场还是有挖掘空间的。


2.50 什么是用户的增长设计


用户增长设计设计其实就是从吸引新用户的注意力到产品能给用户一些价值最后用户认可我们产品的过程,这是一个从短期流量到长效流量转化的过程,


(1)用户的吸引力(获客)


我们一般获取用户的方式最直接便是去投放广或者软文推广,用户通过点击下载APP来访问我们的产品界面,在我们的产品中寻找自己想要的信息,一直周而复始,直到找到自己想要的信息,反正,产品的内容没能吸引用户,这时候,用户便会退出产品,也就是用户的流失。


在这个过程中,一直围绕着三个比较关键的因素“使用者(人)”、“使用场景”、“用户行为”,我们需要明确用户的使用路径中,产生行为的原因和流失的因素。


(2)用户的注意力(激活)


我们在设计中怎么通过设计策略去避免用户的流失呢?我们需要去引导用户的注意力,让用户在使用过程中对我们产品有认可,都可以有效的去避免用户的流失,


·如何引导用户的注意力


我们怎么去衡量我们的产品是否吸引了用户的注意力呢?根据Alibaba Design Ucan 2020所提出的一个公式。用户的注意力=心理需求*视线所及,用户的注意力是用户的心里所想和目标所看到的交汇,当产品给用户看到的信息是用户想要的东西的时候,这时候,用户便会点击进入,所以通常曝光率则可以验证用户在产品使用中的注意力。


例如,我们在浏览商品的时候,我们的目标首先关注的商品的品牌然后是名称和价格,我们用户心里想的可能是哪个品牌会比较可靠,哪个的价值比较低,有没有我常用的品牌,视线所及便是我们展现给用户的列表,当用户看到某品牌有我喜欢的明星的代言或者喜欢明星的同款,这便是用户所想的。当满足这些前置条件,用户便会产生点击行为。


·如何引导用户认同我们的产品


我们想要用户去认可我们产品的价值,我们需要了解用户,了解用户可以从三个关键因素去入手,1.用户群体,2.认同目标,3.说服用户



例如当新用户进去拼多多后,界面会弹出新人的专享红包,引导新人用户的点击,下一个页面便是弹出手气最佳的红包,最后展示页面出现现在限时下单全额度返利的banner,每一个页面的场景关联度极强。一步一步的去说服用户去下单、有效的提升用户点击率。从而提升新用户的首次下单的增长。


(3)用户的安全感(留存)


张小龙曾提出一个产品观叫“用完即走”,与我们常常提到的“留存”“粘性”的原则是背道而驰的,其实我理解的用完即走便是产品其实不想让用户离开,我们的产品能给用户一个确定性的答案,无论是在产品的易用性还是在产品体验层面,都可以保持高效,让用户在使用过程中有愉悦感,让用户迁移成本提升,便是用完即走后的恋恋不忘、

例如早期的打车软件和团购软件,那时候用户在网上打车和线上支付习惯还没养成,对产品的模式的认同度还不够,所以,那时候打车软件和团购软件给予人的确定的心理印象便是,你在我这里支付购买会便宜。培养用户的使用习惯,给用户一个用了该软件确实会便宜的心理安全感,从而实现了用户的留存。

我们平时准备出门或者去一些陌生的地方,我们都会使用高德地图或者百度地图看下路上是否堵车,我们这次出行走哪条路需要用时多久,以方便我们去选择合适自己的出行方式。

我们设计师在做设计的时候也是一样的,我们通过之前的数据,也可以分析出产品一些不一样的改版点,我们能把一些抽象的问题具体化,能更好的去度量我们的设计,所以设计师在学习如何增长设计前,我们需要了解一些关于产品的数据知识,我们分析一款产品的时候,通过比较关注的点是用户、需求和数据。

当我们的产品上线或者上新某一个功能的时候,往往用户的意见反馈代表的是个体的声音,而数据是用户对于产品的客观反馈,数据的变化能代表用户对产品的态度,所以,设计师要是能读一些数据报表,那么我们可以从体验设计师角度去给产品迭代的时候能提出不一样的观点,辅助我们所服务企业的app的成长。


3.10 数据是如何产生的


数据如如何产生的,比较深的知识是不需要我们去深挖的,我们日常接触到数据反馈都是来自产品的“埋点”,而埋点数据的获取通常通过第三方的工具进行获取,比较常见的数据分析企业有友盟、七麦、GrowingIO等,这些工具可以在我们想要的页面或者功能按钮上添加监听功能,当条件被满足的时候,便会完成一次数据的统计,埋点需要提供两个关键的信息:一是需要埋点的内容,二是埋点的名称,这可以方便我们以后快速的找到相关的数据,当埋点完成后,产品上线就会检测用户的行为动作,当用户进入我们的“埋点"界面或者功能的时候,后台系统就会上报数据,我们就会收到数据反馈,但是在现实工作的场景可能比这个要复杂的多,我们可以根据具体的场景在灵活应变。

3.20 设计师为什么要了解数据


我们对一款的产品的优化可能有很多层面的思考,但是我们去对用户数据的分析则是对当前产品最有价值的参考点,数据的采集与分析无论是对产品的规划还是对设计师下一步的工作开展都是比较重要的指标,因为用户可能会因为一些客观的原因可能不会说出自己内心的真心话。

例如我们去面试的时候,在一番精心的准备和问答之后,我们在面试结束之后,如果去问面试官“您觉得我这样面试表现怎样”,有的面试官可能会就你这次的变现去做出比较切合实际的点评或者建议,但是有可能你那场面试因为外部的原因会失常发挥,但有的面试官可能会照顾你的面子,可能会说表现的还可以之类的话来安慰你,但是面试官最后会不会录用你这点他肯定不会作假,所以有时候我们在分析用户行为及操作路径的时候,一些用户的数据表现便是我们对产品优化的关键因素。

我们通常将数据的指标分为三大类:1.用户相关指标、2.用户行为指标、3.业务数据指标



3.30 用户相关指标


我们常见的与用户相关的指数有像DAU、MAU、新增人数等,我们需要了解的数据为1.用户的活跃指数,2.用户的留存率,3.人均使用时长。

3.31 用户的活跃指数


在互联网行业里,通常我们会通过拉新把客户引过来,但是经过一段时间可能就会有一部分客户逐渐流失了。那些留下来的人或者是经常回访我们公司网站 / App 的人就称为留存。

在一段时间内,对某个网站 / App 等有过任意行为的用户,称之为这个网站 / App 这段时间的活跃用户,这个任意行为可以是访问网站、打开 App 等等。

我们常见的用户指标有「日活」 即日活跃用户量,缩写为DAU,,缩「周活」 即周活跃用户量,缩写为WAU,「月活」 即月活跃用户量,缩写为MAU。


3.32 用户的留存率


留存率是最能反映一个产品是否对用户有吸引力的指标,一般的留存率是基于某个时间段而得出的结论,例如我们常常听说的次日留存和七日留存率。

次日的留存率计算公式为:当天拉新的用户中,次日留存率=在注册的第二天继续登录/第一天拉新用户的总数量

七日留存率的计算公式为:在第一天拉进的用户中,七日留存率=在注册七天后还有登录的用户数/第一天拉新的用户总数。




3.33 人均使用时长


人均使用时长通常是对内容和游戏类的参考价值的很大,它可衡量我们产品是否做的比较优秀,能不能留住用户的注意力。如果我们做的是工具类的产品,例如计算机之类的,这个时候的人均使用比较长,说明我们的产品可能出现了问题,无法让用户在短时间内得到他想要结果。

人均使用时长的计算公式为:人均使用时长= 总活跃时长 /总活跃用户数。


3.40 用户行为指标


用户行为相关常见的指数有用户的页面访问量率、转化率等指标。



3.41 页面访问量率


我们对页面的访问流量的定义分为两种,一种是PV(page View)即页面浏览量,另外一UV(UniqueVisitor):独立访客数。

PV(page View)也就是页面浏览量,即你每观看一次就会涨一个PV,类似于B站的播放量,我们每个账户只要点开观看一次视频,播放量就会增长一次,关闭在打开,也会在增长一次,所以我们每播放一次,便会涨一个PV值。

UV(UniqueVisitor):也就是独立访客数,类似于腾讯视频和优酷的播放量,每个账户点进去播放只会增长一个播放量,你再关闭再点进去也只涨一个VU值。在正常情况下是依靠浏览器的cookies来确定访客是否为独立访客之前是否访问过该页面。


(1) UV的类别


在统计数据的过程中, 我们会将不同的点击率来划分,从而更好的可以来统计数据来分析。我们将UV分为:1.

曝光UV ,2.点击UV , 3.意向UV。



·曝光UV


曝光UV即曝光在视野内的用户数,例如我们在京东或者天猫去搜索某个产品进入了搜索的feed列表页的时候,当我在当前的列表停留2-3秒的时候,都可以算一次曝光UV。


·点击UV


点击UV即有点击行为的用户数,例如我们在京东或者天猫去搜索某个产品进入了搜索的feed列表页的时候,我点击某个商品进去了详情页,那么就可以算一个有效的点击UV。


·意向UV


意向UV即进入意向页面的用户数,例如我现在想去买一个Macbookpro, 我在B站看完关于Macbookpro,的评测视频,在百度看完Macbookpro的参数后,我在去天猫和京东去搜索进行比价的时候这个时候我就属于意向UV,在举个我们比价常见的例子,当我们在百度搜索宝马的时候,排在前面的经常是各种五花八门的关于车的广告,在百度看来,我们便是想去买车的意向UV,是有机会促成交易的。

所以我们看用户对我们的产品或者活动是否感兴趣,便可以看看PV和VU的数据如何。

3.42 页面的转化率


页面的转化率是任何一个企业都比较关心的数据为,我们的任何运营活动和产品的推广都是为了转化用户的时间或者金钱,我们费尽心思的用户点击进来,也都是为了转化用户的购买。

用户的注册、下单、登录和复购都可以用转化率来进行量化,我们根据产品不同的情况来制定转化率的指标。通常我们计算转化率:产生购买行为的户人数/总的用户访客* 100%。例如我们这个页面访问人数是1000,接下来有100人进行了购买的行动,那么我们页面转化率为:100/1000*100%=10%的转化率。


(1)意向用户转化率


意向用户转化率,即意向Intention Click Value Rate,简称意向UV CVR,是通过直观科学的角度去评判需求是否达到了预期的效果,意向用户转化率一般用来衡量用户访购行为,是可以通过该指数去发现问题中隐藏的核心问题的依据,非意向UV的转化流失有很多不确定因素,而意向UV的流失往往跟产品体验有更大关联性,通常计算的方法为:产生购买行为的客户人数/所有到达店铺的意向访人数* 100%。

例如像民宿和酒店类的APP的核心转化率是客房的预定量,像B站和西瓜的核心转换率则是用户评论和点赞。


3.43  页面的点击率与意向率


通常我们在曝光UV和点击UV直接会有一个点击率的关系,Click-thougphRate,简写为CTR,即点击数占展示次数的百分比,通常的计算形式为,点击率=点击次数/页面访问次数,

在曝光UV与意向UV之前也有一个比例关系,叫意向率,即意向UV占曝光UV的比例关系,通常用以衡量运营活动或者功能的导流能力,主要用来看用户的质量,通常的计算方式是意向率=意向UV/占曝光UV。

3.43 跳出率


跳出率是在设计用的比较少的一个数据,一般是运营人员会关心的数据指标。指的是用户通过搜索点击进入该商品的详情页,只是简单的浏览一遍就关掉了页面,在该页面没有任何的活动行为我们称之为一次跳出行为。

跳出率的计算公式为:页面的跳出率=一个页面离开的次数/总的访问次数*100%


3.50 业务数据指标


我们对业务的数据指标可以将他们分为两类:一是免费供用户使用的产品,例如微信、B站等产品,我们更多的关注用户的使用时长和停留时长。二是需要用户有购买行为产品,例如淘宝、拼多多和京东之类的,这里的产品我们更多关注的是产品的GMV和ARPU等指数。



3.51 GMV


Gross merchandise Volume,简称为GMV,指标通常称为网站成交金额,属于电商平台企业成交类指标,主要指拍下订单的总金额,包含付款和未付款两部分。

GMV反映的是电商平台直观的成绩,但在电商行业,GMV包括拍下未支付的订单金额,GMV=销售额+取消订单金额+拒收订单金额+退货订单金额,

3.52 ARPU


ARPU是 “The average revenue per user” 的缩写,译为每用户平均收入或平均每用户收入。也可以理解为单个用户的价值。

通常的ARPU用来反映这个产品在这段时间内从单个用户获得的利润和收益,通常用来计算用户生命周期价值的作用:它是 App 成功的指标,是用户忠诚度的反应,是预测用户增长的工具。简单来说,用户生命周期价值是驱动移动市场预算的动力。它会告诉你每个用户值多少钱;你应该花多少成本去获取一个用户。

ARPU的计算公式为:ARPU=在指定时期总收入/指定时期的付费用户的总数*100%。

3.53 付费率


付费率是用来衡量用户转化行为的指标,通常所有用户和付费用户之间的一个转化比率。我们前面说到的ARPU值是付费用户的人数来计算的,我们通常会把付费率和ARPU值放在一起分析。一般该产品的付费率越高,这说明用户对该产品的认可度越高。

我们的产品每个阶段的增长指标在不同阶段会有不同的定义。每个时期所需要注意的事项也是不一样的,我们对基础的数据有了认识和了解之后,我们更重要的事情就是怎么去实践在我们自己的产品中。


4.10 提升列表CTR的设计策略


我们产品中很多时候,我们的设计做的是否合理,我们的商品类别该怎么去排序,都和CTR的数据去挂钩,产品中的很多核心的数据也需要CTR等基础数据去做支撑,那么我们一起来复盘下提升列表的CTR策略点:1.增加影响用户决策的信息,2.梳理列表的信息层级,3.新增适当的交互,4.标题优化(非设计角度)

4.11 增加影响用户决策的信息


平时我们在逛街的时候一定会发现这样的场景,当一条街上开了很多店的时候,每个店铺一定会派出自己店铺长相比较甜美的店员或者比较擅长口播的店员在自己店前面进行“吆喝”,比较小的店铺就算人手不足也会用音箱去反复播放店内的促销信息,这些策略都是为了在众多的店铺中去吸引过往行人的注意力。

那么我们做设计也是一样的原理,我们在在做列表时候,想要提升用户击我们的列表进入详情页的意愿,首先我们需要了解我们的用户对什么样的信息比较感兴趣,我们将它整理并放出来,从而达到吸引用户来点击。


4.12 梳理列表的信息层级


我们平时去逛超市的时候,我们发现每个类目的货架前都会摆放特价或者促销力度比较的商品的合集,理货员会将他们放在一起,这样,对于价格敏感的会直接过去挑选。

我们在梳理列表的信息也是一样的,我们需要将用户比较关注的信息或者产品的卖点信息层级抬高,减少用户在挑选时候的跳出率。


4.13 新增适当的交互


我们想提升列表的点击率也可以从另外一个角度是入口,就是想办法让用户在最短时间内可以看到更多的信息列表,让质变产生量变,这一点我们可以从改进交互的操作入手,让让用户看的比较多的列表交互。


(1)十字交互


因为这种形式的设计他占用的位置比较少,且只需用用户通过手指左右去滑动,便可以查看更多的信息列表或者产品列表。

(2)随机的列表


在交互层面另外一个可以让用户看的更多的设计形式便是点击就换一批,这样可以让用户感受到我每次点击过后的详情列表和产品列表都是不一样的,这样每一次点击都会有新的“多巴胺”去刺激用户再次去点击“换一批”按钮,从而达到让用户看到更多的列表,以质变产生量变。

4.14 标题优化(非设计角度)


(1)美化标题


我们经常上网经常浏览新闻的朋友一定知道有个词叫做“标题党”,简单的来说就是标题经常以夸张、“故弄玄虚”的方式出现,UC是众多平台中运用标题“最好的楷模”,所以网民也会亲切的称之“UC震惊部”,所以一个列表流的标题对点击量的影响也是比较大的。


(2)字符限制


另外一个角度就是当标题显示不全的时候,用户对信息传递无法感知的时候, 我们取再好的标题也是没用的,也许关键信息会被省略掉,所以我们在设计标题的时候,也可以限制标题可输入的字数,避免文字的缩略显示,让用户可以完全看清标题的意思,提升用户的点击欲望。


4.20 上新功能如何提升CTR


我们产品在上新一个新功能的时候,我i们如何布局能去让用户从熟悉到使用我们的新功能都是需要一个过程的,我们需要慢慢的去引导用户,我们可以从一下策略去去入手:1.替换用户习惯的功能,2.把控出现时间,3.用动态吸引注意力,4.合理划分功能层级.、

4.21 替换用户习惯点击的功能(按钮)


我们每个都会有自己的习惯性的动作,例如我们习惯左手写字,右手拿筷子吃饭,我们每天回家习惯性的走同一条路,这些都是我们下意识的动作,是不需要经过思考的意识,那我们在软件的使用中,也会有这样的习惯,例如,通常底Tap栏的图标第一个通常是首页或者软件的主要功能,而最后一个通常会放个人中心,这也是我们在软件使用的中的共识,所以我们可以利用人下意识的习惯将常用的功能与新功能去替换,用户便会在下意识的惯性中去点错,例如网易云音乐为了推广“云村”功能,便会将以前在最后一个的“我的”给替换成“云村,会导致很多用户的下意识的动作点错而提升新上的功能”云村“的点击率。

4.22 把控出现时间


我们在下班回家的路上,当我路过一些小吃摊的时候会觉得街边的小吃特别想吃,也特别有购买的欲望,这是为什么呢?因为我们在劳累的工作了,下班的时间也正是需要吃饭的时候,所以这个时候我们会看到街边摊的小吃特别想吃,也特别想买,因为他摆摊的时间点和位置都恰好满足了我们的需求,所以我们转换到界面里也是一样的,我们想要用户去分享一篇文章的时候,一定要等看用户在读的时候,然后在出现分享功能,这个时候如果用户读到比较精彩的内容,便会和朋友分享这篇文章,例如用户在进入商品也可以浏览的时候,我们这个时候可以出现满减的红包,这都是在适当的时候给与用户想要的,把控好了出现的时间。


4.23 用动态吸引注意力


在一些静态的元素中,突然有一个元素动起来,那么,那个动起来肯定是更吸引人的眼球的,所以我们在电商的页面页面中,会经常看到一些会动的icon和一些会动的胶囊导航,我能在付款页面也可以看到一些立即付款的按钮会忽大忽小的动起来,这都是为了吸引我们的注意力,引起我们去关注它的存在。


4.24 合理划分功能层级


我们做设计排版的时候一定都听说过这样的一句话,就是你什么都想突出,结果你却什么都没有突出,这句话的意思是我们在做设计的时候一定要注意运用对比,将次要元素与主要功能的要做好主次的对比,这样的层次对比才有利于用户的阅读,可以分清主次。

我们在ui设计中也是一样的,要想用户快速的找到想要的功能,高频使用的功能和不常用的功能要做好强弱的设计区分,这样才能让用户一眼能看到自己想找的功能,例如美团和支付宝,都是将用户高频的操作放大并放置于顶部比较显眼的位置,方便用户去操作。


4.25 合理使用弹窗功能


我们都知道,弹窗在软件中属于级别最高的通知,就相当于学校里面的校园广告,只要打开软件的人,基本都可以看到,所以我们想推广一个新功能的时候,使用弹窗是流量比较大的,但是也是比较打扰用户的,我们需要看情况而定。

4.30 提升人均使用时长的策略


软件的人均使用时长代表用户对我们人均软件关注度和我们给予用户的价值,当人均使用时长在增长的时候,说明我们的产品正在良性的增长,在提升人均使用时长我们可以从以下几个策略入手:1.让用户忘记时间,2.弱化用户的负面情绪,3.多变的板式消除疲劳,4.激发用户的好奇心



4.31 让用户忘记时间


我们放假在家打游戏的时候,总有这样的感觉,就是打着打着不知不知的天就黑了,或者打着打着天就亮了,感觉时间过的非常快,但是我们需要注意一个细节就是一般打游戏的时候,游戏是会将顶部的时间状态给隐去的,是为了给用户更好的沉浸式的体验,正因为我们看不到时间,所以便会忘记这件事情,一局一局的打着游戏。例如早期的抖音,在进去界面后变会隐藏时间条,让用户在刷抖音的过程中忽略时间,所以 ,我们想要提升人均使用时长,在一些娱乐性的产品或者模式下,可以尝试着隐藏时间条,给予用户更沉浸式的体验,这样用户便会忽略时间这件事情。

4.32 弱化用户的负面情绪


我们在饭店高峰期去餐厅吃饭的时候,一般会遇到餐厅客满需要排队拿号的情况,海底捞的做法是给排队的客户免费的小零食,外界对海底捞的服务评价可以用16个字来概括:有求必应,无微不至,嘘寒问暖,小恩小惠,中国有古话是这样说的“伸手不打笑脸人”,也许我们在就餐中会有各种不满,但是海底捞都可以用他的服务去抵消客户的负面情绪。所以,我们一般在餐厅催菜是时候,不管菜做没有,服务员都会对我们说菜正在做,都是抵消我们等待中的负面情绪,让客户不会在等待的过程中离开或者退菜。

我们在做界面中也是一样的道理,我们的APP在实际运行过程中肯定也会遇到各式各样异常问题,我们做设计的时候要为用户提前给考虑进去,为用户提供贴心、无微不至的服务。例如我们用户可能在使用过程中可能手机信号不好,有的页面加载不出来,我们需要设计有趣的加载动画和页面加载不出来的时候的占位符,告诉用户我们的APP还是在正常的运行中,不是宕机了。


4.33 多变的板式消除疲劳


我们都开车或者坐车经过高速公路,我们会发现高速公路在一条直道后马上会迎来一个弯道,我们小学的时候都学过,两点之间直线最短,那么高速公路为了节省司机开车的时候,能否直接全部设计成直线的呢?答案是不可以,除了有些地方路线的规划外,其次安全因素也很重要,经科学家研究表明在笔直的公路长期行驶很容易导致驾驶员发生事故,这是因为在笔直的高速上行驶,驾驶员的神经长时间处于放松状态,容易麻痹大意,如果适当的时候来个转弯会提醒驾驶员注意力集中,减速行驶,从而减少事故发生率。其次从心理学角度来说,驾驶员一旦在笔直的高速上行驶,容易产生飙车行为,谁都会想猛踩油门来追逐刺激,如果适当时候来个弯路,能够抑制飙车行为的发生,从而减少故事发生率。

所以我们在设计板式布局的时候,让用户盯着单一的布局形式,用户很容易感觉到疲劳,从而会在页面跳出。我们为了避免这样的情况发生,让用户在浏览过程中能感受到板式的变化,而不是滑到底都是一样,单一且无趣,很容易疲劳,我们设计者需要在单一的板式寻求不一样的解决方案。


4.34 激发用户的好奇心


我们都比较喜欢看悬疑剧的一个重要的因素是因为情节一环扣一环,线索和剧情结合的比较紧密,剧情比较扣人心弦,能激发我们对真相的探索欲,这才是我们喜欢追悬疑剧的原因之一。

所有,我们做设计时候也需要给予线索让用户去探索,让用户感受到内容源的充沛,用户才会兴趣去向下探索,从而提升用户的使用时长,所以,大部分的APP在最后一个板式都会做成瀑布流的形式,因为他在滑动的时候会不断给予用户新的提示,告诉用户你不断往下滑,都会有新的内容。

4.40 提升留存率的策略


留存率是用于反映产品的的运营情况的统计指标,我们产品的留存越高,说明我们产品很活跃,真正稳步的向前迈进,那我们在优化留存的策略可以从以下几个入手:1.优化初次上手体验,2. 减轻用户的使用负担,用内容留住用户,3.完善奖励机制,4.增加沉没成本

4.41 优化初次上手体验


我们现在年轻人由于生活的节奏越来越快,在使用APP的时间往往都是碎片化的,用户的持续注意力会越来越短,一个产品在初次上手的难度越高,能劝退的用户就越多,用户在上手一款产品的时候,首先会关注界面是否易于上手,能不能快速找到自己想要的功能,例如在登录的时候设计验证码登录或者第三方的快捷登录,在新用户初次进去的时候,对新功能有使用说明,用户在初次体验是很重要,有了第一次的良好体验印象,用户才会有第二次第三次的回访率,这也是提升留存的第一步。



4.42 减轻用户的使用负担,用内容留住用户


减轻用户的使用负担是指在核心功能尽量能让用户能用最短的时间去完成,让用户感受到产品对用户是有价值的,做到用完即走,例如,微信就算其他功能做在有趣,上手在简单,它的核心聊天功能做的不好,用户发一条要等很久, 我相信也不会有人去选择用它去聊天,早期的米聊,其他的功能和想法都是比较超前的,微信也是根据米聊的模式改进,但是早期米聊在即时通信领域不是很擅长,在发送消息的即时性上欠缺,导致失了先手,在手机聊天领域输了给微信。

在产品做好了核心功能,能够吸引一批忠实的种子用户,这样我们在一些附加功能,才是锦上添花,例如现在无论什么产品都喜欢做社区功能,就是希望用内容去留住用户的注意力,附加功能一般都是利用人性的七宗罪去设计布局的(傲慢、嫉妒、愤怒、懒惰、贪婪、淫欲和暴食。)例如微信的摇一摇是利用人想认识新的异性,扩大好友圈,汽车APP的社区功能会经常发一些车站的车模,来吸引精准用户的注意力,这些都可以提升用户再次来使用我们的产品。


4.43 完善奖励机制


我们在工作中,一定遇到这样的情况,就是公司会设置奖励机制,当员工的绩效达到一定的程度的时候,公司会给予员工一定的奖励,反正则会触发惩罚机制,这会使得员工为了完成目标而努力工作,从而达到目标得到的奖励会触发员工的“爽点”。

这是因为这样,所以越来越多的产品开始做自己的会员体系,在加入积分商城,最后在来个签到奖励,简单来讲,就是通过给予用户一些“爽”的东西,来让用户帮我们的产品达成一些我们需要的商业目标,其中最主要的目的就是用户的留存率.

4.44  增加沉没成本


我们在去理发店去理发或者在去网吧上网的时候,他们都会希望我们去办理一张会员卡,在往里面存在钱,有的是存多少送多少,当我们一但存钱办理会员后,我们会惦记着我们有类似的消费的时候,都会想起我在那家店里会员还有余额,会员里的余额就是们迁移的成本。

所以共享单车会推出月卡服务,视频会员会有连续包月或者年卡套餐,甚至我们点外卖开通会员也能享受大额的折扣,让用户感觉占便宜的感觉,这些都是为了锁定用户,增加用户的迁移成本,来达到让用户再次来我们产品来消费,从而提升用户的留存率。

4.50 提升产品活跃度发力点


产品的活跃度也可以称为产品的粘性,产品的留存率是计算单次打开产品的次数。而多次打开我们的产品也可以称为产品的活跃度,或者用户对我们产品的粘性,我们去优化产品的活跃的可以从以下几个策略入手:1.让产品看起来生机勃勃,2.主动与用户沟通,3.让用户有自己的社交圈,

4.51 让产品看起来生机勃勃


我们都会有凑热闹的习惯,看到街边有人排长队我们会不自觉的看过去,所以我们在新闻看到了网红店会请人来排队,都是为了营造该店看起来很有生机,人很多,很热闹。

我们在做产品设计的时候也是一样的,需要在设计层面让用户看我们的产品也是很有热闹,很有生机,例如我们产品的运营区的图片会经常更换,让人感觉有人在运营,每天都是不一样的,当我们的用户关注的人比较少或者没关注的时候, 我们需要给用户去推荐质量比较高KOL去让用户去关注,有什么活动我也可以主动推送给用户,这都是可以让我们产品看起来有活力,从而让用户可以多次打开,提升活跃度。

4.52 主动与用户沟通


我们小时候通常会被家长教导,遇到熟人和长辈要主动打招呼,这样会让我们看起来比较有礼貌,我们生活中也乐于和有礼貌的人去交往,因为对方会看起来比较有亲和力,比较好沟通。

我们做设计的时候也是一样,我们的产品也需要主动与产品去沟通,让用户去了解我们,例如,我们评论去外露,是在告诉用户我们这个商品已经得到了大多数的肯定,也可以让用户感受到我们这个产品其实用的人还是不少的,比较有生命力。

4.53 让用户有自己的社交圈


不知道从什么时候起,无论是什么类目都有了自己的社区,淘宝有自己微淘,咸鱼有自己的鱼塘,求职找工作的APP也开放了求职讨论专区,连墨迹天气都开放了社区功能,让大家可以拍自己的当地的风景来讨论。

为什么大量的产品开始做社区功能呢?因为他们希望自己的用户能在自己的产品有自己的社交圈,只有用户有自己固定的圈子,才会有用户粘性,把路人用户转化为死忠粉,大家一起来讨论,从而达到提升产品的活跃度。

4.60 提升产品核心转化率发力点


核心转换率一般我们的用户需要走的流程比较多,我们需要按照实际情况去删减合并流程,来保障用户无障碍的可以付款下单,我总结一下几个优化策略:1.优化核心流程,2.丰富决策信息,降低转化顾虑


4.61 优化核心流程


我们以前在放学的路上一定熟知自己家到学校的各种小道,在巷子的玩玩转转,比走大路要节省很多时间,节省了很多时间。


(1)合并优化流程


我们在做电商APP的时候,想要让用户快速下单购买也是需要提升用户的下单效率,例如我们以前输入完密码还需要点确认才能付款,现在我们在输入完第6位数密码的时候就直接付款了,现在手机的升级了指纹和面容识别后都不需要输入,就可以直接付款了,点外卖的时候,会有一键搭配购买,这都把以前复杂的步骤给整合优化,提升用户的下单效率。


(2)复杂流程分开显示,提升放弃成本


已经简化到最简单的流程仍然步骤还是很多的时候,我们可以将流程分开展示给用户,例如我们的流程一共有12项,已经是优化的最精简了,这个时候,我们每个页面显示4个给用户去填写,如果用户在第二个或者第三个想放弃的时候我们这个时候提示他,马上就要完成了,用户想着我之前已经填写一页了,反正也没多少了,我就在坚持写一页把,例如我们常见的电商产品,现在都是支持先选购商品加入购物车,在需要购买的时候在提升用户登录并付款,避免用户还没选商品就被登录界面给阻拦了。这都是可以提升核心转化率的策略。

4.62 丰富决策信息,降低转化顾虑


我们在超市购物时候,一般会先看看产品信息和生产品日期,然后在看看品牌,最后看看产品的价格,觉得合适就拿走付钱了,就算我们有挑选的空间,也会在这这家超市买,因为往往两家超市隔的都是比较远的,跑来跑去比较费力,但是我们在网上购物或者选东西的,换平台成本比较低,也不怎么费力,所以我们需要将我们的能有的优势都展示出来,降低用户的下单顾虑。

例如自如租房的优势就是有管家服务,服务比较全,这是它的优势,也是我们租房的时候比较担心的,有时候房间洗衣机或者热水器坏了找人也找不到,另外就是我们商品的销量好也需要展示出来,那么多人都买了都没问题,我也肯定可以放心的下单购买,我们产品或者平台有什么优势都可以展示全,去尽力打消用户最后的心理防线,从而提升下单转化率。

5.10 确定增长指标


当我们想做增长的时候,会遇到各种各样的指标,经常我们会觉得提升哪个指标都会比较重要,然后我们在把各个指标一把抓的时候却发现与目标却是南辕北辙的背道而驰,最终是研究了很多数据指标,却仍然没做好增长设计。

其中最关键的因素是我们每找到唯一的关键性指标,即OMTM,,全称是 One Metric That Matters,最早提出这一概念的是《精益数据分析》这本书中提出的,后来肖恩·艾利斯在《增长黑客》一书将其称为“北极星指标(North Star Metric)”,现在“北极星指标”已经称为行业的通用词汇。

北极星指标即在纷繁的产品世界中照耀着我们去走向终点的指标,它是产品走向成功的关键且唯一的指标,我们整个组织的增长目标都应该统一指向北极星指标。那么北极星指标有什么作用?

(1)明确目标:让我们避免南辕北辙,,帮助我们确定现阶段的产品最需要解决的问题,帮助我们找到清晰的目标,来促进用户的增长。

(2)集中资源:有助于减少内部的沟通成本,整合企业的人力、技术、资金等资源,明确方向,力往一处使,利出一孔。


5.11 怎么确定北极星指标


我们在前面说到北极星指标的重要性,我们前面也讲到关于很多数据指标,我们怎么可以确定符合企业定位的北极星指标呢?

北极星指标确立和我们自身的产品的属性、行业是密不可分的,不同的产品和行业也对应着不同的用户和盈利模式,用户价值的不同和商业模式不同,所对应的关键指标也会不同,因此,我们要确定北极星指标首先要了解产品的受众和我们的产品可以给受众提供什么样的价值来盈利、

在过去互联网高速的发展的过程中,也衍生出了不同品类的产品。但是总体来说,我们大致可以把互联网产品给归类为内容产品、社交产品、电商产品、工具产品、游戏等几大类目。我们可以看看不同的产品所对应的北极星指标。


5.20 怎么拆解增长指标


如果我们确定了产品的北极星指标,那么接下来我们需要做的就是任务的分配工作以及各部门的协作与协调,让每位成员能够能明确各自的职责,这样我们设立的北极星指标才可能完成,这里我推荐一种在各大企业都开始推行的一种工作方式OKR((Objectives and Key Results)工作法。全称为目标和关键成果,是一套明确和跟踪目标及其完成情况的管理工具和方法。

OKR 这套系统最初由英特尔公司制定,在谷歌成立不久,被风投家约翰·都尔(John-Doerr)引入谷歌,并一直沿用至今。除了Google以外,现如今有很多公司在使用,国外Facebook,Twitter,Linkedin,国内我知道知乎,字节跳动,明道等在使用。

通过这么多公司的使用充分说明了OKR方式的可行性,OKR在执行过程主

要以季度为周期来进行管理。

整个OKR制定是从上到下,逐级进行拆分的类似金字塔式结构,最终拆分到团队或者个人OKR。


OKR中的“O”代表我们这次工作的目标,例如:年度目标、季度目标、阶段目标,“KR”是关键成果,就是这些目标可以通过哪些关键成功可以完成,然后还有一个Action(行动方案),这些关键成功需要通过哪些方案去达成。



我们以一款内容社区类的产品为例子,我们这个产品的季度的北极星指标为提升用户的粘性,那么可能分配到我们设计负责人手上的目标为提升用户的留存率和简化产品的操作留程,那我们设计师需要做的可能是新增一个签到功能,让用户每天都记得签到来领奖励,或者简化直达看帖区的交互步骤,让内容能留住用户

所以我们北极星指标结合OKR工作法,如何在合适的阶段做合适的事,如下图所示


5.30 GSM数据驱动


GSM模型是Google的用户体验团队提出的一种指标体系,与OKR工作法不同,OKR主要适用于整个企业的任务的排兵布阵,而GSN体系主要是用来量化用户体验的,GSM分别为目标(Goal)→信号(Signal)→指标(Metric),所以也简称GSM模型。

但是由于我们国内的互联网情况和国外的环境也是不一样的,经过本土化的改良,我们国内的GSM被精细化为6步。

我们来结合实际的案例来看下吧!

例如我们我们公司的一款民宿的产品,我们的产品团队接到的需求是提升我们产品的活跃度。


(1)数据目标


那我们的数据目标便是提升产品的活跃度,我们接下来的工作便是对产品的现状进行分析,以方便我们开展接下来的设计工作。


(2)用户分析


用户分析主要是对我们现在的用户进行一个比较全面的分析,了解我们用户群体的使用习惯,发现用户主要的查看内容和用户的痛点,以方便我们做针对性的设计策略

(3)发现问题

我们对用户问题的采集主要是通过软件自带的用户意见反馈和APP store 的用户评价,从这里去获取的用户对产品的评价都会是比较客观的。

我们通过评价可以发现,用户对产品存在的一些隐形的坑的体验不好,例如附近有装修会影响人睡觉的之类的,那我们怎么去帮助用户去避免这些问题呢?我们可以让一些经常住民宿的人去写一些住店的体验日记,方便我们用户去查看。


(4)用户表现


有了住店日记,我们的用户表现是什么样的呢?我们的用户在决定入驻一些民宿的时候,可以去多方位的去查看其他人发入住日记。可以做多方面的对比,这样用户不仅可以减少踩到坑,在对比的过程中,在使用我们软件的时间也会更长了。


(5)设计策略


那我们怎么可以让一些入住过用户去写一些入住日记呢?我们可以针对愿意写的用户写的好的用户的日记进行曝光,他可以获得自己的粉丝群里,然后,你发一篇日记,我们会奖励给你相应的金币,这些金币在积累后可以获得优惠券,在下次入住后可以减免相应的入住费用,然后我们的产品可以发现写的比较好的日记推送给没有住过的新用户,或者有意向、搜索过的用户,方便用户横向对比,从而提升用户的活跃度

(6)衡量指标

因为活跃度它是比较抽象的一个概念。我们怎么去验证我们的设计策略呢?我们可以通过一些用户的金币的积累去验证我们数据,这样就会比较直观。只有当有有用户去发表住店日记,他才能获得金币的奖励。


增长设计需要精准的界定用户的痛点,这是用户增长的重要基础,然后在聚焦核心的业务,不断的强化痛点来驱动用户的增长。

随着行业的发展,现在行业对Ui设计的要求也是水涨船高,我们每一次改动需要给企业去提供一个能说得通的理由,我们也需要不断的去学习行业里的新的知识,来丰富我们的思维,这样我们才能在寒冬中走自己的坦途,一起加油!



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:站酷   作者:Endings

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


S02E03: 数字构建世界,什么构建「数字的世界」—— 阿里云设计中心年鉴

seo达人


本篇文章是承接《产品解决问题,什么解决「产品的问题」》《设计定义专业,什么定义「设计的专业」—— 阿里云设计中心年鉴》的内容。年鉴的第三篇,走进“数字”世界;比起这些宏大的视角,我们更希望和你一起推敲每一个细节。

图片

图片

如何构建一个数字世界?

图片

图片

图片

构建数字世界分为三步:

① 数据原料的采集与转译

② 数字世界的生产与加工

③ 设计过程的成本管控

 

数字世界的血液从哪里来?

数据是数字世界的血液,那么数据从哪里来?将空间数据采集后,我们进行标准化处理、融合,用于空间展示与计算;通过对环境、建筑、城市道路数据编辑能力,为生成3D城市(世界)提供完备数据。

图片                    
图片                    
空间构建平台 _

 

数字世界的构建就是建个模么?

孪生不仅仅停留在表面,而是由底层数据驱动、可以对物理实体流程模拟、结构模拟,甚至可以达到对物理的实时优化与反控。

                   
图片                    
图片                    

图片

怎么理解数字世界的生产加工?

这是一种很“工程化”的设计流程,无法通过设计稿“所见即所得”,需要在了解数据的特性基础上,同工程师一起,通过算法决定建筑的形态,通过视觉设计规则决定建筑的样式,通过场景编辑器决定物理世界的表现形式和规则。

                   
                   
DATAV _

 

如何降低设计成本提高效率?

针对大屏搭建成本高、周期长、我们的方法是从生产的各个环节进行优化,如提供涵盖行业特色场景的大屏模板,建立设计资产库、数据映射视觉设计;同时,DataV的智能设计 AiVisLab提供的智能化搭建与编辑方式(识图搭建,美化工具箱,自动可视化等)以及Visbar的资产沉淀让搭建设计成本更低,提高搭建效率。

图片                    
图片                    
图片                    
自动化,智能化,产品化
设计预设,模版等 _

 

图片

图片

如何把图形引擎能力抽象出来,服务更多的场景?

图片

图片

图片

 

三维场景和动态数据效果,是如何做到的?

我们通过提供便捷的数据服务一键生成三维数据基底、通过设计资产预设,后期环境设置等完成从物理空间到数字空间的转化;同时在数据业务展示层,我们有一套完整的图元系统贯彻组件支持数据展示;而在信息交互层上为了满足不同维度的交互编辑,我们提供了蓝图节点编辑,和镜头沉浸式设定等功能。

图片                    
图片                    
图片                     

图片

                   
                   
                    
 

不会代码,也能用 DataV么?

当然,为满足用户日益增长的编辑诉求,我们从最初的1个画布编辑器已扩展至今天横跨多个维度的6大编辑器,形成一套简单易操作的可视化编辑器系统。用户可通过编辑器里丰富的模版及资产库、数据配置、自动数据映射等0代码编辑的功能快速搭建专业水准的数据可视化应用,感受数据的美好。

图片图片

图片

小白如何快速上手搭建三维空间可视化?

为了让用户能够“傻瓜式”搭建复杂的三维空间可视化,我们打造了一整套包括 CityPro、CityV、GI组件等的图形引擎产品。并提供了一套既能满足沉浸式数字孪生体验,又能满足时空大数据分析的解决方案,可覆盖可视化领域的各个场景。

                    
图片                  

 

 

图片

图片

如何把模型资产沉淀下来,产生更多的复用价值?

图片

图片                    
图片                    

图片

 

为什么要有 Visbar?

在数字孪生的行业可视化项目中 ,每个具体行业的需求往往很相似,功能场景也有较高通用性。于是我们以行业维度沉淀资产,并以解决方案打包输出,最终以产品化对外服务。Visbar 不但能够提升可视化项目交付效率,还可以降低项目投入成本。

图片

行业案例 _

 

那么多资产沉淀得过来吗?

Visbar拥有自己的物料生态与运营模式。

图片

图片

图片

图片

原文地址:阿里设计中心(公众号)
作者:阿里设计中心

转载请注明:学UI网》S02E03: 数字构建世界,什么构建「数字的世界」—— 阿里云设计中心年鉴

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

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


想抓住产品第一印象?看看这些引导页设计方法!

seo达人



引导页可以算作我们打开一个新产品时看到的第一个画面,能在未使用产品之前提前告知产品的主要功能与特点。

第一印象的好坏会很大程度上影响到后续的产品使用体验。文章通过梳理引导页设计的构成,总结出实用的观点与方法来助力引导页设计。

 

1.什么是引导页?

第一次打开新的应用时通常能会看到2-3个系列开屏页,上面有简短的文案来解释产品的功能,方便用户使用。

又或者打开一个全新的社交类产品,会引导用户进行创建帐号、设置偏好、添加兴趣等一系列操作,从零开始带用户了解产品。

图片

▲ 通过友好的引导页向用户介绍价值主张以及产品将如何改善他们的生活。

入门引导有助于用户了解需要做什么以及怎么做才能从产品中获得需要的东西。这是一种与用户建立信任的方法,不仅有助于用户,也是提高业务转化率和保留率的关键。

 

2.为什么引导页很重要?

平均来说,近四分之一的用户会在仅使用产品一次后就因为各种原因放弃再次使用。一旦用户试用了产品并且离开,可能很难再次成为产品的使用者,除非他们能从产品中获得一些有价值的内容。

例如我们花时间和精力去下载一个新产品时,总会带着某种目的性,希望这个产品能在某种程度上解决现阶段遇到的问题或者改善我们的生活。

图片

▲ Twine将渐进式的引导页融入到产品体验中,用户的流失率降低了一半以上。

用户留存率和客户忠诚度是大多数产品和服务成功的关键因素,合适的引导页可以提高长期留存率。

为产品或服务添加新功能虽然很好,但如果用户不了解或不知道如何使用,会导致用户在很大程度上未充分利用这些新功能,那么它们就没有为用户带来太大的价值。

 

3.引导页设计类型和方法 

引导页类型

为满足新用户的需求并留住他们,大多数产品会采用几种引导页组合来为用户提供指导。

 

入门之旅

这是一种在移动应用中非常流行的模式。用户第一次启动产品后,他们会看到几个快速概述产品价值和基础知识的页面。

这种简单、静态的介绍为新用户提供了一个很好的入门。

图片

▲ Slack通过四屏概览引入了新用户,整个介绍流程很清晰,为用户提供了明确的进度点以及跳过选项。

最好的做法是为用户提供进度指示以及退出或跳过选项。这样他们就会明白还有多少介绍内容需要阅读,并且不会感到困惑。

 

工具提示和指导标记

这是另一种很常见且相对省力的方法,用于从一开始并贯穿整个产品体验来引导用户。

图片

▲ Twine使用工具提示和指导标记帮助用户快速了解页面情况。

图片

▲ 在为Metrie的3D房间配置器设计界面时,通过添加指导标记的可切换图层,将它们合并到加载屏幕中。

虽然这种带注释的引导设计很有用,但要注意不要过度使用或者连续弹出多个窗口来干扰用户。一次引导用户使用一个元素或操作,避免解释太多显而易见的事情。

 

引导任务完成

让用户记住某事最好的方法就是让他们实际去做。引导式任务是通过一系列步骤提示用户与产品交互的方法,常用于当产品希望用户尽早创建帐户或设置一些个性化参数时。

图片

▲ 用户首次进入团队管理平台Basecamp时,会被引导完成一项任务,以此来熟悉产品的特性和功能。

 

什么时间开始引导

从初次进入到持续使用的整个过程中,决定在产品体验的哪个部分使用哪种引导模式对于用户体验来说都至关重要。

 

开箱即用

第一印象很重要,因为很多用户在第一次打开产品后就把它放弃了。

图片

▲ 日记应用Dailyo友好细致的引导页向用户解释了产品的价值,并提供了如何让用户从中获益的提示。

 

渐进式引导

用户完成了开箱即用的流程之后,在使用产品的过程中仍然有很多机会可以继续帮助、启发和取悦用户。

图片

▲ 每当用户选择一种新语言来学习时,多邻国都会提示用户表明他们的专业水平,然后测试他们的语言能力。这有助于用户避免因高估自己的能力而有可能放弃使用的挫折感。

 

新功能上线

当产品推出新功能或对体验进行重大的改动时,需要让用户知道这些新功能的优点以及如何使用。

图片

▲ 当Facebook为用户引入一项新功能时,会通过一个高度可见的工具提示标注来让用户知道如何在一个简单的消息中使用新的功能。

 

4.引导页设计实践和技巧 

了解用户

通过了解用户来调整引导页的设计,发现并利用用户现有的心智模型,来帮助弥合用户对产品的期望。

图片

▲ Basecamp通过提供一个简单的选择面板和友好的指南,突出了新用户在首次使用时要注意的核心要素。

在构建产品时,用户测试和可用性分析不仅能帮助团队改进整体设计,还能告知用户在入门时应关注哪些内容。

 

与用户价值联系起来

使用福利介绍来提醒用户为什么产品或服务适合满足特定需求。

图片

▲ Inbox对入门体验进行了冗长的介绍,但每个案例都强调了其功能将如何使用户的生活更轻松。

 

快速引导

使用一个实体产品时,很少有人愿意翻看说明书,相反大家更愿意自己去摸索产品的功能。

图片

▲ Morningstar Financial的入门引导违反保持简单引导的准则,因为没有人愿意花费时间去阅读这么多的说明,更别说记住这些说明。

如果产品很简单,快速的概览可能就足够了。当需要更深入时可以考虑渐进式引导,将引导扩展到整个产品体验中。

 

可重复引导

入门引导之后,不能假设用户不会再次访问这些引导内容,用户很可能忘记了第一次引导时提到的技巧或内容,所以考虑在导航中设置一个“帮助”模块,便于用户重复回看这些引导内容。

图片

▲ 指导标记可以根据用户需要在房间中选择打开或关闭,这使用户能够根据自己的实际情况获得指导和帮助。

 

避免过于个性化

鼓励新用户提供一些有助于个性化体验的信息是很好的,但需要注意不能要求太多细节,导致让用户有一种信息泄漏的感觉。

产品不应该向用户询问太多不必要的问题,尤其是在刚开始使用的时候。

图片

▲ 首次使用Pinterest时,用户需要使用邮箱才能登录,再通过年龄和兴趣爱好的选择为用户带来个性化的体验。

 

最后 

引导页不仅仅是一瞬间的操作,而是一个与受众建立并保持信任的过程。

 

原文地址:Clip设计夹(公众号)

作者: Clippp

转载请注明:学UI网》想抓住产品第一印象?看看这些引导页设计方法!


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

                                                            微信图片_20210513163802.png

 

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

 

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



金融设计中的信任感

资深UI设计者

通过解析市面上的产品是如何通过设计构建用户的信任关系,提炼出在产品设计中打造信任感的方法


在整个互联网大环境下,针对精细化运营战中,信任关系是有效转化的关键,也是企业和品牌传播的第一生产力。能否获取用户信任成为了企业商业价值大小的核心判断标准。


在金融产品设计中,设计师该如何和用户构建信任关系,怎样通过设计细节去逐步影响甚至改变用户心理感受。本文将由浅入深,从金融设计上,通过解析市面上的产品如何通过设计去构建用户的信任关系,提炼出在产品设计当中去打造信任感的方法。



通常,我们在做金融产品设计,有以下几个方面可以提升产品与用户之间的信任感:


一、信息透明化


平台的透明化运作,信息透明,有利于投资者对平台有一个相对清晰理性的判断,以便对各平台进行风险定价和自由自主选择。通常可以从四个方面去透明化平台的运作情况:


a、平台基本信息

平台的基本信息和运营信息是投资者衡量、选择平台的主要依据,也是监管部门对行业监管的基础。而作为合规的金融投资平台,自然包括资质认证、发展历程、管理团队、风控措施等信息。


b、标的的真实性透明

例如做P2P产品,借款方信息应该在不泄露隐私的前提下最大程度公开。主要包括:借款人借款信息清晰,身份信息详细(如借款人的职位、自身条件、收入来源等一系列基本信息),借款用途,还款来源与放款额度等等。


c、审核过程透明

对于上线产品,审核的尺度标准需要在不涉密的情况下,尽可能公开;相关手续和资料要求要严谨。平台提供的证明材料必须是合法有保障的。


d、风险备付金透明

风险备付金是P2P平台抵御风险的必要条件,协议、银行查询账号尽可能公开,因平台性质不同,所以公开的形式也有不同。


二、打造/附加安全品牌背书

在设计金融、政府相关的项目产品中,借助当地政府、专业权威机构的威信来和用户建立信任关系,有相关的组织机构做背书,会让用户在整个流程中更容易做出决策;


三、设计工具,而不是构建营销渠道

除非产品的本质和目的都是营销,否则你所设计的产品是在迎合并满足用户的需求,本质上是服务于用户的工具。

合理的营销是有效的手段,但是在金融类应用当中,本身已经涉及到非常庞大的数据量,在这种情况下植入营销信息,会触发用户的负面情绪。即使这款金融类产品本身有着极强的粘度,极高的信任度,也会有很多用户仍然对营销手段、全新的未知技术,抱有怀疑态度。

例如:刚推出人脸支付时,用户担心睡觉时或者别人用自己的照片,就可窃取钱财。


以上三点均是为了在金融产品设计中打造基础信任感,让用户放心、安全的使用金融产品,只有用户信任了某个产品,才会将自己的隐私信息等向企业开放,从而产生一系列消费、转换等行为。


那么,什么是信任感?


信任感是基于产品,在用户感到产品具有一贯性、可预期性和可靠性时产生一种「 可靠服务、价值依赖 」的情感体验。


这种体验不仅影响着用户黏性的强弱、业务目标的实现,也影响着不同生命周期下给产品带来的价值。如图所示:




互联网产品中信任感要如何产生?


想对产品产生信任感,必须建立一个完善俱全的产品心智。当一个用户从普通的态度到信任一款产品,这个过程是基于「认知」、「情绪」和「态度」建立的。




这个过程在不同的场景所建立的时长也不相同,售卖场景当中是最常见的。

我们有时候会在菜市场大街上看到有人吆喝卖菜刀、卖拖把等各种东西,这时候一群人过来围观,然后看到卖家(卖菜刀)为了展示自己商品的卖点,会拿两把不同的菜刀(一把自家产品,一把不知名的菜刀)去切同一块猪肉,通过切猪肉的顺畅度,来吸引用户注意和展示自家菜刀锋利的卖点;这种展示方式,能在极短的时间内改变消费者的情绪和认知,从而改变消费者的态度,以建立消费者对产品的信任,最终提升下单转化率。



互联网产品构建信任设计有以下三个阶段:


第一阶段,构建信任心智基础框架

常言道:佛是金装,人是衣装。视觉传达会影响用户的心理,精致、严谨的视觉设计给用户以专业、安全的感觉,而怪异、随意的视觉设计给人以粗糙、不专业的感觉。因此,在视觉风格上应避免轻佻、或过于圆润的设计,细节实现上应杜绝马马虎虎。大部分情况下,互联网金融产品的视觉可以采用偏深色系,如蓝色、绿色给用户以稳重可靠的感觉,并辅助以“锁”“盾”“资质”等安全标记,增强用户对安全的认可。


1)梳理各个场景下的信息,统一信息布局,便于用户建立起统一的感知。


2)场景叙述性插画

优秀的插画可以降低人们的焦虑感,同时提升对当前场景的理解力。采用叙述性插画来描述当前场景,能够让用户更有代入感,更易于理解信息的传达,具有品质感的插画还能增强用户对平台的信任。


3)品牌、专业权威的公信力

品牌是对产品或者服务的一种保障,因为这种保障,用户更倾向于使用该品牌的产品,良好的产品使用体验让用户更加信任该品牌,形成一个正向的循环。

以品牌背书、文案强化、品牌升级等形式来对品牌进行确认和肯定,强化用户的认知,与用户建立起一种可持续的、可信任的品牌安全感。


品牌背书是为了增强在市场上的承诺强度的手段,通常还会借用第三方的信誉,然后第三方以一种明示或者暗示的方式来作出再一次的确认和肯定。于此与新用户建立一种可持续的、可信任的品牌关联。


一般可以从品牌故事、品牌背书和名人效应来进行切入。

品牌故事就是通过产品背后的意义是什么?为什么有这个产品?创始人的情怀是什么?有情感衬托的故事衬托你产品的价值。这点运用的最好的就是罗永浩的锤子科技,每次都在大讲情怀,工匠精神,吸引了很大一批锤粉。


品牌背书可以有品牌历史、投资或者上市背景、品牌规模等等,这部分更多的去结合市场营销的角度来进行。再有,若你的品牌有名人背书,效果就更好——这也是为什么很多产品面世,要找企业家或者明星甚至国家背书,一人抵万言,人们更倾向于相信熟悉和崇拜的人和熟悉的事。


4KOL种草

这类情况在互联网的场景中往往以KOL带货、探店等形式存在,早些年的小红书微博探店测评,到近来越来越火的直播短视频;都是基于人们在对自己信任的KOL面前,选择信任相对应的产品或消费场景。


通过感知层上的视觉统一及策略层上专业的权威机构、KOL种草的方式去渗透平台的公信力,进而搭建基础的信任框架,建立产品服务的进一步连接。



第二阶段,服务与用户信任连接


1)打造信任感话术

话术是传递信任感的重要因素。既要做到实事求是的表达,又要避免引起用户歧义。话术的首要原则是真诚感,坦诚明确的告知用户必要的信息,避免带有营销感的含糊“套路”。

互联网金融领域有很多专业术语,向用户传达时,我们需要把它转换成用户能听懂的语言,最大限度地降低用户的理解成本。


一般金融产品的文案要做到三点:简单易懂、统一认知、突出重点。


简单易懂——互联网金融产品的客户群是普罗大众,文化水平高低不一,因此传达的文案必须是清晰的、接地气的,让金融术语从专业变成通用化,让用户能够清晰直观地识别和理解。


最常见的如“提前结清”是银行的叫法,转换为用户的语言是“提前还清”。或者借贷后还款的方式有“等额本金余额计息”,像这么专业的术语,会让用户感到困惑:到底什么是等额本金,余额计息?所以我们在设计的时候,只需告知用户最想了解的信息,即每月的还款额以及利息即可。


统一认知——如果对金融产品的解释出现歧义,则可能会出现失之毫厘谬以千里的状况,容易让用户产生不同的理解。解决这类问题的关键点在于能否发现歧义,这就需要设计师在设计时对产品业务本身有深刻的理解,能知道问题的存在并敏锐地发现问题。


突出重点——互联网金融产品有很多必要的规则需要告知用户,当无法全都在页面上展现时,通常会使用弹层页面来辅助用户理解,先由标题描述中心大意,再给出详细解释。


有时候,我们也可以通过信任感的话术,提升产品转化。

对于借款,大部分用户会因手续费或后续服务等各类问题而对借款产生一定的抵触,为了提升借款的转化率,可以通过改变心理上对借款的固有认知出发,核心目标是增强用户接受度,让用户对借钱这件事产生“心理转变”。


我们从三个感觉去改变:

临时感——结合用户「临时缺钱」、「临时周转」这个情景,在话术上我们可以贴着「短期周转资金」、「XX备用金」这样的临时场景进行表达;通过标签上的对比,及心理上的行为暗示、选择性暗示,增大用户选择借款的概率;


压力感——语言表达上,运用「随时借随时可以还」、「借2万元半个月利息仅xxx元」、「1万元借1天利息仅xx元」,将复杂金融逻辑扁平化、口语化,降低用户直面借钱的压力感。


亲切感——通过「地方政府与XX银行给你准备了1份备用金/短期周转资金」等方式,主动迎合的方式,拉近与用户的距离。


2)轻量学习成本

通过轻量化的展示金融知识,白话讲金融的方式提升用户的认知。


3)保持透明,呈现进度

尼尔森十大可用性原则之一,系统状态的可见性,应该保持在第一位——系统应该始终在合理的时间内,通过适当的方式,告知用户当前所处的状态,以及正在发生的事情。在使用产品时,用户需知道每次交互是否成功了,而产品呈现的当前状态,能够让用户感受到更强的控制感,借此可以更好的控制,并完成自己的任务,而这种掌控感,能够加深用户对于产品的信任。金融产品,更需要有良好的反馈设计,它和金钱联系紧密,容错率很低,每次操作都可能引起蝴蝶效应。而良好的反馈设计能减小用户在使用产品过程中产生的恐慌,帮助用户获得信心并提升掌控感,使用户尽快完成自己的目标。


4)提供足够流畅的用户引导流程

和普通 APP 相比,金融类的服务不仅要做到好用易用,更要抓住用户的利益点,给用户真正带来转化的投资策略。并在用户疑惑的时候,提供相应的帮助。

从传统银行线下贷款全流程中可以看出,这里有个后置性的体验——第四步中,用户拿到钱后才确切知道每个月的还款额,实际上这种后置性的体验是很糟糕的,给用户带来不确定性和不可控感。

针对线下贷款的这种缺陷,在设计借款产品时,让用户了解清楚一切信息之后再来借款。基于这点考虑,用户对于还款额的知晓需要前置,我们的设计方案可以是:在用户输入完「借款金额」和「借款期限」后,给用户一个实时的「还款计划表」,确切地告知用户「还款日」和「每月还款」(每月还款金额)以及利息的计算方式,给予用户足够的把控感和确定感。并且当更改上述任意一个参数时,「还款计划表」也会出现实时变动,帮助用户快速找到合适的借款方案。


5)图表展示、提供便捷工具

用户往往不善于处理数字内容,简单的加减法、乘法对于很多人而言不是问题,但是一旦需要快速进行混合运算,或者涉及到更复杂的内容时,绝大多数用户会选择使用计算器,甚至更专业的工具。

数据可视化如今已经可以更好地集成到 APP 当中,拥有及时报告和分析的功能,在贷款、金融、 财务这样的 APP 当中,合理地运用这些更易于理解的视觉信息,可以更好地帮助用户理解和吸收内容。


6)减少用户脑力成本

用户一向不喜欢复杂的东西,除了不易理解外,更担心因自己理解错误带来意外的损失,而金融产品的损失是和金钱息息相关,更为重要。


帮助用户减少记忆负荷、顺畅完成操作目标,是每个产品必不可少的设计点。如微信转账,输入数字时会检测数额,减去用户边输入边计算「这是多少钱」的脑力投入。


7)保护用户隐私

当涉及到用户信息安全、人身隐私、行业竞争等时,隐私保护可以避免用户遇到一些不必要的麻烦,建立起一种【为用户安全着想】的产品认知。

常见的有:匿名评价、数据脱敏、身份认证信息保护等。


第三阶段,情感增强连接


1)营造情感共鸣,增加品牌好感

用户对同类群体有情感共鸣。通过传播内容故事化把信任心智具象呈现,唤起用户的情感共鸣,进而从内心接受、信任金融投资/贷款服务。


例如:支付宝在年前白酒基金大涨的时候,基金讨论区底下出现了各种相亲、屌丝逆袭等有趣的故事,用户纷纷留言参与,用户在平台自发的互动,更增加了品牌好感,从而更加信任产品。

 


2)秉持用户思维,强化核心竞争力

理解用户思维,替用户考虑,提升用户决策效率。用户的决策效率可以从三方面去提升:安全性、性价比、真实性


安全性

人们面对某事物可能会带来的伤害/损失时,都会有一种本能的“警惕感”。

金融产品,在设计的时候突出与权威机构合作的详细信息,向用户提供基本安全保障,减少用户的安全顾虑。

 

性价比

性价比是人们衡量「付出成本与回报价值」之间的一种决策依据。而为了让用户降低这种决策依据,除了自我服务/实力的展示外,往往需要一种「参照物」来凸显性价比。而「参照物」 的形式多种多样,不管是竞品数据,还是各种优惠信息、额外礼物/礼包、售后服务等等。目的都是通过该参照物,向用户传递一种「划算」、「值得」的心理效应。

例如:一些平台推出自己的理财产品的时候,会注明:与余某宝相比,年化多出XX%。

 

支付宝的「财运红包」、京东金融「满减券」,通过红包抵扣,减少用户开支,得到性价比高的基金。

 

基金转换,为用户思考,减少时间成本,让用户快速获取收益。

 


真实性

光是性价比高还只是片面依据,至于内容是否属实,成为了我们与用户建立信任感中最重要的影响因素。

 

在视觉的呈现上向用户直观地展示相关的数据等,能在极短的时间内改善用户的认知和态度,从而建立起短暂的信任感。

 


或者通过真实投资故事,感知受益人的「现身说法」,营造身边的人通过投资获得了助力,进而整体塑造用户对平台服务的信任心智。

 


结语

金融产品的信任感设计是一件需要长期坚持的、正确且有难度的事情,它是一个循序渐进的互动过程,新生金融产品获信极其艰难,基本信用值是一点一滴的日积月累,一旦失信一次,用户就很难再信任。


通过平台公信力及产品优质服务,建立与用户的信任连接,进而全面升级信任关系。无论是体验设计还是视觉设计,都可以帮助企业拓展品牌和业务,建立和增强用户之间的粘性,只有重视产品信任感设计,做好产品体验,才能为产品的有效转化奠定良好的基础。




蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:站酷   作者:有余Jack_Yuu

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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





日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档