首页

项目总结|红包设计测试,驱动裂变数翻三倍

seo达人


01.前言

58本地版处于一个用户迅速增长阶段,需要通过拉新、个推、信息流投放、渠道投放、马甲包、红包等方式多种方式实现获客和尝试用户增长路径。这次我们采用红包裂变拉新的方式。

a

02.为什么采用红包的形式

2014年,微信红包一经推出就引发了全民抢红包热潮,微信支付也通过微信红包场景成功逆袭,实现了“马云花十年做的事情,微信一夜完成”的成效。

2021年春节,火爆的微信红包封面实现了用户与品牌的“连接”,微信搜一搜、视频号、朋友圈广告、公众号均获益颇多。

用户对红包这种场景比较熟悉,红包拉新对于用户有吸引力,很关键的一点就是用户觉得不需要巨大投入,就可以获得利益,觉得自己赚到。

r

03.验证本地版APP是否适合红包裂变的一种尝试

58本地版用户人群

通过58本地版用户人群可以看出,58本地符合下沉市场的特性

1. 对价格和收益比较敏感,愿意花时间获得金钱上的奖励

2. 会下载一些现金奖励新闻资讯app、视频app

3. 熟人社交影响大。

所以本地版符合裂变标签的用户存在拉新空间。

r

04.项目设计目标/探索解决方案

红包裂变的目的非常明确:拉新。为了达成拉新的目标,一开始我们根据基本的拉新思路进行了流程设计。

图片

 
但在进行执行评审的时候,我们意识到,这样的方案虽然可行,但落地成用户流失也是特别大的,对于未绑定用户来说,在前期没有看到具体的活动页面,用户不知道具体的利益点,所以这个时期用户流失是特别大的。
 
我们不得不推倒开始的方案,开始思考:是否有更好的解决方案?
 
在综合设计思维,开发思维,运营思维去思考问题后,我们提出了一个崭新的实现方案:利益点前置

图片

在这套新的流程实现方案支持下,我们按照对拉新影响最大的引流入口进行探索。我们对引流入口进行了三轮用户调研。

(1)异形红包:在利益相同的情况,调研用户对不同红包样式的铭感度。 

图片

(2)玩法红包:增强“领红包”的互动性、趣味性,在“领”的过程中体验幸福和快累。

图片

图片

(3)简洁红包:简介的红包样式,最大突出利益点,让用户最大的感知到价值,对不同的金额的感知进行测试。 

从测试数据看,利益突出更能吸引用户。在这套新的流程实现方案支持下,我们按照对拉新影响最大的引流入口进行探索。我们对引流入口进行了三轮用户调研。

a

05.做有趣的设计

作为设计师,产品本身的需求需要满足,用户的喜好和属性也需要考虑在内。

无形中这就存在着一个“结构”,我们要做的是发挥我们的创意,通过不同的“搭建方式”提供更多可能性的方向;通过不同的表现手法和视觉语言带来更打动人心的设计。

在红包的设计过程中,也打破了传统红包采用红色设计方案,而是运用撞色突出页面中红包的视觉。

图片

让红包与页面内容形成联系、丰富内容与红包的关联度,增强红包对于产品的价值

图片

历史数据:上线一个月,裂变效率提升了三倍,较之前活动而言,活动有效裂变率大幅度提升,增粉成本有效降低。

w

05.总结

综合整体数据来看,58本地版还是适合去做裂变活动的,可以将红包作为核心或主要拉新渠道,在有预算情况下,适宜源远流长地去长期投放。

红包拉新也存在一些问题:红包拉来的新用户未必为产品需求用户,对留存有一定影响。当然,留存与产品本身也有一定关系,留存数据还是需要长期观察,并对新用户进行一定习惯培养。


 

原文地址:58UXD (公众号)

作者:环铁艺术家

转载请注明:学UI网》项目总结|红包设计测试,驱动裂变数翻三倍

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

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

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

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



设计师如何高效沟通需求

seo达人


前言

沟通是为了完成设定的目标,把信息、思想和感情,在个人和群体之间传递,并达成协议的过程。沟通目的一般分为:说明事物、表达感情、建立关系、达成目标。

需求沟通是设计师和团队围绕需求目标,信息传递的过程,是设计师展开设计工作的起点,贯穿整个设计过程,沟通质量直接影响设计和项目质量。但因沟通复杂性、开放性,对很多新手设计师来说,在需求沟通过程中,可能会碰到一些共同的沟通问题,比如前期需求不明确导致设计频繁修改、产品和体验发生冲突时无法说服产品、沟通过程中陷入情绪争吵、沟通中鸡同鸭讲等等。

针对这些问题,本文尝试梳理需求沟通过程中几种典型场景和方法,以期帮助新手设计师快速识别需求沟通中的常见问题;提升沟通效率,快速达成共识;掌握沟通窍门,更精准高效的产出需求。

本文主要分成2个部分,第1部分主要聚焦在需求沟通过程中的不同阶段,面对的典型沟通问题和解决方案;第2部分主要介绍沟通中一些常见的技巧和方法。

 

Part 1  需求沟通的目标和方法

1.1 设计师在不同需求阶段的沟通目标

