首页

图标设计,你需要了解这些...

纯纯

目录

  • 图标风格汇总

  • 图标设计流程

  • 案例讲解

  • 图标资源输出



01 常见图标风格汇总

  • 线性

  • 面型

  • 线面



1、线性

  • 单色

  • 双色

  • 渐变

  • 不透明度

  • 一笔成形

  • 断点



1.1单色

单色线性拥有简洁、清晰的特性,在视觉层级上较低,适用于基础功能图标。b端较为常见,移动端常见在设置页面或导航栏通知、分享等图标设计上。 


1.2双色

双色线性在单色的基础上丰富配色,解决了单色线性原本过于单调的问题,在提升趣味性的同时,也将视觉层级进行了提高,同样适用于基础功能图标。在使用过程中需要注意的是丰富的配色会偏向年轻化,需要考虑是否符合产品风格及主流目标用户审美。 



1.3渐变

线性渐变还可以在用色上进行区分,简洁的用色可以给人带来科技、炫酷感,在车载ui中较常见。丰富的渐变配色则更适合运营入口设计,有着年轻化、热烈的氛围。 



1.4不透明度

线性双色可以和不透明度风格进行很好的比较,前者视觉更跳跃,个性更鲜明。而后者在使用时普适性更强,即丰富配色细节,又避免视觉过于跳跃(可以把它理解为同类色配色)。所以在大多数使用场景下,不透明度风格都是一个很好选择。 



1.5断点

断点风格有线性单色&双色该有的个性,并且在线性双色基础上继续提升趣味性,使用需要注意产品目标人群年龄段。 



1.6一笔成型

该风格设计感和个性都极强,很考验设计师对造型绘制的把控,功底不够就很容易导致设计后出现识别问题。所以设计难度较大,且延展性较弱,难以表达复杂语义,使用需谨慎。



2、面性

  • 单色

  • 双色

  • 不透明度

  • 晶白

  • 磨砂玻璃

  • 等轴侧(2.5d)

  • 渐变

  • 新拟态

  • 轻质感

  • 明暗质感

  • 写实

  • 抽象

  • 卡通插画

  • 像素风格



面性与线性的区别在于前置视觉面积更大,整体视觉层级比线性高。下面部分和线性风格重叠的内容就不赘述。




2.1单色



2.2双色



2.3不透明度

面型不透明度风格,通过调节前后不透明度可以带来较强的空间感,使用场景较广泛。



2.4晶白

晶白严格来说也算质感图标(白色质感)的一种,常见于品类图标设计,通过透明度、投影、渐变等参数调节,使整体立体感和空间感都很强。



2.5磨砂玻璃

又叫毛玻璃风格,是通过背景模糊,或剪切模糊图层的技法来表达通透、有层次、精致的视觉感受,但由于容易与浅色背景相融,造成对比度不足难以识别的问题,所以在使用中需要注意无障设计。



2.6等轴侧

也叫2.5d,有很强的趣味性,及识别度,适合重要入口或运营设计。但这类风格较为卡通,且表现花哨。使用需要注意应用场景及目标人群年龄段,避免干扰信息阅读和不符和产品风格。



2.7渐变

这类风格可以很好的吸引用户注意力,在电商、美食类产品中较常见,主要注意配色干净协调。



2.8新拟态(Neumorphism)

新拟态图标色彩相对单一,与背景融合度较高,通过高光、投影表现一定的立体感。通常是整个产品就是新拟态风格时才使用。所以该风格局限性较大,再有这类风格与背景对比较弱,无障设计问题较大。



2.9轻质感

通过大量渐变、投影来表现立体感,整体风格偏年轻化,常见在教育类产品中,使用注意配色干净和谐。



2.10明暗质感

通过调节同一色相不同明度、饱和度来营造前后空间感,整体风格统一。


2.11写实

这类图标特点很明显,有极高的识别度,目前美团外卖品类区入口就是该风格,整体偏年轻化。主要考验设计师造型绘制、技法表现能力。



2.12抽象

通过几何图形组合、色彩使用来表达美的视觉感受。这类图标艺术(装饰)价值更大,不追求识别度,美观即可。



2.13卡通插画

这类风格既可以做图标又可以做空状态插图,设计美观有特色即可。



2.14像素风格

这类移动端界面较少见,目前只在一个海外电商产品(Jollychic)中看过,还有就是一些像素游戏中,比如「泰拉瑞亚」、「我的世界」。



3、线面

  • 线面

  • 描边插画



3.1线面

和线性双色图标类似,趣味性较强,具备个性化特点,可以做Tab选中状态。 



3.2描边插画

类似卡通插画,在卡通插画基础上加入描边。同样颜色,在一些特定的前后交接处利用线条做区分,算是多一种设计表现形式,同样美观有特色即可。 




4性格

  • 粗线

  • 细线

  • 圆角

  • 直角



4.1粗线

力量感、稳重、男性等感受



4.2细线

品质感、精致、女性化 



4.3圆角

安全、亲和、年轻



4.4直角

严谨、正式、果断利落 

由于图标风格繁多,所以以上列举并不包含所有图标风格。



02 图标设计流程

  • 明确语义

  • 关键词详解发散

  • 确定风格

  • 提取造型

  • 创意输出



1、明确语义

图标存在的目的是起引导作用,在丰富页面视觉的同时,帮助用户更快的获取信息(当然图标的使用意义还有很多)。设计师在将文字翻译成图标前,必须先理解其文字含义。因为最终呈现的图标,需要用户一眼能准确反翻译其中含义(艺术抽象、装饰类图标除外)。

在C端设计中,以Tab为例,一些常见文案:首页、分类、发现、我的,这类语义还算比较清晰的。但在B端设计或工具类APP中就会遇到一些复杂语义。以我的工作来说,目前在做一款网站搭建工具,后台常会需要设计组件及对应的图标,比如:滑动商品、多图列表、上拉图文列表这些语义比较复杂的图标,在一定程度上会比较难精准传达文案。



2、关键词详解发散

这一步有点类似情绪版使用,但不同的是:我们需要将确定的词(A)进行详细解释,再将解释文案中关键的词语进行发散,得出一系列相关联的词(A1、A2、A3…)。有时间还可以根据这些词找到对应的图片,再看在这些相关联的图片中,有哪些细节可以传递最开始我们确定的那个词(A)的意思。



3、确定风格

我们可以借助情绪版,根据产品定位和目标用户描述,再结合应用场景,在目前已有的风格中找到符合产品气质,符合当前模块视觉层级的图标风格。

前面我们已经了解了目前常见的图标风格有三大类:线性、面型、线面,其中还有很多细分,比如在线性中又分粗线(沉稳、力量)、细线(品质)、曲线(女性化),还有圆角、直角,每种类型所传递的感受都不同。在创意前期,我们将每个点合理进行随机组合(如下图)即可创造一种更新颖的风格。



4、提取造型

经过关键词详解发散,其实我们已经获得了很细节点,接下来将这些细节点进行合理融合后,就可以得到代表同一语义但形式各异的基础图标样式(此时还只是想法阶段,可以通过手绘方式记录组合形式,不用特别精细化)。




5、创意输出

在设计执行前我们需要先了解两个大知识点: 
  • 图标设计规范

  • 图标设计注意点


5.1图标设计规范

  • 常见图标尺寸

  • 图标盒子使用


5.1.1、常见图标尺寸

在界面图标设计中最常用尺寸:12x12、16×16、24×24、32×32、48×48(其他尺寸:64×64、96×96、128×128、256×256、512×512)



5.1.2、图标盒子使用

什么是图标盒子?其作用是什么?

图标盒子即图标约束网格,来源于Material design。使用图标盒子有利于使我们创造的系列图标保持规范与统一。



5.2图标设计注意事项

  • 简洁美观

  • 易于识别

  • 细节统一

  • 像素对齐

  • 视觉大小一致

  • 饱满透气

  • 融入品牌基因



1、简洁美观

图标是否美观,会受设计师对图标造型把控、图标构成元素比例、配色等设计能力影响。在UI界面功能图标设计中,通常会尽量减少不必要的细节,降低图标复杂度,来帮助用户快速识别。当然图标也有丰富细节的做法,常见在一些重要运营入口上。



2、易于识别

识别度的问题,在最前面明确语义中就有提到过,这里就不赘述。



3、细节统一

在细节中包含:表现风格、描边粗细、端点类型、圆角大小、斜角角度、配色、投影参数等(不同风格图标的细节不同,这里只是列举部分),上述细节在系列图标中都应保持一致。



4、像素对齐

在图标绘制中,需尽量避免坐标位置xy或宽高参数出现小数点,以此保证最终导出的图标是清晰的。



5、视觉大小一致

由于不同图标外轮廓不同,就会导致哪怕在物理大小上相同的图标(假设都是24x24),但视觉上可能还是会给人大小不一致的感受,因此我们需要借助前面提到的图标盒子进行约束调整。


6、饱满透气

图标的饱满透气,不一定需要加入很多笔画(描边、装饰等)细节。而是尽可能在形成风格的同时,简化能影响识别度的关键笔画,通过调节笔画大小、长短、位置使图标达到一个最平衡状态。


以如下途牛_我的页面_功能区图标为例:

图中标红图标就存在饱满度不足,及内部较拥挤的情况,第一感受是看起来不舒适,品质感比较低。除此外,还存在如下问题:


  • 图标大小很明显不一致

  • 设计语言不统一,有圆角有直角

  • 图标风格不一致,有透明度+分割形式(我的保单)、有纯透明度形式(专属顾问、我的收藏)、还有其余单色实心形式



7、融入品牌基因

在图标中融入品牌基因可以有效的提升产品品牌感,作为高阶设计师必备技能之一,常见提取维度:

  • 颜色

  • 设计语言

  • Logo轮廓 


以我之前的豆果美食项目为例,提取到如下细节:

颜色:提取黄色、绿色两类颜色 
曲率(设计语言):品牌Logo走线顺滑、自然、圆润,个性鲜明 
分离(设计语言):黄色区域与绿色区域虽不相交,但存在联系。(分离间留白) 


根据提取到的基因,最终得到如下两套风格不同,但语言相同且都具备品牌感的图标。


Logo轮廓:在图标中融入品牌logo外轮廓(Google Play),或根据logo轮廓结合应用特性进行延展(Microsoft)。



03案例展示

就以途牛为例,对我的页面功能图标进行优化。 


1、明确语义

根据文案进行详细翻译,帮助我们充分理解文案。



2、关键词详解发散

以「专属顾问」为例:

释义:有专门的知识或经验,受聘为机关团体或单独个人提供专门咨询的人。

提取释义中关键信息,生成关键词:专业专人,再根据关键形容词发散一系列具象名词。



3、确定风格

根据产品调性和模块视觉层级以及考虑延展性,初步确定如下风格组合起来是比较适合:


线性:双色、不透明度、断点 
面性:单色、双色、不透明度、轻质感、明暗质感 
线面:线面 


在实际查看中,发现Tab的风格为单色+不透明度+断点风格。

为了和Tab拉开差异,最终确定以如下风格进行组合表现比较符合产品调性:

线性:双色

面性:单色、双色、不透明度、轻质感、明暗质感

线面:线面



4、提取造型

通过手绘或大脑想象进行造型构思,这里我就不展示手绘过程(行吧,我承认就是画的太丑了不敢放)。



5、设计执行

由于不同风格对图标造型构思有所影响,且图标类型很多,不同特点组合起来样式更多。案例精力有限,所以只以线性双色风格做演示,希望大家灵活使用。


这一步就是将手绘图形矢量化,在矢量化创意过程中,我们可能会对手绘的图形进一步简化细节或新增造型,这都很正常。只需注意在整个绘制过程中遵循图标设计规范,以及注意图标设计注意事项即可。

图标盒子使用


创意输出


Tips

在绘制造型时需注意,图标文案详解中的关键词也有优先级,以如下「礼品卡」图标为例,是表达礼品的意思多?还是表达卡的意思多?这个会影响图标中相关元素的面积大小。站在商业角度看可能会更倾向于方案2,突出礼品,来吸引用户。站在入口文案清晰传达的角度,可能我会更倾向于方案1。 

1or2?


最后对专属客服进行多风格尝试,最终效果如下:


附上部分绘制过程中的淘汰稿:



04图标资源输出

在将图标输出给前端前,需要沟通好使用何种格式,目前常用图标格式分为两大类: 


矢量格式

  • SVG:缩放无损、体积小、支持前端样式修改参数、单色情况下方便前端修改颜色来表达图标状态,减少重复上传。


位图格式

  • PNG:支持透明格式

  • JPG:兼容性强,适合大尺寸高饱和度图像

  • GIF:动态图标使用,缺点是透明情况下边缘容易出现锯齿。



这里主要介绍静态图标中,svg格式在工作中如何输出给前端同学使用(借助iconfont)。


svg图标交接方式:

1、图标资源优化

在iconfont官方绘制指南中有描述,在导出前需要按如下规则优化图标资源:



2、选中图标导出svg格式

以Figma为例,优化图标资源后,选中图标将输出格式选择为导出svg。



3、上传iconfont

在资源管理下,选择需要上传的位置。


选择上传图标 



4、选择颜色提交模式

去除颜色并提交:适合单色图标,去除颜色提交可以方便前端使用代码修改参数,减少不同状态图标重复上传。

保存颜色并提交:适合多色图标(注意:在单色情况下,选择保留颜色提交,前端则无法通过代码修改图标颜色)。



最后当我们把图标都上传好后,就可以将前端同学拉入团队项目中开心进行玩耍。



好了,以上就是本篇要分享的全部内容,希望对各位有所帮助。



文章来源:站酷 作者:幺零三

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

别光抄了,信息卡片应该这样设计!

纯纯

工作中我们经常会接到一些信息卡片的设计需求,在早期很长一段时间里都困扰着我。和大多数刚入门的小白一样,当接触到这类需求的时候,下意识就是打开自己的的Eagle,找合适的参考,去借鉴排版布局。但是其实最后只知道参考这样做好看,对于作者的设计思路并不清楚。后面我尝试去总结其中的规律,也得出了自己的一些设计思路。





02 这里讲的信息卡片是什么?

让我们先看下各类App中,一些比较不错的信息卡片长什么样:




03 一个信息卡片包含什么内容?

  • 图片

  • 图标

  • 文字

  • 标签

  • 按钮

  • 布局



1图片 】

图片理解很简单,就是该卡片想表达的信息主体,可以是商品、风景、插画等,PGC内容图片通常由运营把控,UGC内容为用户自行上传。虽然上线后实际上传的图片,对于设计来说没有太多关系,但在设计稿中还是需要严格控制图片质量。(一定程度上也能提高过稿率)

图片挑选需要注意如下:

  • 高清无码

  • 主体突出且简洁

  • 配图与文字信息相关联

  • 多图片情况下,视线保持同一水平线或同一角度



2【 图标 】

图标的出现有以下几类:品牌特定logo、特殊字段图形化(如性别、定位、点赞、VIP、关闭等等,将字段图形化后可以减少该组件内的文本信息,方便设计排版的同时提升整体阅读体验)、氛围点缀(主要在于丰富卡片,提升设计感来吸引用户注意)

图标设计需要注意如下:

  • 清晰度:品牌图标避免过小,导致难以分辨。

  • 识别度:字段图形化后一定需要确保拥有足够的识别度,尽量在大众认知范围内。比如“+”可以代表添加和关注、“x”代表关闭,“大拇指”和“爱心”代表点赞、“皇冠”代表VIP等等。

  • 风格一致:氛围点缀图标在配色上,需要保证与产品调性一致,或在色彩情绪上,与该模块传递的感受一致。还有一些细节,比如线性图标描边粗细,圆头还是方头端点,这类尽量保持一致(当然也可根据情况演变新的风格,但注意风格种类不宜过多)



3【 文字 】

文字即对图片的描述信息,通常分为:标题、正文、辅助信息、优惠信息、数据信息(评分、价格、点赞评论数等) 

文字信息处理需要注意如下:

  • 对比:需明确页面信息权重,突出重点,便于有效传递信息。移动端常见对比方式:特殊字体对比、字号差对比、色彩对比、修饰元素(点线面)点缀对比。重点需要注意,避免在一个卡片中,采用过多不同大小字号和颜色去表现信息层级,尽量使层级精简与规范。

  • 对齐:保证卡片内信息之间存在某种视觉联系,信息结构清晰。对齐方式分类:左对齐(符合左到右的阅读习惯,阅读体验最佳)、右对齐(阅读类文本比较少见,一般是为了将分好组的信息填充卡片四角)、居中对齐(居中传递严肃、正式感,在移动端中较少见,适合信息较少的情况下使用)

  • 亲密性:将信息通过留白、分割线、色块等方式来成组划分,避免信息散乱。



4【 标签 】

标签指活动通知、产品卖点、重要时间、优惠信息等这类需要突出的内容,标签按视觉层级由高到底依次划分为:异型标签、色块型标签、描边型标签3大类。 


标签处理需要注意如下:

  • 视觉层级:一个卡片内可能出现不同类型的标签,比如同时有活动通知、优惠信息、产品关键词,这个时候就需要了解各类信息重要层级,正确选择标签形式(异型、色块、描边),帮助用户快速抓住产品重点。

  • 极限场景:标签内字段不宜过长,需要考虑最大宽度,进行合理布局。(牵扯到屏效比)

  • 呼吸感:合理定义标签内部文字与底板的上下左右间距,避免拥挤。

  • 设计感:标签多数是带有活动属性,在设计手法上可以尝试破型设计,还可以尝试加入一些小图标、纹理,一方面营造活动氛围,提升产品品质感。一方面图标具有一定语义,可辅助用户识别。(适合单个特殊标签添加,而不是一类标签,因为多个一样的标签配上图标同时展示太乱)

  • 对比度:在色块标签中需要重点注意,通常色块标签又分以下3类:有彩色底板+白色文字、带不透明度的有色彩底板+有彩色文字、消色底板+消色文字,在挑选颜色时需注意文字与底板对比足够清晰,减少阅读障碍。



5【 按钮 】

按钮是卡片上最重要的元素之一(部分卡片也可能没有),作为一个行动点,Ta的作用在于吸引用户点击。按钮在表现形式上和标签一致,我们最常见的有彩色底板+白色文字、消色底板+消色文字、描边框+文字(有彩色描边或有彩色字)。 


按钮和标签在处理上很相似,可参照标签。



6【 布局 】

布局指上述所有图片、图标、字段等信息,在卡片内的排布方式,常见布局方式:上下布局、左右布局、居中布局。 


信息布局需要注意如下:

  • 拓展性:卡片中字段的长短对布局的影响较大,字段较长且多的情况下需要的占用的空间更多,所以常见是上下布局。

  • 屏效比:上述拓展性与屏效比的关联紧密,在卡片中,为了保证一行文字最大显示,通常文字都是单独一行,避免左右存在元素占用文字横向空间。但单独一行就意味着增加了卡片高度,虽然单个卡片内文字显示多了,但整个一屏中展示内容变少。为了便于理解上面这段话,这里我们可以看到淘宝这个案例,淘宝的推荐卡片中信息很多,在遇到文案很长的情况下,为了平衡上面讲的这个问题,使用到了如下较少见的布局方式。

  • 合理性:在列表式左右布局中,是选择左文右图,还是左图右文。这需要看产品类型,在新闻资讯类产品中常见是左文右图,而在美食、电商类产品中是左图右文。再有在信息布局上也应符合人眼左到右,上到下的阅读习惯。



04 如何做好一个信息卡片?

  • 明确产品类型

  • 明确应用场景

  • 了解目标用户

  • 划分信息权重

  • 同类信息归组

  • 增强信息对比

  • 设计细节表现

  • 确定最终布局


1【 明确产品类型 】

产品类型不同主要对布局产生影响。

  • 以文字为主的产品,比如前面讲到的新闻资讯类,通常采用左文右图的布局。

  • 以图片为主的产品,比如美食、电商类,通常采用左图右文或上图下文。 

原因:新闻资讯类,吸引用户产生点击的并不是因为图片,而是具体的标题,通过标题用户才能了解更多关于该卡片的信息。而美食、电商类产品则相反,这类产品图片比文字更吸引人。



2【 明确应用场景 】

在我之前一号店改版中提到,信息卡片可以分为列表式和卡片式两大类,对应的优缺点如下: 


卡片式:在卡片式中图片是设计的重中之重。这是因为人是视觉动物,在卡片式设计中使用高质量的图片能瞬间抓住用户的眼球。卡片式设计实现了图文的完美结合,能给用户呈现良好的视觉效果。

应用场景:

  • 图片为主,需要利用图片给用户带来良好的视觉冲击,提升浏览过程中的趣味性,从而吸引用户长时间浏览。

  • 适合随机推荐的内容,不适合进行查找。

  • 丰富内容展示,适合元素较多情况,可以让各种形式的元素保持井然有序。


列表式:信息集合一般是简单的图文组合(小图+标题)或纯文本信息。由于列表垂直排列每一行内容,相对卡片式,在同样大的屏幕中可以展示更多内容,可供用户阅读信息更多,新闻类和数据类应用更青睞于这种设计。