通常设计师在处理需求的流程大致可以分成4个部分:了解需求->分析需求->探索方案->实现方案。在不同的阶段,设计师要解决的核心问题不同:

  • 了解需求阶段,设计师和产品针对需求目标进行讨论,并和团队就产品目标达成共识;
  • 分析需求阶段,设计师和产品针对产品策略合理性进行讨论,并提出体验诉求;
  • 探索方案阶段,设计师探索设计方案,并和产品就商业目标和体验目标达成平衡;
  • 实现方案阶段,设计师和产品协调优先级,调整方案,确保方案最大程度实现还原;

图片

 

1.2 如何更好的了解需求,明确目标,达成共识

在了解需求阶段,设计师需要了解需求来源、背景、要解决的问题和目标。总结来看需求可大致分为2类:一类是需求目标较明确,产品有明确要解决的问题,如提升产品体验、满足某个用户明确需求、完成某个产品目标;一类是需求目标较模糊,比如挖掘用户潜在需求,探索新的业务方向。

图片

对于目标较明确的需求,在了解需求背景、解决标准、需求边界、限制条件和责任人等问题后,即可进入需求分析,策略讨论阶段。

但对于方向探索类需求,如何协助产品探索目标,和团队达成关于目标的共识,是这阶段的沟通重点。以一个创业的项目为例,产品想做一个图片社区,原因是目前国内没有头部图片社区。还原项目初期的沟通过程如下:

图片

在产品的催促和时间压力下,设计并没有围绕产品定位、用户群、产品目标进行充分讨论,也没有和团队成员达成共识。在这种情况下,选择跟随产品的节奏,陷入了被动执行。由于前期并没有针对需求进行细致的推敲讨论,方案的输出过程变成了试错的过程。产品方向修改频繁,这种被动的沟通方式,导致整个团队目标感不清晰、理解混乱。

图片

经过反思和问题总结,设计师发起了主动沟通,运用设计方法协助产品明确需求,提升方向说服力,探索如何就目标和团队达成共识。

首先,需要和产品明确用户群,并寻找用研协助,或发起快速访谈了解用户

其次,组织团队相关成员发起关于产品目标的讨论,围绕产品决策人给出的产品初步方向,团队成员每人写下对产品的期待,提炼总结团队成员的想法,提炼总结产品目标

再次,根据用户访谈材料,利用亲和图法,提取关键词,从用户诉求中洞察提炼用户目标。最终,产品目标得以明确,团队也取得了关于目标的共识,同时通过快速demo,来验证优化,项目得以顺利进行。

图片

 

1.3 如何更好的分析需求,确保产品策略合理性

在了解需求背景、用户群体,明确了需求目标后,进入需求分析阶段,通常产品会给一个商业假设:假如做了xxxx,用户就会xxxxx,产品可以达成xxxx目标。以一个需求为例子:产品想做一个任务体系,通过福利吸引用户做任务,从而拉动产品活跃。

图片

如果设计师完全按产品给的商业假设输出,方案产出过程貌似很顺利,但可能隐藏了很多问题。以本需求为例,产品的商业假设逻辑是:用户被福利吸引->用户为拿到福利做任务->用户获得福利->产品完成目标诉求;

但这个假设是正确的吗?设计师的价值就在于,这个时候要能找出产品假设中的问题。通过对用户的了解和洞察,还原用户的实际使用过程可能会发生的问题。找到这些关键问题并通过和产品沟通协调解决掉这些问题,才能顺利实现产品目标。

通过对用户实际参与过程的分析,用户在看到任务奖励后,实际需要权衡的内容很多,如福利吸引力够不够大、有没有关系亲密的好友可邀请、好友要完成的任务难度大不大?分析需求过程关键就是找到这些问题的对应策略,强化用户参与的动力,降低参与难度。

图片

 

1.4 方案探索阶段,如何平衡商业和体验诉求

在方案输出阶段,设计师和产品最常发生的争执是商业目标和体验之间的冲突。产品为了达成商业目标,很多时候希望把达成商业目标的手段做的很强;

图片

当发生围绕商业目标和体验问题,谁都无法说服对方的情境时,设计师该如何沟通呢?

首先,作为设计师要摆正沟通立场,理解商业化是任何产品的根本目标,体验也是实现商业化手段之一,我们反对的不是商业化,而是简单粗暴的商业化方式,商业化的前提是对目标用户有足够的了解和盈利模式的清晰判断

其次,应能够识别对于曝光越多越好,越直接越有效的这种思维方式,通常是一种鸟枪法的投机心理。在没有更巧妙的解决方式时,最节省力气的做法就是提升曝光等方式达成目标。

当发生争执时,如果仅仅站在设计立场上,用设计理论说服对方,通常效果有限。尝试找到产品实现商业化目标背后的逻辑,不要用手段代替目的,探索更好的实现商业化方式的可能性,比如尝试在合适的路径上推荐,或探索用户更容易接受的内容形式。

图片

 

1.5 方案实现阶段,如何协调优先级,推动方案最大程度还原

在方案实现阶段,很多时候由于时间紧张,产品仅完成最核心功能,部分体验相关功能一直无法得到优化。

图片