应用场景: 
  • 信息直白,用户无需点击查看,即能尽可能了解内容信息,适合快速查找。

  • 文本重要程度高于图片,需要靠标题吸引用户点击。

  • 小屏幕应用场景。




3【 明确目标用户】

目标受众的属性,对信息权重的划分影响很大,比如对价格敏感的用户,优惠信息的视觉层级就需要抬高。为了便于理解下面的案例,这里我定义的就是对价格敏感性用户。



4【 划分信息层级 】

定义了目标用户后,将卡片内所有元素罗列出来,并借助四象限分析的方法,对各个元素的权重进行划分。



5【 同类信息分组 】

将同类信息分组,便于后面确定元素之间的亲密性关系。



6【 增强信息对比 】

前面我们借助四象限,将信息重要程度进行了划分。接下来对元素之间亲密性和对比进行处理,设计用户浏览视线,在该过程中对案例中的元素进行如下处理:

  • 图片:这里图片及比例保持不变

  • 图标:将原版会员图标+字段的方式更改为图标,原因有两个:1、会员图标+字段的方式占用了较多的横向空间,导致标题字段信息展示减少,同时还导致用户在阅读完标题后,阅读下一行内容时视觉错行严重(会员图标+字段过长导致)。2、由于会员图标代表会员内容,这是绝大对数产品对用户有过的教育,所以这里重设了会员图标并单独展示。

  • 字体:对标题字体进行加粗,(16pt,Medium),价格字体加大加粗(24pt,Medium),划线价加粗(12pt,Medium),按钮文字&活动标签文字(14pt,Medium)精简其他辅助信息层级(12pt,Regular)

  • 标签:优惠信息标签由0.5pt改为1pt,提升视觉层级。活动标签为色块降低不透明度+有彩色文字。

  • 按钮:由于标签为描边样式,为了拉开差异,突出按钮,所以将按钮改为实心色块。


做完上面这些后,可能大部分人觉得到这就可以了,但其实我们还可以再增加设计细节,这也是你与其他设计师拉开差距的地方。



7【 设计细节表现 】

由于案例不同,增加细节的方式不同,所以需要具体案例具体分析。在本次案例中,我通过新增图标设计以达到丰富卡片细节的作用。在活动标签中新增小喇叭图标,来增强活动氛围、增强信息视觉上的互动性、增强代入感。在按钮中新增时钟图标,配合预约文案,让用户预知操作后可能的结果,并且提升按钮视觉层级、提升点击欲望。



8【 确定最终布局 】

在布局中主要考虑两个点:

1、合理性&拓展性

由于该卡片的应用场景为推荐列表,所以这里保持原有的上下布局,遵从人眼阅读习惯。

2、屏效比

将活动标签选择放置在图片与底板分割处,好处有: 
  • 借助这个方式,使图文内容过渡顺畅,阅读体验更佳。

  • 尽可能减少了标签对产品图的遮挡。

  • 压缩卡片高度,最终达到提升屏效的目的。



解决部分人可能存在的疑惑:


Q1: 3张设计稿中活动标签为什么进行修改?

:稿1到稿2,活动标签样式修改,位置调整,对应不同的用户,对于价格敏感性用户,显然稿2更能刺激他们点击。稿2到稿3,对标签样式再次进行加强。稿3到稿4,考虑该应用场景是在推荐列表中,为了避免出现多个同类型活动的卡片,导致过乱,所以修改了设计样式。


Q2:在稿3到稿4中优惠标签这一排内容,和预约按钮这一排内容,上下调整的原因是什么?

:1、将文字区域看做一块完整的矩形区域,稿3整体看起来更完整,而稿2像是右下缺了一个角。2、在信息阅读顺序设计上,稿3的处理是优先让用户看到优惠相关信息,更加迎合价格敏感性用户的需求。


Q3:你认为最终稿还有优化空间吗?

:这个案例,是我截图与我司相关App的。我认为如果可以,还需要再了解目标用户画像,了解用户真正在意的信息是那些,这些都会对最终方案产生影响,也只有知道这些才能得出最合适的哪个方案。这里我定义的是对价格敏感的用户,基于这类用户来说,我认为最终方案是合适的

文章来源:站酷 作者:幺零三

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


设计师如何高效沟通需求

鹤鹤

前言

——————————

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


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


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


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



Chapter 1

——————————

需求沟通的目标和方法


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

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


了解需求阶段,设计师和产品针对需求目标进行讨论,并和团队就产品目标达成共识;


分析需求阶段,设计师和产品针对产品策略合理性进行讨论,并提出体验诉求;


探索方案阶段,设计师探索设计方案,并和产品就商业目标和体验目标达成平衡;


实现方案阶段,设计师和产品协调优先级,调整方案,确保方案最大程度实现还原;




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

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



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


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



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



经过反思和问题总结,设计师发起了主动沟通,运用设计方法协助产品明确需求,提升方向说服力,探索如何就目标和团队达成共识。首先,需要和产品明确用户群,并寻找用研协助,或发起快速访谈了解用户其次,组织团队相关成员发起关于产品目标的讨论,围绕产品决策人给出的产品初步方向,团队成员每人写下对产品的期待,提炼总结团队成员的想法,提炼总结产品目标再次,根据用户访谈材料,利用亲和图法,提取关键词,从用户诉求中洞察提炼用户目标。最终,产品目标得以明确,团队也取得了关于目标的共识,同时通过快速demo,来验证优化,项目得以顺利进行。




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

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


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


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


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




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

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



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


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


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


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




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

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


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



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



Chapter 2

——————————

沟通技巧的问题

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


2.1 如何防止沟通目标偏离

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


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


① 设定沟通目标并保持关注:在每次沟通前想清楚自己的目标和底线,尝试用全局视角分析自己设定目标的合理性;在沟通过程中要经常反思当前沟通的问题是否已偏离了目标,对达成目标是否有帮助;发现目标偏离可尝试改变节奏,思考接下来说什么有助于达成目标;


② 换位思考:能够倾听对方的问题和困难,尝试寻找解决问题的办法,而不是一直表达诉求,无助于问题的解决和推进;


③ 控制/倾听情绪:美国心理学家埃利斯创建的ABC情绪理论,拆解了事件发生和情绪之间的关系,指出事件的发生并不是导致情绪的直接原因,我们持有的信念才是。因此在沟通中不要加入太多内心戏,过度解读事件。比如产品让设计反复改稿时,可能会解读为产品在故意刁难,尝试了解反复修改背后的原因,可能对解决问题更有帮助。



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

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



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



总结

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


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


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


文章来源:站酷 作者:腾讯ISUX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


设计趋势ISUX报告-数字内容营销篇

鹤鹤

背景

数字营销是指借助于互联网营销方式,帮助业务方和消费者建立触达渠道,实现业务的商业目标达成。按业务类型分为线下产品的数字广告和数字内容(APP、影音、动漫、游戏等)线上推广分发。本文主要聚焦在数字内容线上推广分发上,尝试从用户获取渠道、体验方式、内容感知、新技术带来的变化等几个方面,为相关从业者梳理数字内容流行的营销方式,以期提供一些启发和借鉴。


近年来用户内容消费呈碎片化、视频化,多元化趋势。短视频内容强势崛起,这种方式可以让用户更轻松、更深度消费内容。在各类营销类型中,短视频逐渐成为推广的重要方式,不仅在实体产品电商领域,日益成为重要的销售方式,在数字产品的推广上,也发挥越来越重要的作用。漫威在短视频平台注册虚构报社账号宣传《蜘蛛侠:英雄无归》电影,获得海量关注和点赞。


说唱歌手Lil Nas X用《Old Town Road》做BGM在短视频平台发起的牛仔挑战(#Yeehaw challenge),使这首歌曲通过短视频成为了全球爆款。这首歌在美国地区的流媒体播放量超过了25亿次,在Billboard排行榜保持了19周的冠军。



美国创作型歌手兼唱片制作人 Charlie Puth 尝试在短视频平台上发布一些旋律,发起了标签挑战 #writethelyrics,邀请粉丝们为旋律填词,这个标签累计视频观看量达到38亿次。



在游戏领域,短视频/直播内容也正成为分发重要形式。短视频巨头已深入游戏腹地,2020年移动游戏用户与短视频用户重合率达82.5%,近六成移动游戏用户会用短视频主动搜索游戏内容。短视频在和游戏内容结合上有先天优势,消费门槛低,体验更沉浸,同时也可以快速获取其他玩家的感受。除此外,对于游戏制作和发行方来说,这里也是通过内容创作获取用户的良好渠道。



游戏依托赛事直播、KOL直播,聚集了大量高质玩家,相较于传统分发方式,直播具备互动性、真实性、及时性等三大特点。KOL主播可以将游戏最直观的展现在玩家面前,更可以利用高人气迅速提升游戏热度。Facebook gaming现在采用直播feeds的方式进行游戏的推广,使玩家对游戏体验感受更直观。




黑客帝国4在官网为用户提供了一段可交互的宣传视频,根据用户的选择不同,触发不同类型结局。让用户更有代入感和掌控感。有种“我”开启了一段故事,也更容易带来体验上的惊喜感。



洛杉矶流行艺术家 BIIANCO 为其单曲That’s what friends are for制作了互动音乐视频,以互动游戏的方式让观众进行多次选择,探索属于自己的故事。



在游戏类内容宣传上,为让玩家更直接、更低成本的体验到游戏的玩法和特点。借助2D、3D以及交互视频素材高度还原游戏的真实场景,音效、视觉、玩法互动与游戏本身无异,将原有的游戏体验前置,让用户在短暂的广告展示时间中快速明白游戏的核心机制。




2021年音频内容呈爆炸式增长,播客这种很早就有的形式,在今年焕发了蓬勃生机。因为疫情原因,音频内容呈爆发式增长,相较于其他数字内容表达方式,音频覆盖了更多互动场景,用户可以在通勤、运动和打扫房子的时候在车里播放。


21年初热播的《流金岁月》不仅霸屏热播热榜,更首次将营销可能性转化到“看不见的”声音领域,最终联手十多家播客参与多方面讨论了女性、友谊、成长等话题,精细化传播,也让更多电台参与创作讨论,最终“我的「流金岁月」”主题内容实现了全平台百万级的总播放量。


Beats 就联合播客《大内密谈》推出了一档名为「一首歌的诞生」的系列节目,主播相征会在节目中和各位音乐聊一聊他们的某一首歌从谱曲、写词到录制的全过程。2021年,《大内密谈》连续7年获得Apple Podcasts年度精选播,拥有400多万忠实听众,单期节目收听量超过400万次。




影音、游戏联动明星、品牌、知名IP、传统文化产业、线下活动等等具有影响力的合作方进行战略合作,扩大双方影响力。如英雄联盟和LV的跨界联动,这款由LV设计的史上最昂贵、最奢侈的游戏皮肤,还未推出就捕获了无数LOL玩家的心,在让玩家兴奋不已之余,还引发了“这款皮肤究竟有多贵”的讨论。



自2017年腾讯和敦煌研究院达成战略合作以来,王者荣耀飞天及九色鹿主题皮肤、QQ音乐“古乐重声”音乐会、敦煌诗巾、“云游敦煌”小程序和敦煌动画剧陆续推出。三年间,累计超过2.5亿人次参与了“数字供养人”,超过4000万年轻人在王者荣耀中遇见了敦煌飞天,“云游敦煌”小程序目前已接待超过3700万人次线上游客,40多万用户设计了自己专属的敦煌丝巾,24万用户在腾讯公益平台为敦煌石窟保护项目捐款,15万用户在线用声音演绎敦煌动画剧。



2021年底热剧《风起洛阳》联动洛阳市文化单位正式发布“华夏古城宇宙”的全新概念,并宣布“华夏古城宇宙” 首发洛阳IP中的剧集《风起洛阳》、纪录片《神都洛阳》、动画片《风起洛阳之神机少年》,带领观众开启探索华夏文明的旅程。




1)内容二创,形成粉丝传播文化

影视剧宣发期,通过话题互动或设置传播内容,让用户创作内容进行传播,如《鱿鱼游戏》引发自发传播的抠糖挑战也引起更多受众注意激发用户观看。



游戏也会在上线后逐步积攒口碑和玩家数量,官方在制作游戏时和后期推广上会提供一些方便传播的核心素材,由游戏粉丝玩家群体自发进行二次创作产生的UGC内容,也会引发大众关注。很多玩家会围绕游戏内容创作出新奇舞蹈、仿妆、COS、攻略、同人剪辑、漫画等,提供广泛的话题和讨论度。例如《CS:GO》,它通过一条开箱视频引爆短视频平台,打破了消费用户的圈层,从游戏用户到泛娱乐用户,最终令游戏内箱子的价格从0.8元涨至2元,极大地促进了消费。



2)打造庆典活动,激发用户共情

通过大型庆典活动,让用户共情,形成记忆共享,将志同道合的人聚在一起,形成文化传播。如英雄联盟每年都会举办盛大的全球总决赛开幕庆典,并加入一些让人印象深刻的游戏元素。




相较于通过中心化推荐方式向用户展示广告内容,新的趋势是广告主利用用户社交关系链,在facebook、微信、QQ等社交平台进行分享传播。通过社交流量的传播内容,让受众觉得更贴近自己,也更可信。相较于其他数字内容,在游戏分发上私域流量日益重要,很多头部社交渠道在尝试如何更好的通过私域流量带动游戏分发。

1)通过社交动态通知触达

Facebook游戏智能助手会在玩家的对手参与游戏后,通过Facebook与Messenger提示对方继续玩游戏,这种方式可以吸引玩家快速回归玩过的游戏;同时在首页好友动态中可以看到好友的游戏邀请动态和相关战绩,对游戏有较高的流量传播;游戏的高活玩家也可以通过邀请好友对战或分享游戏活动等方式进行裂变传播;



2)线上社区深度触达

Discord建立起玩家之间互推、互鉴,玩家与开发者间直接互动的社区平台;社区内的种子玩家可以更直接地与开发者接触,让自己的声音被听到;同时他们也是优质的渠道传播者,将优质的讨论内容、游戏动态进行分享,让渠道转化效率更高;



同时Discord可以创建「临时」游戏语音频道,可以让其他成员看到频道内成员正在玩的游戏;玩家也可以将游戏实况传输到服务器,在语音频道邀请朋友共同观看自己的游戏“现场直播”,让玩家的朋友在沙发上重现游戏的感觉;



3)利用核心玩家作为推广资源触达

游戏开发者利用多圈层KOL的优势,引导他们产出与游戏相关的UGC,OGC内容,形成话题热议,从而触达到目标用户,这种方式可以增强游戏影响力,甚至产生出圈的效果;比如Youtube通过扶持优秀的内容创作者,通过他们的粉丝圈或者社交关系进行游戏推广。



2021年初爆火出圈的社交产品clubhouse,也是在早起利用名人明星和圈子的力量,通过采用邀请制的方式吸引了高质量的种子用户,带动app的影响力,提升其在世界产品和科技圈的热度。




相较于传统的机器人客服,机器人进化出了新能力,在数字内容推广上展现新前景。在Discord中,由第三方机构提供各种数字内容服务能力的机器人,如将Patchbot机器人添加到频道后,可以将用户喜欢的游戏资讯/功能更新及时推送到频道中,让玩家获取信息更及时;



在Discord和Telegram聊天群组中,有很多提供数字产品服务能力的机器人,为群中小伙伴定期推送和主动获取影音资源。




随着元宇宙、区块链技术的火爆,数字内容也展现了不同以往的展示和推广方式。2021作为元宇宙爆发年,向我们展示了未来的一角。通过虚实结合的互动体验,数字营销不再局限于单一的文字/画面,而是通过多体感的交互,让用户全方位的体验数字内容,为猎奇的互联网用户打开了数字营销新篇章。


1)虚拟偶像成数字内容推广重要方式

2021年,随着元宇宙基建的推进和爆款案例的频出,虚拟偶像也迎来了新一波发展高潮,引得不少音乐公司纷纷入局。19岁的加州虚拟网红Lil Miquela代表了Z时代的社群偶像,她在instagram,youtube,discord等平台分享自己的时尚穿搭,与名人或朋友的合影及生活想法,甚至她还在Spotify发布了自己的15首单曲。打造了跨平台的Vmodel身份。



韩国虚拟模特Rozy,不仅在社交网络分享自己的穿搭生活,还如同常人一样,营造看电影的真实体验,她的代言产品不仅涉及线下美妆,还为线上购物网站,电影等数字产品内容做宣传推广;




2)虚拟演唱会打造多感官音乐体验

贾斯汀 比伯举行了一场由真实动作捕捉的线上虚拟演唱会,比伯在演唱《Peaches》、《Hold On》等人气单曲的同时,观看直播的观众可以根据场景与比伯进行线上互动:场景切换到田野时,观众可以点击不同颜色的花朵,让田野生出花朵形状的流光;



切换到街头场景时,观众可以把聊天内容或爱心发送到比伯周围;



这种虚拟演唱会的形式将全球的粉丝连接在一起,在虚拟场地形成万人互动的沉浸式音乐体验。宝可梦25周年,联合说唱歌手Post Malone推出了自己的虚拟音乐会,马龙在这次虚拟演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首单曲,在虚拟世界中与知名宝可梦一起完成表演;也为新发售的《宝可梦:晶灿钻石/明亮珍珠》起到宣传作用;



3)利用虚拟社区打造游戏/影视宣发新方式

Decentraland提供了去中心化的社交世界,用户可以创建自己的虚拟形象,在不同的游戏场馆进行切换,为游戏品牌起到了更好的宣传作用;同时Dcentraland提供了虚拟土地售卖,用户或开发者购买土地后,通过制作3D场景,发布自己设计的各种产品或服务,这些场景也可以使用VR终端来体验,用户或开发者可以发挥无限的想象力进行宣传创作。



韩国剧集《鱿鱼游戏》热播后,剧集中的游戏关卡在罗布乐思公司的游戏社区被“1:1”还原,其中的游戏“1、2、3”木头人进入推荐排行榜,吸引了众多观众成为玩家,也让很多玩家去奈飞追剧,扩大了该影视资源的影响力。



4)区块链及NFT技术赋予数字内容流通新方式

伴随着区块链技术的发发展,有的游戏分发公司也在尝试通过区块链技术进行游戏发行。如Ultra试图打造一个基于区块链的游戏发行平台,通过通证经济实现更加合理的利益分配。对游戏玩家来说,可以在下载完成前就尽情享受新买的游戏,并在玩游戏时继续下载缺失的数据。玩家可以自主选择是否允许游戏内弹出广告,观看广告可获得通证奖励,邀请朋友、参与测试和策划游戏也可获得相应通证奖励。因此,游戏玩家既可以即时玩独家游戏,又可以通过多种方式赚取通证奖励。



NFT实现了虚拟物品的资产化与流通化,赋予了数字藏品/游戏/影音等内容的虚拟价值;艺术品数字资产化将拓展影视相关内容的产品链,因被赋予独特的价值,使得其可以通过交易完成变现。2021年10月11日,王家卫首个NFT作品《花样年华——一刹那》以428.4万港元价格成交,同时创下王家卫个人作品与亚洲电影NFT作品拍卖价格新高。



总结

伴随着用户数字内容消费习惯的变化,数字内容呈现方式、渠道和分发方式都在发生变化。可以看到在未来,数字内容制作方和发行方,需要为用户提供更多元的方式深度进行体验,同时承载数字内容的平台也逐步由传统的中心化渠道向私域流量转移。作为数字内容发行方,如何有效且长线输出高品质内容,构建内容壁垒,探索更有吸引力的表现形式、缩短和用户的沟通渠道,是未来需要深入思考的。

文章来源:站酷 作者:腾讯ISUX

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

简单又不简单的“设置”场景设计

鹤鹤

一、随处可见的齿轮


以一个小小的齿轮(或者扳手)形象登场,“设置”在几乎所有产品中都是不可回避的模块,他允许用户在弹性范围内自定义产品,来更好地适应实际需求。

在一些产品团队的眼里,“设置”或许是一件非常简单的事情,因为大多设置模块的使用频次低,无关核心业务。所以当内容看似非常简单明确时,“设置”甚至会不经设计,由开发直接上手就干。但这样简单处理的结果被摆到用户面前时,各种糟糕的体验就纷至沓来了。找不到设置入口、不知道该如何设置的用户吐槽屡见不鲜。所以说,“设置”,说简单也不简单


下面我们就从用户场景出发,深入挖掘设计逻辑,重新认识这个随处可见的小齿轮。




二、“设置”的用户场景


调研发现,不同性质、体量的产品,“设置”模块的功能设计存在着不小的差异。

ToC产品一般会提供关于用户自身使用习惯的设置,如界面语言、皮肤主题等。而对于ToB产品来说,除了部分与ToC产品重叠的用户个性化设置内容外,往往还有作用于整个平台、全体用户的系统设置权限,当然他们的可见用户并不是全体成员。


从上述对功能的简单描述可以初见,“设置”模块的目标用户也不会是一成不变的

拿我们日常高频使用的浏览器产品来说,设置是开放给全体用户的功能模块,但它的使用频次很低,如一些关于性能、证书的配置,即使是浏览器的熟练使用者也可能对它很陌生。也就是说,哪怕是产品的高级用户,也可能是“设置”模块的新手用户。