通常如果方案产品认可,但推进意愿不高时,可能的原因是:

  1. 当前方案不是核心KPI,产品要优先保证对kpi影响最大部分完成;
  2. 投入产出比不划算,方案在产品看来投入的人力/时间/资源过大,并不值得;
  3. 方案改动可能引发数据风险,产品并无法确保改动一定能带来数据的成长;
  4. 资源紧张,产品也很想实现方案,但项目时间/人力/资源真的很紧张。

图片

这种情况下,首先,要和产品够分沟通他们的疑虑和担心,到底是哪类问题;其次,从心态上也不用急于一时,做好长期推动的准备;还有,充分优化方案,消除产品疑虑,寻找合适时机进行推动。在项目逐渐迭代的过程中,对需要推动体验优化点持续关注,尽可能放大方案价值,结合新的需求点,思考能否从价值拓展角度,如提升品牌价值、扩展性等角度提升方案说服力;同时,从缩小成本和打消产品疑虑角度,做足准备,推动方案。

图片

 

Part 2  沟通技巧的问题

沟通的过程是一个信息螺旋传递的过程,表达者的信息传递到接收者时,因为背景、环境、理解能力、传递完整度等差异,接收者仅能接收部分信息,而接收者在理解消化后,再将自己的信息传递出去,这个过程循环往复,会导致两个最常见的沟通问题:目标偏离以及信息衰减。学习适当的沟通技巧,可以有效减缓目标偏离和信息衰减。

 

2.1 如何防止沟通目标偏离

要防止沟通目标偏离,首先要理解什么会导致目标偏离?

  1. 目标不清晰,比如本来想找产品聊下某功能体验不合理,但因为产品一直说项目时间紧,被倾诉了一通苦水后,忘记了本来要沟通的问题,转移到了其他话题上,最后不了了之;
  2. 缺乏同理心,比如当发生争执时双方不能互换角度,产品一直在说实现目标手段和现阶段问题难点,设计在说体验问题和设计规范,双方互不妥协,陷入争吵;
  3. 陷入情绪,表达观点时陷入情绪化的争执。

图片

针对这三个会导致沟通目标偏离的问题,可使用以下技巧:

  • ① 设定沟通目标并保持关注:在每次沟通前想清楚自己的目标和底线,尝试用全局视角分析自己设定目标的合理性;在沟通过程中要经常反思当前沟通的问题是否已偏离了目标,对达成目标是否有帮助;发现目标偏离可尝试改变节奏,思考接下来说什么有助于达成目标;
  • ② 换位思考:能够倾听对方的问题和困难,尝试寻找解决问题的办法,而不是一直表达诉求,无助于问题的解决和推进;
  • ③ 控制/倾听情绪:美国心理学家埃利斯创建的ABC情绪理论,拆解了事件发生和情绪之间的关系,指出事件的发生并不是导致情绪的直接原因,我们持有的信念才是。因此在沟通中不要加入太多内心戏,过度解读事件。比如产品让设计反复改稿时,可能会解读为产品在故意刁难,尝试了解反复修改背后的原因,可能对解决问题更有帮助。

 

2.2 如何减少沟通过程的信息损耗

沟通过程中表达者的模糊表达和接收者的理解偏差,会导致沟通过程中的信息损耗。比如经常会听见产品有以下类似的表达:“设计稿尽快输出”、“页面太结构化了,想要更社交化一点”、“能不能做得更有创意一点,更有趣点”当出现这些类似的沟通语句时,可以尝试通过具体化方式,进行确认。

图片

对于可能会出现理解偏差的问题,重要的信息用自己的语言组织后再次确认“你的意思是xxxx吗?”;重要的沟通后,可梳理沟通记录,企业微信同步周知确认;方案的沟通过程可以快速画草稿确认;尽可能的减少因为理解不一致导致的沟通问题。

 

总结

在需求沟通过程中,我们要对不同阶段的沟通目标有清晰的认识,围绕目标进行充分准备,运用设计方法了解用户、了解产品核心诉求,做到知己知彼,才能进行有效的沟通。

在沟通过程中保持对目标的关注,始终牢记沟通是为了解决问题服务的。适当学习沟通技巧较少沟通过程中的信息损耗。

沟通是解决问题,共同协作的重要方式。如果你觉得自己不善于沟通,可能要反思下沟通前是否想清楚自己的沟通目标,对于解决问题的过程、方法是否熟悉,准备是否充分?当我们能做到知己知彼、胸有丘壑时,沟通可能就变得简单起来。

 

图片

感谢阅读,以上文章由腾讯ISUX团队创作,版权归腾讯ISUX所有,转载请注明出处,违者必究,谢谢您的合作。 

 

原文地址:腾讯ISUX设计

作者:ISUX设计

转载请注明:学UI网》设计师如何高效沟通需求

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

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

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

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



如何把照片做出有设计感的海报

seo达人


今天我们分享如何把拍的照片做出有设计感的海报

当然我知道你们可能更关心如何拍出好的照片,所以今天也一并送上。

图片

我们以常用手机拍照为例,手机的拍照抓法无非就竖式或者横式两种,但是当对同一个物体背景中,竖式与横式所拍摄得到的画面范围以及体现出的视觉感受是完全不一样。

图片

 

留白构图

所以在做出设计感的海报前,我们应该先做好拍摄的前期准备,用今天讲的留白构图的方法来拍出好的照片。

图片

 

竖图拍法