而以技术导向的工具型产品为典例,繁杂的系统设置是产品为了满足不同客户间、复杂多变的业务规格,在系统中留出的弹性空间。在这个需求场景中,与产品对话的用户一般是系统管理员或技术支持人员等,他们对系统方方面面的经验认知都很充足,甚至系统设置就是其主要工作模块。所以,对于这类用户场景下的“设置”模块,“高效操作、成功结果”是至关重要的设计目标。因为高级用户往往不追求很强的互动性,更希望跳过流程和步骤,直接切入功能得到理想结果。


面向不同的目标用户,自然有不同的设计逻辑,本文接下来的内容,或有共同之处,但更侧重于面向第二种情况的思考。




三、“设置”的设计逻辑


思考“设置”的用户场景,使得设计逻辑的探讨更加有据可依。简单来看,“设置”的设计可以从三个环节切入:

  • 设置前:如何向用户展示设置内容

  • 设置中:如何设计用户的输入交互

  • 设置后:如何保存生效或发生错误的处理


接下来我也将从这三个环节发散思考,从信息架构、展示编辑、默认值、帮助说明以及保存等多个方面来谈谈我对“设置”的一些看法。



(1)做好内容的信息架构

成熟的“设置”模块,必然拥有良好的信息架构。这不仅是指“设置”内部的导航设计,同时也包括“设置”在整个产品的层级安排。这些导航、层级的确定,则会受内容信息体量、功能重要程度等影响。

首先,在“设置”内部规划一个合理且清晰的导航,需要在信息的深度和广度之间做好平衡。平衡架构的天然敌人少不了信息量冗杂这个令人头疼的问题。无论是在单个层级中内容过多,还是层级本身过多,都会给用户的快速定位带来考验。而通过调研发现,如Google、Salesforce等产品都选择在复杂的“设置”模块引入了全局搜索来帮助用户缓解查找某一功能的压力。

信息量冗杂带来的考验还有那些零散的、彼此关联不强的设置项。对他们的架构安排,很容易因为不知道怎么组织,便一股脑地塞进诸如“通用”、“高级”等的模糊分类中,不过这可谓是十足的懒人设计。想要搞定这些难搞的信息,设计者需要对设置内容有更深入的研究和理解,搞清楚它改变了什么、会影响什么以及后续是否会拓展更多关联设置,等等。

还有一个值得思考的细节:对于丰富多样的设置项来说,是将他们散落到直接影响的功能模块中合适,还是汇总于一个设置模块中更合适呢?或许在不同的场景里答案并不一致,我觉得这需要综合考虑该设置项的放权角色、配置频率、配置影响等因素。



(2)设置内容的展示与编辑

完成“设置”模块的基本架构后,就该将目光投向那些具体的设置项了。就常见的设置内容而言,根据其适合的展示形式进行简单的抽象,主要分为以下两种:

1、适合以表单形式组织的内容:一般是具有独立影响又拥有相同特征标签的单条数据被整合到一个分组下进行展示与配置

2、适合以表格形式组织的内容:一般是具有相同固定结构的数据集需要进行统一管理,包括组层面的增删等

为每一个内容选择最合适的展示形式(当然也并不仅是上述两种),这个选择大多时候并不困难,因为“设置”场景的目标导向往往比较明确、直接。当然也不排除部分复杂场景的存在,这就需要我们多花些心思,以用户更易理解的展示形式完成功能性的表达。

在“设置”模块,展示与编辑的联系非常紧密。直接编辑和解锁后编辑的选择,主要取决于用户进入页面的常规诉求是查看确认还是编辑修改,以及这些设置内容的改动容错性是否良好,等等。



(3)默认值与帮助说明里的用户体验

在本文讨论的“设置”场景中,每一个更改都可能对整个平台乃至全体用户产生影响。通过调研,我们发现多数用户对于默认值的沿用性不低。故,对于那些需要默认值的设置项,选择一个合适的默认值是值得审慎对待的问题。

了解用户习惯和业务需求是解题的关键。什么样的默认值最贴合用户的使用习惯,什么样的默认值能以最佳状态满足业务需求。例如,我们的堡垒机产品一般将日志保留时间的默认值设为365天,便是考虑到了用户习惯与产品性能的微妙平衡。

除了默认值的设计,恰到好处的帮助说明也可以让设置的用户体验变得更好。

我时常看到“设计的目标应该是完全删除说明文字”之类的论述,这好像正契合了简约至上、不要让用户思考等当下流行的宗旨。但,正如尼尔森十大原则的最后一条“人性化帮助原则”也指出,帮助和使用文档是有必要的。

结合“设置”的自身的特点:这是一个对产品进行底层配置(相对其他模块而言)的控制模块,对用户的认知与学习能力有着不低的门槛要求。也就是说,设置的内容对于用户是有一定难度的。我们需要更多考虑内容的帮助说明是否充足,不要想当然觉得用户能够理解。

所以,不难想象,设置模块的说明概率会远高于产品的主体功能模块。进一步探究帮助说明的设计:从形式来说,它可以是文案、配图甚至是一个视频讲解;从强度来说,它可以一次性出现、常驻于页面或是直接跳转帮助文档等。大多数用户并不希望在设置模块获得探索的乐趣,所以无论如何设计,帮助其快速完成任务是我们在设计“设置”时非常重要的一个追求。



(4)二次提交与即时生效

“保存了吗”这不仅是每个设计师在电脑卡机时候会问自己的问题,也是用户在完成一系列配置操作后的疑惑。这就牵扯到了设置何时生效的问题。最常见的交互方案有两种:

1、每一项配置都即时生效

2、整个表单统一提交后生效

那么,哪一种方式更好?我继续尝试从业务需求和用户习惯两个方面入手:

“设置”模块的操作往往牵一发而动全身,试错成本其实是非常大的。之前听产品经理说过一个银行客户因为修改了某个小小配置项,而造成了巨大实际损失的例子。所以,在这样一个控制中枢般地位的模块中,即时生效的选用必须谨慎评估操作风险,减少用户轻易出错的机会。

同时,由于即时生效和表单提交这两种交互方式都非常常见,用户天然存在一种认知压力,也就是上面提到的“保存了吗”的不确定。所以,我们需要通过设计,让用户快速且准确地知道当前页面采用的是何种保存交互。

从调研和自身经验得出,以下几点都是比较好的思路:

1、实时的操作反馈可以帮助用户判断是否生效

2、尽量控制设置内容在一屏以内,这样无论是否设计统一提交的按钮(或者更改后出现),用户都可以轻易感知

3、将统一提交的按钮以悬浮方式明显地驻于页面底部,减轻内容超出一屏时的认知压力

4、慎重处理如开关、按钮、滑块等带有很强“即时生效”隐喻的控件




四、简单也不简单的“设置”


对于很多产品产品而言,“设置”是点击率不高的辅助模块。由开发人员直接上手,设置项很容易就变成机器语言的直译、迭代顺序下的铺陈,而用户是否可以接受这种简单粗暴的处理,就成了阿甘手中的那盒巧克力。

从关于“设置”的论述以小见大,哪怕是看似简单的角落,也存在着不简单的设计逻辑。我一直觉得,设计对于商业的价值在于推动沟通,即保证产品与用户的对话“时刻”流畅。所以,不要草率处置那些不起眼的边缘模块或简单功能的设计。

文章来源:站酷 作者:齐治设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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

竞品分析,如何助力设计洞察

鹤鹤

设计本身是建立在对用户、场景、问题的深刻洞察之上,而竞品分析是设计师耳熟能详的设计思维及方法。在自身的阶段性成长中,竞品分析也为久乔及工作带来了显著的增益。

关于竞品分析,大家聊了太多的“如何做”,而我想和大家聊聊“为什么做”。深究竞品分析存在的意义,在实践中设计思路及侧重点将更清晰明确,游刃有鱼。



1.  遵循用户认知


竞品分析能够帮助产品设计,遵循存在已久的用户心智模型和产品实现模型——启发于 《雅各布定律》。


1.1  看似陌生的《雅各布定律》


《雅各布定律》由尼尔森十大原则的创立者、尼尔森诺曼集团的创始人之一,雅各布·尼尔森(Jakob Nielsen)提出。

他认为雅各布定律更像是一种自然规律,只是在描述一个事实,而这个事实就是用户在其他千千万万个网站(产品)上积累经验,学会如何使用网站,当一个网站跟其他网站一致的时候用户会立刻知道该如何操作,但如果违反了雅各布定律,那么用户会毫不犹豫地离开。

简而言之,产品设计需要尽可能降低用户的学习成本,依据用户存在已久的用户心里模型及产品实现模型,进行任务和流程设计。

因为用户已经将大部分时间花在行业头部的产品,这意味如果你希望他们能够愉悦并持续的使用你的产品,那么你的产品需要跟别人的有相同的操作方法和使用模式。


「 YouTube2017年改版前后的对比,在新版中,网站框架和功能上几乎没动,只是在UI上做了顺应新的设计准则,比如调整字体大小、颜色、栏目间距等。整体上和旧版没太大区别,而且还给用户提供了旧版的选择。」



1.2  潜移默化的影响


遵循用户认知,对互联网产品有着潜移默化的影响,也印证了尼尔森的《雅各布定律》。这些“影响”在竞品中随处可见,并且符合设计原则及心理学。


1)一致的概念模型


同类型产品给用户的心理暗示趋于一致,相近的产品实现模型,让用户快速理解产品是如何工作的。


「 社交App合理的概念模型,将会暗示用户如何发展好友关系:精准搜索 → 发送好友申请→ 建立好友关系 → 即时聊天 → 关注动态... 」


用户深受行业头部产品,实现模型的教育,建立了认知及行为习惯。所以我们会发现,行业诞生的新产品及迭代的头部产品遵循着一致的概念模型,规避重新教育用户的成本。



2)一致的交互示能


我们在不同类型的产品上都进行顺畅的操作,是因为产品向我们示意了一致的可交互能力,简称“示能”。


「 文字末位带有箭头,表示可点击查看更多信息;图片带有数字角标,暗示我们可以左右滑动切换... 」


保证产品示能与行业竞品一致,为用户沉浸式体验建立基础,避免用户使用时产生疑惑二次思考。



3)一致的页面映射


当页面映射关系是用户所熟悉的,已存在的认知便可让用户触达目标,免去学习成本。


「 协同软件的消息页面,页面结构及功能分布大同小异,明确地传递各元素之间的映射关系:选中聊天列表的对象,右侧会出现对应的聊天窗口,窗口下方的输入框可以发送新的消息。」



4)一致的视觉意符


主要体现在产品表现层的视觉符号,传达给用户的意义一致。


「 小红点表示有未处理的信息;“笔”代表可填写或修改。」




2.  打破思维边界


为自身产品寻求体验及商业的更多可能,打破既定的思维,是竞品分析的关键。围绕不同类型的竞品,直接竞品及间接竞品,设计师的分析侧重点及借鉴取舍也有所不同。


2.1  取长补短


对于产品目标、核心功能、用户群体高度一致的直接竞品,设计师在明确目标后,梳理核心功能设计与竞品之间存在的差异,取长补短。

剖析竞品体验层比自身产品出色的原因是什么,如何更好地解决用户的痛点;当然也需要反观自身产品存在优势的关键,能否通过数据、反馈再进一步拉开差距。以及如何规避短处...


「 2月登顶免费社交榜的“啫喱”App,通过创造的潮玩虚拟形象的新型社交产品,可进行各类有趣的虚拟形象互动。同样布局虚拟社交的大厂,字节跳动也推出了“派对岛”App,潮玩形象可结合实景化的实时线上活动社区,可以说是各有千秋。

二者便是典型的直接竞品,将会不断的迭代,共同期待他们相互的“取长补短”吧!」



2.2  寻找跳板


由于互联网的信息透明,直接竞品趋于同质化,给与设计师的启发也有限。因此,将目光转向间接竞品是非常有必要的。

寻找产品目标、用户群体相近但存在差异,但业务场景及功能也有一定相似性的竞品,作为思维的跳板,或许能为止步不前的现状注入灵感。


「 Chrome 最近上新的插件 Jam,这款插件可以在直接网页上打标记、录制gif、评论,并且和项目管理工具 Linaer 打通,可及时将信息同步给项目人员,提高项目协作效率。

在企业协作平台中,视频会议、线上协作等协同产品的在线标记功能,完全可以对“Jam”这款插件进行分析,来实现对于关键内容的信息传递流程和用户体验的提升!」



2.3  拥抱变化


尽管有些产品在业务及用户上与自身产品没有重合,但是在行业理念、实现技术、交互行为层面,极具前瞻性。在合适的时机,尝试将前沿的“变化”,融入自身产品,转化为产品设计的亮点。当然这取决于设计师平时对科技、行业的关注及积累。


「 21年飞书妙计上线,令人眼前一亮:飞书可将会议中的音视频内容,实时生成文本形式的会议纪要!

ToB业务中,多人交流协作的场景,比如客户接洽、人选面试,如果相关业务功能加持音视频自动转文字的能力,用户记录内容的体验及效率想必也会有所提升。」




3.  验证设计思路


借助竞品分析,能够帮助设计师发散思维、寻找设计突破点。在设计思路聚焦的环节,我们也能通过竞品分析进行验证。


3.1  源于五要素


资源允许的情况下,设计师可以基于《用户体验要素》中的五要素:战略层、范围层、结构层、框架层、表现层,对竞品进行全方面的竞品分析。

战略层分析主要围绕“为什么开发产品”,我们可以了解竞品的产品目标、用户需求,以及二者结合的商业目标。为了达成最大化商业效益,竞品进行了哪些成功的业务、商业化设计。

自家产品的战略层目标,与竞品的是否有共同点或者相似性。如果有,已制定的设计策略与竞品成功的解决方案是否存在差异,能否解决产品目标及用户需求,在竞品分析中能得到初步验证。


「 鼓励“先进团队,先用飞书”的企业协作平台,飞书桌面端在团队切换后数据隔离展示。也正因如此,左侧导航在常用功能区下方,预留特定区域便于用户快捷切换团队,提高效率;

然而钉钉桌面端在同一个信息容器,展示多团队的协作信息(如即时通讯),将团队切换的功能入口隐藏至二级菜单,尽管有“串场”风险,还是将更多的空间留给常用功能,“让工作学习更简单”。

显然二者的差异化设计,归根于各自的战略层考虑,用于达成特定的产品目标和用户需求。」


范围层等其他几个要素,都能够验证相应的设计思路。



3.2  考证可行性


为了提高团队产研效率及商业效率,设计创新或借鉴都会相对谨慎,避免沉没成本。

所以在一些资源相对紧张的项目中,为了及时验证多个设计方案的可行性,可对竞品类似的功能设计进行分析,再结合现有的资源(排期、开发投入),从多个设计方案中确定解决方案。


「 在系统表单设计中,提交前用户存在多次编辑的诉求。为了给用户提供更灵活高效的体验,关于表单的保存,我们团队预想了3个,在用户体验、技术实现上有较大的差异的设计方向:

  • 1)用户主动触发保存

  • 2)用户离开询问保存

  • 3)系统自动实时保存

显然自动实时保存的体验最佳,也是团队倾向推动的方向。但B端系统中的使用相对少见,考虑用户的学习成本及技术实现,落地及项目收益存疑。

但发现间接竞品,云文档(语雀、飞书文档、印象笔记)的内容实时保存功能,非常贴近我们的体验预设。

最终敲定方向 1,围绕用户构建自动保存的体验认知。间接云文档的实现方式做降级处理,数据仅仅保存在前端浏览器缓存,而不是像云文档一样直接存储至云端服务器。项目落地设计目标,并没有暂用过多的开发资源,项目也如期推进。」


文章来源:站酷 作者:久乔_9Joe
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

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


用户体验设计发展简史你知道吗?

seo达人



history-of-ux

是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员是否让你在等候一阵子之后领你去合适的座位?菜单放在桌子上的什么位置?浏览体验如何?你点了哪些菜?上菜的速度够快么?味道地道么?服务员够不够勤快体贴?你是否还想去这家餐馆吃?

所有的这些问题都关乎你对于这家餐馆印象的好坏,也直指这家餐馆的用户体验本身。

当然,我们通常所说的用户体验(UX)所针对的对象大多是数字和科技产品或服务。这也就意味着,用户体验设计本身至少有着进一步提升的可能性。

现如今,用户体验设计已经成为了一门重要的学科,快速地发展,并且拥有极大的成长空间。虽然这是一门拥有多学科背景的新兴学科,但是向上追溯它的发展历程之时,我们会发现早在文艺复兴时期之前它就已经存在了。

在争论用户体验设计会带领我们走向何方这种大命题之前,回顾一下用户体验设计发展史上的精彩瞬间,应该能给我们许多启发。

公元1430左右:达芬奇的“厨房噩梦”

Michael Gelb 在他的著作《如何像达芬奇一样思考》(How to Think like Leonardo da Vinci)中讲述了米兰公爵委托达芬奇为高端宴会设计专属厨房的故事。这位伟大的艺术大师将他一贯的创造性天赋运用在这次厨房设计中,他将技术和用户体验设计融入到整个厨房的细节里面,比如传送带输送食物,也首次在厨房的安全设计中加入了喷水灭火系统。

davinci

有意思的是,达芬奇的设计很多开创性的设计一样,不足也非常明显。传送带是纯人工操作,工作不太正常,更麻烦的问题出在喷水灭火系统上,失灵的设计捎带手毁了不少食物。

当然,虽然达芬奇的这次尝试令厨房化身为噩梦,但是作为用户体验设计的早期实践,却有着无比重要的历史意义。

20世纪初:Taylorism 和工业革命

Henry_Ford_and_Barney_Oldfield_with_Old_999_1902

作为最早的管理顾问之一,机械工程师 Frederick Winslow Taylor 撰写了《科学管理原理》一文,深刻地影响了工程效率领域的研究。随着Henry Ford的福特汽车实现大规模生产,Taylor和他的支持者们也逐渐完善出了劳动者和工具之间高效协同交互的早期模式。

1948:丰田人性化的生产系统

toyota-commemorative

和福特一样,丰田不仅在设计和生产效率上非常重视,而且对于人工输出效率也非常关心。生产过程中装配工人受到了更多的重视,几乎不亚于对技术的关注。精益生产模式的巨大成功,使得人与技术之间的交互得到了更多的重视。

1955:Dreyfuss ,为人的设计

美国著名工业设计师Henry Dreyfuss 在这一年写下了著名的设计书《为人的设计》(Designing for People)。

dreyfuss-01-458-2

在书中,他写道:

当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。

相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

随着人与产品的接触越来越多,他在书中所讲述的许多设计规则,被大家越来越多地引用。

1966:迪士尼和开心效应

Magic_Kingdom_Construction_08-19711

在迪士尼世界早期建设阶段,Walt Disney 在公告中是这样描述它的:“…它(迪士尼世界)会成为一个坚持使用最新的技术改善人们生活的地方…”他的想象力和技术的结合,为全世界所有人带来了无限的开心和喜悦,并激励着设计师们(尤其是用户体验设计师)前行。

1970s:施乐PARC和个人电脑

pa_alto2

作为施乐最出名的研究机构,PARC为随后大范围普及的个人电脑的设计型态和交互逻辑定下了基调。Bob Taylor,作为一名训练有素的心理学家和工程师,带领着他的团队构建出了人机交互领域最重要也是最普及的工具,包括图形化界面(GUI)和鼠标。(随后乔布斯和盖茨先后访问了PARC,参考了施乐之星的设计,为今天的苹果和微软开辟了通向未来的道路。)

1995: Don Norman,第一个用户体验专家

身为电气工程师和认知科学家的Don Norman加盟苹果公司之后,帮助这家传奇企业对他们以人为核心的产品线进行研究和设计。而他的职位则被命名为“用户体验架构师”(User Experience Architect),这也是首个用户体验职位。

11484403695_e95d161896_b

在这个阶段,Don Norman 还撰写了经典的设计书《设计心理学》(The Design of Everyday Things),直到今天它依然是设计师的必读书。

2007: iPhone

2007年MacWorld上,乔布斯发布了iPhone,称其为“跨越式产品”,并承诺它会比市面上任何智能手机都要易用。随后,iPhone不仅兑现了乔布斯的承诺,而且彻底改变了智能设备领域的格局,苹果公司再一次登顶,成为世界上最成功的公司之一。

only-starter-iphone-jobs-pic-131004

iPhone的绝妙之处在于,它融合了当前最卓越的软件和硬件系统,借助革命性的电容触摸屏而非传统的物理键盘来同用户进行交互。可以说,初代的iPhone所提供的用户体验,远远优于同时代的任何手机。

这也在无意中让智能设备的软硬件研发和相关领域将重心放到用户体验上来。苹果公司强调他们是通过提供出色的用户体验赢得市场成功和无上荣誉,其他人自然而然就跟随这他们的脚步前进。

用户体验的未来

用户体验设计发展史上的每一个重要里程碑,都源自技术和人性的碰撞。互联网和新兴技术正在越来越多的介入我们的生活,我们可以遇见到用户体验设计会来接下来的日子里,一日千里地发展前进。只是这种发展也越来越多地需要专业技能,跨领域协作,多学科实践,比如用户研究、图形设计、客户支持、软件开发等等等等。根据 indeed.com 网站的统计数据,在用户体验设计告诉发展的今天,单过去的15天里,就有超过6000个相关职位的招聘需求发布在网上。