我们先讲竖图的拍法,如果你拍摄的习惯是希望将整个场景全部放置到手机竖图画幅中,那么一个场景内容过于复杂的画面就会造成视觉缺少重心。

图片

大脑为了让我们能够看清复杂的大量细节,会将所有机能在一定时间内高度集中在眼睛对于画面的注意度,长期观看则会让眼睛受到神经上的错觉衰弱,所以有时候我们看很复杂的画面和密密麻麻的文字时,我们很容易看错行,也容易看漏某个图画,当然也缺少更多的画面美感。

图片

图片

从而折射出很多其他事物的论证,比如为什么吃酒席的人看到这么多菜放在一起时就饱了,而当一道菜只有一点点东西时,反而会增加我们的食欲。

图片

这里我们将同一个拍摄画面重新做了留白性的构图,可以看到右边的图片上面内容少,下面的内容多,这样就有了层次对比和视觉重点,从感官上来说也看起来舒服了很多,最重要的是不会让眼睛看的累。

图片

当然既然是想拍出好的照片,除了留白还有包括在画面分割上也会有不同的比例大小之分。以及对角构图、S型构图和透视性构图等。

图片

这里我用之前拍的三张照片为例,从左至右可以看出留白的比例是从多至少,而拍摄得到的视觉风格也发现了改变。

图片

如果做成海报或杂志类的图文,留白越多时,照片会给人更多的遐想空间,文字的放置也可以更加的肆无忌惮一些,留白越少时,照片就会能得到更直观的内容,并且需要将图片进行缩小或者改变其画面比例来解决文字排版的问题。

图片图片

 

再来讲讲竖式与横式拍照的区别

竖式的结构会让我们造成画面被拉长的效果,如果你拍高楼大厦,你可以试试用竖图,会有一种高耸威严的感觉,而横式让我们造成画幅中的照片有被拉宽或者向两侧延展的错觉。

图片

如果你要拍人像,竖式会看起来人显瘦显高,而横式看起来会显胖显矮一些,所以如果你用横式拍照,建议拍风景、建筑,能让画面显得更宽广辽阔。

图片

图片

图片

 

竖版-海报实操案例

接下来我们就用照片设计成海报实操案例

图片

 

步骤1:放置照片

当文字放置到画布中,我们将所拍照片作为设计背景。

图片

 

步骤2:留白布局

然后我们发现本身拍摄的照片留白比例较大,为了不影响留白感,我们将中间留空,让文字内容布局编排到左右两侧,而左侧由于留白空间是最大的,所以文字的内容可以放置的多一些。

图片

 

步骤3:内容分割

在这里要讲下几个分割线条的使用,除了文字段之间的分割以外,还有阅读文字时有引导至右侧联想的视觉引导作用。

图片

 

步骤4:版式平衡

为了解决重心的平衡,我们在左侧复制了同样的照片作为对称。

图片

 

步骤5:增加关联

这时左右两边缺少了与中间留白之间的关联性,所以我们利用云朵做出了往中心的衍生元素。

图片

最终这样一个比较完整的将照片做出海报作品就完成了

图片

 

横版-海报实操案例

同样我们用横式的照片也做一个海报实操案例

图片

由于是横式无法放满整个画面,所以我们使用图文结合的方式,让文字与图片紧密连接在画面的中心。所拍的照片属于偏文艺一些,所以我们可以用一些手写或者纤细的文字结合,再利用照片增加背景的肌理,使海报看起来丰富一些。

图片

我们看下最终海报效果

图片

 

总结

我们总结下两张照片做出的海报,左侧海报将留白放到中心位,让内容由外侧编排不影响到留白区域,这么做让海报有了一定故事感,右侧海报则以中心为主要内容,外部减少文字编排,让海报有了向内自由舒缓的感受。

图片

图片

所以不同的构图、以及不同的结构最后做出的海报形式和风格都会有所不同。 当你看完今天的内容,记得出去拿着手机用所讲的一些拍摄技巧试试效果,这就是今天带来的如何把拍的照片做出有设计感海报的全部内容。

 

原文地址:修先森撩设计

作者:修先森

转载请注明:学UI网》如何把照片做出有设计感的海报

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

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

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

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



灵感 |「拼贴艺术」连接现实与过去的大门

seo达人



拼贴艺术(Collage)

图片

 

大意是将纸张、布片或其他材料贴在一个二度的平面上,创作出一件拼贴作品。拼贴艺术广泛运用在现代传媒中,比如海报设计、封面设计、视频等等,用于表达冲突、异同、隐喻等等,这种破碎而藕断丝连的艺术形式,在同样破碎的互联网日常中得到了认可。

让拼贴艺术火起来的正是毕加索「有藤椅的静物」见下图,拼贴艺术非常适合开脑洞,把无关的事物拼合在一起,寻找新的意义,因此被广泛用来表达个人艺术想法。

 

图片

毕加索「有藤椅的静物」

 

 

分享一些

让你脑洞大开的优秀拼贴作品

图片

图片

图片

图片

图片

图片

 

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

图片

图片

 

图片

 

图片

图片

 

图片

 

图片

 

图片

图片

图片

图片

图片

图片

图片

图片

 

图片

图片

 

图片

 

图片

图片

 

拼贴艺术也常用于表达个人艺术思维,比起手绘需要深厚的基础,拼贴艺术门槛更低且更注重思维的过程,找到合适的素材来表达自己更重要,需要注意处理素材的形态颜色等,才能设计出更成熟的艺术作品。

 

原文地址:修先森撩设计(公众号)

作者:修先森

转载请注明:学UI网》灵感 |「拼贴艺术」连接现实与过去的大门

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

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

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

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



设计师如何在逆境中成长?

seo达人

#1.掌握标准化体系建设


熟练掌握主流平台、载体和终端的设计规则玩法,对于一个设计师来说是极为重要的能力。有些设计师工作多年,对设计标准化的建设还是一窍不通,更别说去定义基础层规范了。
“标准化建设涉及到品牌愿景、设计原则、视觉体系(设计概念和视觉语言)、组件系统等,这也是设计师之间的能力区分点之一。”
图片
标准化基本框架
早期大家可以从基础层慢慢学习了解,先去熟悉各家平台设计标准化搭建思路,然后从基础规范搭建开始,最后到顶层设计语言的构建,最终慢慢掌握设计标准的整体建设。
所以想进去大厂这一步大家务必要认真思考和学习掌握,因为目前很多大厂招聘信息都有这个招聘条件要求。

 

#2.锻炼多元化设计技法

图片

对现在的主流趋势是否有了解与掌握,能否将其运用到项目设计中。这个点也是考察设计师手上功夫能力。如果你在技法层面过于单一,那么现在就要开始去弥补这块短板,开始做打卡练习。

1.杂志化设计风格是否掌握,杂志设计理念与思路,表现形式等。

图片

 

2.极简设计风格

图片

 

3.三维技法风格

图片

 

4.轻UI设计风格
图片

 

5.轻拟物化设计
图片

上面的风格技法只是抛砖引玉,其实还有很多,我们只需把主流的平面技法掌握了,其余每年新趋势可以去了解和学习,能在项目中应用起来,体现你的实力。

 

#3.掌握设计方法流程

图片
设计流程方法,是看不见摸不着,是设计师的核心能力。那么在前期如果这块比较薄弱,大家可以去多了解一个项目设计流程,设计风格推导方法,把这些了解与掌握并且能应用到项目,可以形成你的知识体系。
那么通常一个设计流程该是怎样的?
图片
这是一个基本的常态化设计流程,当然,会根据项目的不同,而发生变化。如果是做一些前瞻性研究设计,那么这个流程就不合适。所以流程只是一种工作方法,需要大家掌握并能灵活的应用。

 

#4.掌握项目规划能力

项目规划对更高阶设计师来说是必备能力之一,因为这时候你不再是纯执行,你需要自驱做一些项目之外的事情;比如一个课题研究、一个自发性0~1项目探索规划。
当然规划只是其中一项能力,还需要推动执行到落地、资源协调、汇报提案等,这就是一个高阶设计师必备能力之一。
图片

比如上面就是一个项目简单规划排期,当然这只是大框架,偏整体性排期规划,涉及到更细的排期,每个阶段有详细排期跟进,如果还没做过规划和排期的伙伴可以提前练习尝试。


图片

 

原文地址: 功夫UX(公众号)
作者: 功夫UX

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

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

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

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


拯救没思路系列,试试提取风格

seo达人


图片

 

1.水墨风

图片

首先我们先看这两张图,传统的水墨风能看出来虽然设计方式不一样。

图片

但却是用的同一种风格或者说是技法,利用墨迹塑造出文字、图形或者一种优美的形态。

图片

我们可以提取出这样的风格特点,使用毛笔墨迹简单演示下这种做法。

图片

是不是很简单,将风格提取出来会有效的提升设计效率,拯救你的没思路。

 

2.酸性风

图片

接着我们再看这两张设计,也是现在很流行的酸性风格,提取这个风格的特点。

图片

流体、哥特文字、高饱和度渐变、金属或水印材质以及网格等,我们就可以做出类似这种风格特性的海报来。

图片

图片

 

3.赛博风

图片

赛博风格的特点提取在于夜景充满各种LED霓虹灯光和牌匾的高楼大厦加上一些高科技例如显示屏、虚拟场景等于现实的交错。

图片

将这些特点提取出来就可以做出这种风格特性的海报来,怎么样,是不是比想的头秃容易许多!

 

[优化输出图像]

 

图片

当听说过几天要七夕,我想男生们应该会集体跑到厕所,拿出比脸还干净的钱包时,众人扎堆哭晕在厕所里。

并掏出省吃俭用的一张撕成6小半的厕纸对着马桶祷告上天能晚一些到来!(重点数学题要考:请问一张130X190mm的厕纸是如何可以撕成6半并能在擦腚的同时还不碰到手指呢?请在留言区回答!)

 

案例分析

最后用这个案例来实(提)操(醒)演(礼)示(物)的时候到了!

图片

版式:人物只占据画面中的一小部分,主体都以文字作为图形塑造出场景来形成与人物之间的一个对比关系。

图片

对比关系:就是原本同样大小的物体与文字,尝试放大文字,缩小物体大小,并让物体与文字之间的内容有一定的连接,这时候就会形成非常鲜明的对比关系,这样的对比关系会造成视觉上的冲突和层次感。

图片