the-disciplines-of-user-experience-design_51029d505f014_w587

互联网不再单纯的局限于我们的笔记本电脑和智能手机,可穿戴设备,智能汽车和智能医疗设备也都会接入网络。全球互联的时代赋予专业的用户体验从业者更重大的责任,用户体验设计也不再局限于屏幕和像素,超出外形,关乎生活每个细节的用户体验设计无时无刻无处不存在。

所以,不论你是达芬奇还是福特,是泰勒还是乔布斯,你都拥有着无限的可能性和海量的机会,改善用户体验,创造更美好的世界。


 

文章来源:优设
优设译者:@陈子木

转载请注明:学UI网》用户体验设计发展简史你知道吗?

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



用户体验设计的自动化正在靠近

seo达人



据Google技术总监RayKurzweil的所说:到2029年,电脑很可能会比人类更聪明,UX的未来也将变得更加自动化。人工智能和机器学习等最新科技已经可以支持需要人类参与的、非线性的、逻辑复杂的任务,技术创新正在改变人们的生活方式。例如科技创业型公司不仅为自动驾驶提供相关建议,甚至可以为节目表演提供更加智能的建议。

在我们创建和使用复杂产品的过程中,自动化发挥着日益重要的作用,我们可以感知到,自动化将在UX用户体验设计的未来发挥巨大的作用。用户体验设计的自动化很可能是接下来影响UX设计整个行业的一件大事 – 无论是优化设计反馈流程,还是改变和精简产品团队的运作方式,自动化都会起到重要作用。自动化正在不断增强我们创造引人注目的产品的能力。

 

设计自动化:迅速将概念转化为高保真原型

通常,UX设计师绘制用户体验地图和信息架构图,并在产品设计的过程中进行用户研究工作。在设计过程中,设计师的典型输出包括:手绘草图,如图一所示。还有流程图、架构图、不同保真度的线框图,如图2所示。这些交付物中的某些-尤其是高保证原型,可能需要花费几周甚至几个月的时间进行绘制。大一般情况下,在设计过程没有完全完成之前,开发人员不会进入开发过程中,因为设计稿为后续的开发提供了指导方向。

图1 低保真用户界面草图

 

图2 低保真用户界面草图

 

因此,我们需要找到优化整个可用性测试流程的新方法,以提高设计的有效性和效率,最终实现更快的信息反馈并缩短验证周期。通过应用自动化技术,如果能够快速的创建低保真线框图,同时生成高保真界面,那么就可以在更短的时间内创建产品的界面,并将更多的时间与精力用于用户研究,最终可以加快提升用户体验的每个环节。

 

自动化蕴含着无尽的机会

Airbnb开创了自动化用户体验的设计流程,成为自动化设计的先驱。在他们的文章“手绘草图界面”中,Airbnb的设计技术主管Benjamin Wilkins和Airbnb的设计技术专家Jon Gold,演示了如何使用专用相机设备和软件实时制作低保真草图和高保真视觉原型,例如图3和4。Airbnb的视觉设计团队最终接受了自动化产出的视觉图并对视觉效果进行调整,事实证明通过创建原型以获得快速反馈和验证设计方案的速度是非常高效的。

图3 Airbnb设计

 

图4 Airbnb的迭代设计

 

“我们将代码作为设计工具去投资。通过代码来处理包括界面布局和设计展示、逻辑和数据等内容的展示。有助于缩小工程师和设计师之间的距离,以及缩短视觉图与线上效果图之间的距离 ”。- Airbnb设计负责人 Alex Schleifer

自动化设计有什么重要意义呢?自动化不是令人印象深刻的相机设备,而是能够引发巨大兴趣的机器学习。它凸显了利用机器学习的无尽机会,优化了产品设计流程,并且能够提供越来越多的价值。未来,只需通过与Siri,Google智能助理或Slack嵌入式机器人交谈就可以设计用户原型界面。“嗨,DesignBot, call to action按钮使用标题蓝色。”正如Airbnb团队所证明的,这一切都是有可能的。

 

利用“设计自动化”创造更好的产品

随着即将到来的自动化设计技术,这对您的团队意味着什么呢?为了为您的团队做好迎接设计自动化的准备,您可以通过以下几种方法无缝地过渡到自动化设计的未来。

 

视觉与品牌设计团队

自动化设计的未来在很大程度上依赖于开发强大的可视化语言,以支持多样的设计组件和设计规范。这确保了跨设备、跨平台的产品都能拥有一致的品牌体验。现在可以花时间准备这些可视化语言,确保它们能够准确描述您的品牌。

 

产品负责人和产品经理

花一些时间去研究并开发加快设计过程的新方法。从创新方法入手,简化产品构思和原型制作过程。如果你不这样做,你的竞争对手当然会。自动化设计不应该成为创意的瓶颈,产品面向的是用户,加快设计过程可以更好地为用户服务。

“测试想法所需的时间应该为零 ”。- Airbnb设计主管 Benjamin Wilkins

 

UX设计师

在日常工作流程中开始使用新技术。不要将自动化视为对创意的威胁,而应将其视为利用创新技术来增强专业知识的机会,通过自动化构建更好的产品。通过减少耗时、重复性任务的时间,可以将更多的时间和资源用来进行用户研究,概念测试或用户验证。这所有事情完全是关乎用户体验的。

 

设计自动化即将到来

在过去几年中,机器学习和AI在改变整个行业的运营方式和业务方式方面发挥越来越重要的作用。由于越来越复杂的流程变得自动化,我们必须专注地去研究自动化与UX设计之间的交叉点,为设计自动化未来的到来做好准备。

虽然自动化不会在一夜之间发生,但像Airbnb这样有远见的公司正在探索在未来成为主流的新型工作方式。由于他们的探索与研究,我们能够更好地评估自动化带来的机会与影响,并了解如何更好地利用这些创新来改进我们的工作方式。无论是个人技能的提升还是设计团队的流程优化,自动化设计的潜力都是巨大的。

 

译者总结

在了解了自动化设计相关的内容后,笔者将现有的产品上线流程与应用自动化设计的产品上线流程进行对比,如图5所示:

图5 应用自动化设计的前后流程对比

 

传统的产品上线流程

需求产出,待需求评审没有问题即进入交互设计阶段(包括初期草图方案绘制,主界面绘制以及完整的交互界面与交互说明撰写),交互设计基本完成后进入视觉设计阶段,同时前端可进入开发阶段;在进行交互设计的同时,后端同步提供接口。开发完成后进入测试阶段,测试没有问题产品可发布上线。上线后收集用户反馈,进入下一轮的产品迭代中。

 

自动化的产品上线流程

需求产出,待需求评审没有问题即进入交互设计阶段,交互阶段草图绘制完成后即可通过自动化技术将草图转化为高保真原型界面(视觉再进行相应调整即可),减少交互、视觉与前端开发的工作量。待前后端开发完成后进入测试阶段,测试没有问题产品可发布上线。上线后收集用户反馈,进入下一轮的产品迭代中。

为了便于理解自动化技术,译者简单总结一下自动化技术的实现原理:自动化技术依赖前端强大的可视化语言,需要强大的前端组件库来识别草图中的占位符含义。例如,当在草图中绘制一个占位符时,通过智能化技术自动识别该占位符在产品中所代表的组件,进而生成高保真的用户界面。因此,可以迅速看到产品从草图阶段到上线后的效果图,也便于对设计方案进行及时更正。

 

结合两种流程对比,译者结合自身工作经历总结了应用自动化设计的三点优势:

(1)迅速验证多种设计方案

在项目迭代周期紧张的情况下,设计师缺少额外的时间和精力来设计多种方案,更无法验证哪种设计方案能更好地解决用户需求。精益设计时代,很难对每次的设计方案进行可用性测试。而自动化设计过程中,可以直接将设计草图转换为可点击的高保真原型界面,交互设计师有更多时间和精力来绘制多种设计方案并利用高保真界面进行用户测试,从而迅速调整设计方案使其能更精准的帮助用户解决痛点,从而提升用户体验。

 

(2)提前开发节点,缩短项目周期

原有的开发流程中,在需求明确之后,后端可以同步开发某些接口,而前端开发需要等完整的交互界面绘制完成后才能进入开发阶段,这导致项目周期很难缩短。自动化设计在交互设计师完成草图后前端开发即可进入开发阶段,将开发节点提前至操作阶段,可以明显缩短项目周期,提高产品迭代效率。

 

(3)迅速验证需求是否被满足

笔者在工作过程中发现,B端产品的用户在交互评审的过程中会否定自己的需求。产品经理收集需求的过程中,用户提出想要满足A需求。在A需求的设计方案完成后,用户看到设计界面时经常会提出自己想要实现的需求并非如此。

即,由于B端产品的专业性特殊性,用户在未看到设计界面之前并不清楚自己的需求是否得到满足。

因此,利用自动化设计可以迅速将需求转化为设计界面以进行用户测试,快速试错以明确用户的需求是否真正得到满足。

 

封面作者:Paul Olek

原文地址:网易UEDC(公众号)

作者:仉长娟

转载请注明:学UI网》用户体验设计的自动化正在靠近

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

在不同屏幕和设备上创建用户体验设计的8个步骤

seo达人


1. 确定核心用户体验

每个产品都有核心的用户体验,这基本上是它存在的原因。它解决了人们所面临的问题,而且为他们提供有意义的价值。关键内容和功能的组合代表了核心的用户体验。要查找你的产品核心用户体验,就要问自己一个问题:“客户需要完成哪些最常见和最重要的任务?”在你用于产品的每个渠道上支持这些核心任务的本质至关重要。例如,Uber的核心用户体验是任何时间随叫随到。无论屏幕尺寸如何,此功能都能在每个设备上正常工作实现这一目的。

Image title

                             预约出租车是Uber用户最重要的任务。用户可以使用Apple Watch完成此任务。图片来源: Techcrunch

 

2. 定义产品的设备组

尽管存在大量不同屏幕尺寸的设备,但绝对不能定位各个设备,可以根据用户可能关注的任务定义产品的设备组。最常见的设备组是:

移动手机

平板电脑

台式电脑

智能电视

智能手表

Image title

不同的设备组在不同的上下文中提供不同的服务:用户根据他们正在查看的屏幕的类型参与不同的交互模式。例如,手机主要用于微任务,并且具有较短的用户会话。平板电脑主要用于内容消费,目前不被视为大多数人的工作工具。在了解各种设备类型的基本上下文的假设对于构建一个好的用户体验是至关重要。

 