空间:画面中看上杂乱的文字其实都有拉出一定的远近与左右距离,以此来展现空间的丰富和律动感。

图片

质感:放大图片可以看出来,文字的质感的是由地面阴影、光度、文字遮挡、明暗的过度造成的。

图片

 

实操过程–七夕海报制作

结合刚才所分析的版式、空间、质感进行提取风格,我们就能得到的同类型的七夕节海报。

图片

备注:文章底部,原文连链接,有此视频凑操作步骤可观看。

图片

 

原文地址:修先森撩设计

作者:修先森

转载请注明:学UI网>拯救没思路系列,试试提取风格

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

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

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

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



项目总结|你知道吗?用户转化是可以被设计的

seo达人


01.前言

如今,随着市场竞争日益激烈,“转化难”也变成大家特别关注的问题,其实需要提升用户转化的场景很多,每个场景都有影响用户心理的关键因素,那么设计师如何做,才能助力用户转化呢?下面结合省钱会员项目,聊聊如何抓住用户心理,从而提升用户转化。

 

02.背景分析

最近这段时间,我们引入了很多新的运营玩法,跳出之前单一的营销方式,将玩法串联。我们通过省钱会员卡,打造运营体系的玩法矩阵,提升用户转化;

省钱会员卡是什么呢?是对0元购、百亿补贴以及100+的生活权益进行资源整合;

用户敏感点:根据以往“免费领”运营活动的数据,了解到用户对价格很敏感;

 

03.目标用户分析

在做用户转化之前,我们必须找到精准的目标用户并对其进行分析,这样才能精准抓住用户心理,做到更好的转化。

下面我们可以从用户不同阶段的转化进行分析,其中用户分成三类,分别是强需求用户、潜在型用户以及弱需求用户;阶段分为三个节点,分别是激发兴趣、视觉感知和触发行为;

首先是强需求用户,用户在视觉感知信息触达阶段,需求已经满足,完成转化;其次是弱需求用户,这一部分用户,不管如何刺激,都难以满足,所以这两类用户暂时先不考虑;而目前阶段最主要考虑的是潜在型用户,这一类用户在视觉感知到触发行为的阶段,我们需要抓住用户心理,从而促成转化。因此目标用户是视觉感知到触发行为这个阶段的潜在型用户;那接下来需要怎么做呢?

图片

 

04.思考模型

在设计的过程中,我们用到了设计策略模型“CST法则”,什么是CST法则?“CST法则”是以“视觉影响感知,感知影响行为”作为基础理念,以“抓住感知,强化兴趣,触发行为”作为核心内容的设计方法。下面我们将以这个模型来分析,设计过程中抓住哪些心理因素的点,来促成用户转化的。

图片

 

05.影响用户心理因素

我们通过“CST法则”得到了促使用户转化的三个点:抓住感知、强化兴趣、驱动购买。我们在这三个点上设置了多个用户心理影响因素,从而促使用户完成转化。

 

· 抓住感知=抓住“优惠”感知

首先抓住用户的权益感知,以省钱卡核心内容的“权益优惠”作为与用户有共鸣的元素,更容易抓住用户的感知。我们在这尝试做了ab版的两种表达方式。图中对比之后发现,左图中将优惠提炼出来,更能突出权益的优惠力度,聚焦用户注意力,而右图相对来说,优惠感知更弱一些;

图片

在会员购买页中权益模块上,也做了ab版的尝试,对比一下:清晰度上,左边的去掉多余的装饰元素,将权益信息降噪展示,调理清晰,让用户有章可循;匹配度上,用色彩来区分权益分类,让用户快速浏览的时候,更直观清晰的感知权益的构成,也与用户使用场景(娱乐、影音、餐饮出行等)多样性的预期相匹配; 

图片

 

· 强化兴趣点=强化价格敏感点

我们以用户感兴趣的“价格”作为强化的视觉元素,提升用户的兴趣点;其中在会员补贴专区筛选出超值产品,价格补贴前后的对比以曲线来呈现,强化价格的变化;右图详情页中,对会员模块的价格进行单独设计,从而来强化会员价格的氛围感;

图片

 

· 驱动行为=驱动购买

最后从影响用户心理的因素:心理账户和从众心理两点进行分析;

何为“心理账户”呢?

“心理账户(Mental Accounting)”是芝加哥大学行为科学教授理查德·塞勒(Richard Thaler)提出的概念。心理账户也是一种有趣的现象。简单来说,人们会把对物品分类的习惯,用于钱和资产上,在头脑中为他们建立各种各样的账户。比如说,我们会把买生活用品的钱放在生活账户,买礼物的钱归到情感开支账户,旅游的钱归到享乐休闲账户等等。那么心理账户的存在,不仅影响着投资决策,也在日常生活中的各种消费决策产生重要的影响;

比方说打扑克,以5元为赌注,然后手气爆棚的一路赢了500元,但是最后都输光了,那么在人们心理是输了多少钱?这时候在人们心理上只感觉输了5元钱,但其实应该是505元,因为人们没有把意外得来的钱归为自己财产,同时对意外得来的钱敢于去冒风险。

我们要善用“心理账户”,创造一笔新的心理账户,让用户心甘情愿的掏钱。其中在优惠购主页,用户进入页面后会有一笔补贴金弹窗,在这里补贴金弹窗就是我们说的“心理账户”。红包设计了3s自动收下的提示,给用户营造紧迫感的氛围,最后收下红包的动作上增加了小动效,让用户有清晰的红包收下的感知;

图片

我们还要善用用户的从众心理。项目中,我们在会员购买页的主视觉区域,增加了“xx几分钟前已成为会员“的气泡提示,来引导用户操作,暗示用户产生购买的行为;最后在页面底部,增加了大家问的模块,消除用户的疑虑,那么在多次刺激后,有利于用户做最终的决策,引导用户下单,并达到用户转化;

图片

 

06.结语

做转化,最重要的就是抓住用户的心理,深挖影响用户心理的关键因素,才能拥有更高的转化。

在设计过程中,我们要在不同的使用场景和节点上,通过分析目标用户以及影响用户的心理因素,将这些进行设计串联,让用户完成一系列的体验,从而最终达到设计目的。

 

参考内容:

理查德·塞勒(Richard Thaler),芝加哥大学行为科学教授提出的“心理账户”理念;

https://baike.baidu.com/item/%E5%BF%83%E7%90%86%E8%B4%A6%E6%88%B7/2369306?fr=aladdin


 

原文地址:58UXD (公众号)

作者:环铁艺术家

转载请注明:学UI网》项目总结|你知道吗?用户转化是可以被设计的

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

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

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

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



B端交互设计在产品需求全周期中的质量保证

seo达人

为什么需要设计质量保证

在设计中,最常见的质量保证方式就是在产品验收环节进行「设计走查」。不过因为是上线前的最后验收环节之一,经常会出现因临近上线时间,且交互和UI类的问题在修改优先级中一般都是较低的,最后只能修改部分设计上的「bug」,其他只能舍弃或放入永远不会开工的下次迭代再改。设计师在各种来回扯皮之间筋疲力尽,看不到设计价值在需求中的体现,各种“这里设计不好”的锅一不小心也接了一堆。更严重的问题在于,用户得不到更优秀的体验,轻则耗费更多时间,重则放弃使用功能。不管哪种结果,对于产品整体满意度都会有不同程度的影响。

由此可见,设计质量保证仅靠最后临门一脚的设计走查远远是不够的。在需求全周期中各个环节都可以加入对设计质量的把控(Design QA)。Design QA的概念来源于研发流程中测试环节。质量保证缩写为QA(Quality Assurance),是产品交付流程中非常重要的一环,一般就是大家了解的测试工程师的岗位职责内容。在这个环节中,测试人员需要对产品功能进行仔细认证,确认是否满足了产品需求并且可以正常使用。但与测试不同,设计QA须加入到产品需求全周期的各个环节中,最终形成与产品设计并行的一个流程,才能有效保证质量。

 

设计QA实施步骤和方案

步骤1: 需求分级,确定是否需要设计QA

要保证设计质量,在B端设计中不是易事。我们经常会听到:

· “这个功能能用就行”:公司/团队不理解或不够认同设计价值是什么,不明白为什么体验会在每一处未还原的设计稿上慢慢丢失

· “这还原的不挺好,和你设计稿我看一样啊”:非专业的同事无法分辨设计稿与研发实现稿的细微差异

· “没时间改了,下次再说吧”:设计质量保证低于功能质量保证,或者团队必须在有限的时间交付需求

 

在接到需求后可以根据以往经验或与产品经理的沟通,确定本次需求设计等级:

  • A:公司级和部门级重点、设计周期长内容多、设计可沉淀输出的内容多的需求
  • B:正常迭代、量级一般的需求
  • C:时间紧迫倒逼排期、无前端研发资源、少量调整、评估不需要设计的需求

在确认等级后,作为设计师可以有一定的心理预期。对于A类可能各个环节都需要详细的进行QA,而对于C类有可能连设计走查都没有预留时间,只能靠后续线上的直接验证了。后面的几个步骤可针对不同的等级选取全部或部分进行实施。

 

步骤2:交互设计中,考虑极限下的正确展示

B端交互设计中,很重要却经常制作不到位的就是极限情况。看起来都是各种表格,简单的给定一个宽度即可,但在上线后经常发现,填充了真实商家数据的表格,总有意想不到的错位折行和重要信息截断,用户的可阅读性降低。

图片

                                             左:重要信息被截断;右:折行错位

 

步骤3: 设计评审与交付,交互说明与UI标注一体化

在完成制作后一定要进行评审,对功能完整性、页面流程、页面文案、组件特殊交互逻辑要求、交互可实现性与开发成本进行评估。项目相关利益人都需要参加,尤其是测试同事需要参与评审,保证后续测试用例编写质量。在交互与UI全部评审完成并通过后,交付给研发的设计稿最好可以做到交互说明文档与UI标注一体化,方便研发同事查看。避免在交互说明与UI标注中来回切换,导致交互或UI细节遗漏。这里推荐一个sketch插件:NoteBook Pro (需要付费,lite版大约¥76),方便在sketch中添加交互说明标注,在上传到可以在线查看UI标注的平台,比如Zeplin/Relay等。

图片

交互说明+UI标注在一个页面上同时呈现

 

步骤4: 参加测试用例评审,确保测试用例涵盖所有交互细节