3. 适应每个上下文使用的体验

确定产品的核心用户体验后,选择一组你希望支持的设备组,你需要调整每个组的体验(对于每个上下文的使用)。上下文的设计在不同设备组设计时尤为重要。

第一,并非所有功能都在所有设备上都有意义。你需要确定你的产品在多个设备组中使用的不同场景,并设计适合每个场景的体验。例如,通常移动用户比电脑用户想要的不同于产品。以 Evernote为例,可以在多台设备上使用流行的笔记本产品。其电脑版本针对内容消费进行了优化:

Image title

                           用于电脑版本的Evernote应用程序被优化用于阅读文本和查看媒体。

 

而移动版本是针对拍摄笔记、照片和捕获音频进行了优化的:

Image title

Evernote了解移动环境:它利用设备功能,并提供快速保存想法的方式(添加文本笔记,捕获照片或设置提醒)。

 

第二,不同的屏幕允许不同的输入法。以触摸输入为例。在设计具有触摸输入(移动手机和智能手机)的设备时,设计师会犯的几个常见错误包括:

小的点击目标。点击目标(如CTA按钮)必须具有足够大的尺寸。通常至少7毫米是足够的,但最好使用10mm触摸目标尺寸。

Image title

                                      图片来源:UXMag

 

将项目过于紧密地放在一起。你应该考虑点击目标的大小以及它们之间的间距,因为间距有助于分离控件,并给你的用户界面提供呼吸的空间。建议的间距至少为23pt以防止输入错误。

Image title

                                                                                      按钮之间的间距

使用悬停状态。但在触摸屏上,没有“悬停”。

 

4. 最小屏幕设计

历史上,设计师一直从事大屏幕到小屏幕的设计工作,这意味着第一个也是主要设计是为了完整的电脑桌面视图(它具有最多的功能)。只有电脑桌面设计完成后才移植到移动设备和其他设备组。但当设计电脑桌面时,我们通常面临“厨房水槽”问题:许多功能被添加到产品中,特别是当涉及多个利益相关者时。这并不奇怪,,当你有很多不动产时,添加功能是比较容易。实践经验清楚地表明,最好使用移动方法进行设计,并通过与用户相关的最小屏幕创建应用程序。

当你首先设计相关屏幕的最小尺寸时,它会强制你决定最重要的。一段时间后,你将采用同样的方法仔细选择产品的其他版本,无论是电脑桌面设备,平板电脑还是电视。

Image title

在大多数情况下,手机将是相关屏幕的最小尺寸。如果可穿戴设备对你很重要,那么你将需要考虑具有更小分辨率的微型屏幕。

 

5. 不要忘记大屏幕

想想大屏幕以及小屏幕,给大屏幕和小屏幕提供同样的注意力:

不只是缩小设计,使其适合那些大屏幕。充分利用你可以使用的额外空间。

Image title

                                                                                           图片来源:Wikipedia

 

确保图像不会因为屏幕尺寸的放大而失去质量。

Image title

                                                左:低质量图像。右:正确的分辨率。

 

考虑大屏幕细节。每个设备组都有自己的不同。例如,电视屏幕的设计被称为“设计10英尺体验”,因为从沙发的距离来看,与电脑桌面屏幕相比,屏幕上元素的明显尺寸明显更小。

Image title

                                                                 电视的用户界面元素应大于电脑桌面。图片来源:Samsung

 

6. 提供一致的体验

一致的体验意味着应用程序及其在所有屏幕尺寸上的体验都是相似的。无论设备如何,一致的用户体验是成功的全通道用户体验的关键组成部分之一:

对未来与产品的交互设定期望,并建立用户信心。

一致的体验使得你的产品在其他设备上与用户的交互更容易。

你可以将它们视为相同体验的方面,而不是将设计定制到越来越多的屏幕和设备中。例如,Google搜索应用在所有设备上提供相同的搜索体验。

Image title

                                                 当设计和功能一致时,用户可以在他们选择的设备上更快更有效地完成任务。

 

7. 创造无缝体验

跨不同设备组创建无缝体验对你的用户非常重要。人们可以自由地在设备之间来回移动,完成任务,或当他们从设备转移到另一设备时,他们期望他们的产品和服务与他们一起转移。这意味着用户不必考虑他们正在使用的设备,环境的变化或上下文的变化,并且可以依赖于设备良好的功能性和独立于设备的易用性。

Image title

                  大多数人如何走过他们的一天,他们访问的主要屏幕。图片来源:Intercom

 

根据使用情况,你可能希望确保每个设备上的内容消耗量同步。以Apple Music为例:你可以在Mac上设置播放列表,并在iPhone上即时播放,也可以开始听iPhone上的歌曲,当你转到电脑桌面时,你将被拍摄回到你在iPhone上。

Image title

                                                                  Apple Music可以很好地处理多个设备的同步。

 

8. 测试你的设计

在测试环境中有效的并不总是在现实世界中。在实际设备上为实际用户运行可用性测试,你可以在发布之前发现用户体验的问题并解决它。

 

结论

在设计多个屏幕和设备时,最好的策略是保持最终的用户体验。作为用户体验设计师,你必须评估产品的使用时间,位置和方式,以评估用户的最佳体验。无论你的内容是什么尺寸的屏幕,用户都希望在各种设备之间获得流畅的体验。

 

原文地址:Adobe Blog

译文地址:UI中国

作者:Nick Babich

译者:SKYUI

 

转载请注明:学UI网》在不同屏幕和设备上创建用户体验设计的8个步骤

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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



了解什么是用户体验设计?

seo达人


 

1. 什么是设计?

一说到设计,很多人都会想到天马行空的插画,各种漂亮的手稿等。那么设计就是单纯的漂亮的外形嘛?设计等于艺术嘛,我们首先来看一副毕加索的作品。

单看这幅画,你能从中感受到什么?你能理解作者想表达的什么含义?每个人看到的可能都会有不同的理解,甚至有的人会说“我完全看不懂”。那么接下来在看另外一副作品,这是某用户体验设计师的作品。

 

undefined

内容包含草图(线框图),页面流程,简单的交互说明等。他看起来简单明了,所有的用户一看都基本能了解简单的操作流程,它是专业而理性的作品。由此可见,艺术是感性的,而设计师相对理性、精密的。它是居于大量用户数据而分析出来的最适合、最合理的方案。

 

2.如何做好用户体验设计?

那什么是好的设计那?不让用户思考,趣味横生的那就是好的设计。

那怎么做到以上的这些点那?我们就需要了解“人”,观察“人”。做设计,归根结底就是为了解决“人”的问题,是为了让“人”从中获得良好的体验。那么这就需要了解“人”的想法、行为、习惯等,学会换位思考。多注意观察“人”的日常行为是一个号的习惯,但是注意不要以偏概全,而是多思考背后的原因,多归纳人的共性。

举个例子,比如淘宝的收藏夹和购物车页面,它们的内容其实是相似的,都是包含图片、商品名称、价格等元素。(如下图)

 

 

 

如果按照正常逻辑,这2个页面展示的东西一致,那么设计的界面也会类似,有的其他网站甚至把这2个页面做成了相同的页面样式。但是为什么淘宝会把2个页面区分开来,做成不同的样式那?这正是考虑到用户的使用情景和心里感受。购物车里面的商品都是用户购买意愿比较强的商品,所以不做强调处理,只做简单的信息展示排列处理,简洁明了,不过多干预用户,方便用户迅速下单。而收藏夹的商品是用户不急于购买的商品,所以收藏夹的设计会突出图片、评论、人气等内容,吸引用去购买的欲望,那收藏夹就达到了它的目的。所以展示同样信息的页面,根据用户使用情景不同,页面设计也会有所不同。

在此基础上,设计师还需多听用户的反馈意见。很多时候你对这个产品太过熟悉,很多东西已经习以为常,而用户却可能并不了解。多听听用户的反馈意见,才能更快发现设计上的问题以及用户的困惑,做出更受用户喜爱,用户体验良好的产品,这也是设计师的工作的目的所在。

 

那么所有的用户的反馈意见都要采纳嘛?事实并非如此,用户说的不一定是心中所想的、用户没有表达出自己真实的需求、用户的意见不专业。这就需要设计师去思考用户需求的本质,只是盲目的顺着用户的要求走,那么最终呈现的也不是最合理、最严谨的设计方案。

福特汽车公司的建立者亨利·福特曾说过这么一句话:“如果我问我的用户,他们可能只会说要一匹更快的马”。如果福特没有思考用户需求的本质,那么就不会有后来伟大的福特公司了。

交互设计师接到PRD需求往往可能是一个苹果,但是他们可能更需要个橘子,那设计师就需要把苹果换成橘子,在进行加工榨成橘子汁提供给用户。(如下图)

 

undefined

 

由此可见,设计师需要倾听用户的意见。但也不能一味的跟着用户的节奏,被用户牵着走,而是应该理性对待用户的需求,分析用户的根本目的,解决深层次的问题,而不是停留在表面。

 

3. 设计规划

在我们顺利理清需求以后,我们便从需求阶段顺利过渡到界面阶段,并可以在此基础上继续细化界面。

人们在处理信息,学习规章和记忆细节方面的能力是有限的。选项越多,步骤越长,用户需要耗费的注意力和理解力就越多。所以设计师在此基础上要减少多余的步骤和干扰项、优化操作过程,做到操作前可以预知、操作中有反馈、操作后可撤销。

情感化的设计更能快速的捕获用户的芳心,建立符合用户心理模型的设计,能让用户快速上手使用产品,不用进行过多的思考或花时间精力来学习如何使用该产品。如下图所示的2款天气的应用软件。

 

undefined

 

单从界面逻辑上看,第一款的应用在逻辑上更为清晰,用户理解起来不存在任何问题。但是用户看到这个界面的时候可以直观的感受带今天是不是很热,明天是不是很热,在感受上不会那么直接。而第二款应用,通过颜色的变化和数字的高低,能让用户更贴切的感受到天气的变化。所以,设计不仅要逻辑清晰合理,更要能够令其产生认同感和情绪体验,与界面产生情感互动,从而能引导用户积极操作。

 

4. 结果

从上面的各项例子中可以看出,好的设计首先是要解决用户在某个实际场景应用下发生的问题,会让这个产品更易用,更受欢迎,最后会给用户留下美好的体验。视觉体验只是整体体验的一部分,它并不是设计的全部。

因此,用户体验设计首先应该是理性的,其次才是感性的。只要你的方案能够解决用户的实际问题,又能带给他好的感受,用户就容易感到满意。


 

作者:流年

 转载请注明:学UI网》了解什么是用户体验设计?


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

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

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

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

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


日历

链接

个人资料

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

存档