一般来说,交互稿与UI稿交付给研发同学后,设计师就要开始忙下一个需求了。直到通知设计走查前,设计师暂时不会再随时跟进需求进展,而是交接到产品或项目经理手中。而在这个从设计稿到研发实现的过程中,设计师也需要在关键节点参与其中,确保设计质量。测试用例是其中一个设计师可以参与的环节。其实有时候很多交互文档中的内容会被用作测试用例,所以需要再次和研发与测试同学对齐所有交互内容,保证交互设计内容不会在此阶段被降级甚至直接去掉。

 

步骤5:设计走查,输出并记录结果

此环节很重要的一点就是走查文档或记录。未完成修改的内容,建议研发给出一个解释,并以文档的方式记录下来抄送给相关利益人,标明可能带来的风险。同时尝试与产品或项目经理沟通,推动迭代优化的具体时间,避免「下次一定」的无效承诺。

 

总结

设计QA是贯穿整个产品需求全周期的设计流程,在以往的点状设计走查之外,需要与团队上下游通力合作沟通,才能确保优秀的产品呈现在用户面前。

图片

参考文献:

https://blog.prototypr.io/the-qa-process-in-ux-design-7cd3ffa771ad

https://www.nngroup.com/articles/quality-assurance-ux/

https://uxdesign.cc/the-importance-of-design-qa-in-digital-product-design-c3f3d128270

https://wearebrain.com/blog/customer-ux-ui/ux-designers-and-qa-engineers-collaboration/

https://owl.tools/notebook-sketch-plugin

 

原文地址:京东设计中心JDC(公众号)

作者:唐朋博、李小猛

转载请注明:学UI网》B端交互设计在产品需求全周期中的质量保证

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

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

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

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



ps教程 | 这个PS技巧,用到海报中真赞!!

seo达人

图片

 

先来看看下面的海报,给人的感觉就是梦幻高级,满满的质感扑面而来。

 

深色的背景图配上发光的文字效果,有什么小伙伴会想,为什么我没有这么用过。

图片 
其实同样的表现效果,只要设计师的思维不同,那么呈现的最终效果也是大不相同,感觉也会千差万别。 
下面为大家演示一下如何在PS中实现这种帅气的发光效果。   
 
图片  

第一步 >

首先把图片拉到PS中,新建一个纯色图层,填充纯黑色。然后在纯色图层上添加蒙版,选择柔边画笔涂抹,用黑色画笔只涂抹中间的区域,这样四角就会更暗,这样的处理的目的就是想让图片的质感进一步加强。
选择文字工具打上相应的文字,选择合适的字体,尽可能不要选太细的字体,那样发光效果不是特别好。

图片

图片
 

第二步 >

新建两个纯色图层,一个偏粉紫色,一个偏蓝紫色。
重复黑色图层的步骤,为两个图层添加蒙版,然后用柔边画笔涂抹,光的效果出现了两层,扩展的范围一大一小,这样会显得更真实。
图片
图片
 

第三步 >

复制一个文字图层,分别都添加上外发光的图形样式。
在混合模式上选择滤色,会使光更亮。扩展和大小的参数一大一小,围绕着文字的外发光效果就会呈现远近的层次感。另外近的光源尽可能更浅一点,更亮一些。
图片
图片
图片
 
 
也可以索性做一些小球效果,用刚才的方法去实现,陪衬效果甚佳。
图片 

最后再次贴上最后的海报完成图。

图片

设计虽没有近路,但可以少走弯路  
 
原文地址:诗人星火宇宙(公众号) 
作者:星火君 
转载请注明:学UI网》ps教程 | 这个PS技巧,用到海报中真赞!!

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

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

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

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


优化教程 | 没想到,改完以后的画面真的好了许多!

seo达人



图片

作业问题

我们先来看一下有哪些问题:首先就是模块和首屏的叠压不是很好;文案图标的处理不是很好,给人一种拥堵不整齐的感觉;图片可以做一些简单的处理手法,使其更加灵活。

图片

 

第一步

我们先将下方模块和首屏之间拉开距离,之后填充同色系的蓝色作为最下方背景的颜色,之后将图片上方饱和度提高,再把产品和模块边缘处进行抠图,做出破图的视觉效果,复制多个泡泡增加画面的氛围。

图片
 

第二步

将文案简单编排拉开间距放到画面当中,这里注意一下原稿的图标信息我没有放在文案组下方,当我们文案很多的时候不要都放在一起,应该学会合理的分配空间。

图片

 

第三步

这里我另起了一个模块和当前模块进行连接关联,有些小伙伴可能感觉不是双数的图标很难做的规整,其实大家应该换个思考方式,先把图标规整的排列后,空余的负空间可以通过哪些元素进行填补。

图片

 

最后

添加装饰线条增加细节,并对图标部分线条进行替换颜色的处理,处理好整体的细节画面就改好了,我们一起来看下前后的对比吧!
图片
相较于原稿,优化之后画面看着更加清爽干净,画面的透气性也好了许多,整体画面的质感提升了许多。  
 
原文地址:三个小美工(公众号)  
作者:Three  
转载请注明:学UI网》优化教程 | 没想到,改完以后的画面真的好了许多!

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

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

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

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


日历

链接

个人资料

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

存档