首页

什么是“高级感”的设计?我总结了这3个要点!

资深UI设计者

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

设计师们,经常听到需求方说:「我想要那种很有高级感的设计」,看到T台上的超模,你可能会忍不住说:「啧啧,这张脸真高级」……

但是,每个人对「高级感」定义不同,它会受到个人审美、教育水平、成长环境、文化价值等因素影响。那么,这个被人们天天挂在嘴边儿的「高级感」到底如何定义,标准又是什么呢?

今天就跟大家分享下,我最近的相关思考。

一、什么是高级感?

关于「高级感」,百度百科上并没有这个词条,在一定程度上可以说明,这个词本身就是很难定义的。

我尝试着换个思维方式,看看什么是低级?低级意味着:多欲求的、简单的、盲目的。那么,反过来看「高级感」,大概可以解读为:克制的、的、特立独行的。

1. 克制的

说到克制,我想到了德国工业设计师 Dieter Rams,他的「设计十戒」中有提到「好的设计是尽可能的无设计」,体现出简洁、克制的重要性。

比如:无印良品,在「性冷淡风」的背后充满了对欲望的克制。

产品设计以更亲近自然的棉、麻、羊毛的材质配上木本、黑、白、灰色。不管是从造型,还是从用色上都极度的克制,但是给人高品质,很舒服的感受。

反而下图,高饱和度和纯度的配色设计,给人有一种反自然的,人工造的颜色的感觉,显得服装比较廉价。

那么,品及时尚圈的设计,又是怎么考虑呢?

可以看出,他们服装从简单利索的剪裁,到高级灰(莫兰迪色)的配色,正是我们所说的「克制」,给人一种奢华且高级的感受。

为什么克制的用色,给你高级的感受呢?因为,这样会削弱色彩对人情绪的影响,反而有治愈的能量,有一种颓废的性感。

下面这幅画,是意大利20世纪著名的版画家,油画家乔治莫兰迪的(莫兰迪色也是根据他的名字而来)。在他的画里,所有的色彩都渗入了灰色和白色调,失去了原本或艳丽或凝重的本色,柔和优雅,而又统一的混合在一起。用现在的话来说就是:克制、留白、极简。

目前很多服装设计、室内设计都在效仿这种配色方式,显得更有品质。

比如,今年热播的《延禧攻略》,一改以往流量电视剧那种高饱和度,艳丽的配色,犹如一股清流,让人眼前一亮,感觉把整部剧都带的高级了很多。

以上可以看出,克制的造型及用色、适当的留白、极简的画风,反而显得更加自信,从而给人传递出高级的视觉感受。

2. 的

人们常说,细节决定成败。其实,让人们感到「高级」的事物,都有一个共性:对细节追求。

比如,前段时间看快乐大本营,里面对《延禧攻略》中演员服饰的刺绣细节进行讲解,当时何炅用「很高级」夸赞。

我就在想,是什么触发了他评价「高级」。

后来发现,是因为剧中人物服装上的刺绣全是纯手工的。针法多样,包括复杂的手推绣、打籽绣、磐金绣、珠绣……而且,团队都是曾经参加过故宫文物翻修的匠人们。

为了无条件的贴近历史,这一件皇上的衣服花费了8个工人半年的时间进行制作。

因此,让何炅潜意识里感到「很高级」的,正是因为仅仅为了一部电视剧,在演员服装上耗费这么大的功夫,这种对细节的追求。

再拿科技产品举例,比如:iPhone,由于「对称设计」可能是人们能感知到的最原始的美,很多情况下手机受限于内部设计,很难在表面做到对称。

但是 iPhone 为了遵循「对称式」设计,投入非常多的人力去解决(上面),而对比三星Galaxy S6 的设计(下面),看起来就略显尴尬。

它们对产品每一个方面都精雕细琢,尽管用户不一定能注意到,这种工匠精神,让人们觉得苹果手机不仅仅是一款产品,更像是一件艺术品,同样给人高级的感觉。

3. 特立独行的

人类本能习惯于盲目追随、容易妥协。因此,独立思考、特立独行且自信的人或事物,常给人很感级的感觉。

比如,在网红脸盛行的今天,随便逛个街,都充满了浓浓的玻尿酸和欧式平行大双眼皮的味道。虽然并不丑,但是总觉得不够高级。比如,柳岩就评价过自己属于「低级脸」。

为什么超模那样高冷的脸蛋会给人一种高级感呢?

因为,她们有特色的五官长相,意味着不向大众主流审美屈服和妥协,而且非常自信。同时,高级感也意味着,在 TA身上看不到欲望、谄媚和讨好。

再比如,日本的服装设计大师——山本耀司。在人们都追求时尚和潮流,偏爱女性婀娜的曲线和靓丽的色泽的时候,他却以反时尚设计而著称。

他大胆发展日本传统服饰文化的精华,具有独立思考,形成一种反时尚风格。这种与西方主流背道而驰的新着装理念,不但在时装界站稳了脚跟,还反过来影响了西方的设计师。

总的来说,高级感是克制的,它极简、低调、且优雅;高级感是的,对细节的完美追求、具有匠心精神;高级感是特立独行且自信的,不盲目追逐潮流、不讨好、不妥协。

二、高级感的接受度?

虽然我们认为「克制的」、「的」、「特立独行的」给人以高级的感受。但是,真的是所有人都能接受吗?

不可否认,有的人就是觉得花里胡哨的东西很高级,比如:在美甲上镶一些比吊灯上还大的钻;穿一双松糕鞋,鞋底恨不得比自己小腿肚还高。

因此,我就在思考两个问题:影响审美的因素;大众对「高级感」的接受度。

1. 影响审美的因素

不管是个人审美、教育水平、成长环境,还是价值观,我觉得决定审美的背后,是「经济」这只无形的手。

不知道你有没有发现一个规律,越落后贫穷的国家,却喜欢艳丽的、繁杂的设计。

而相反,越发达的国家,反而更青睐简约、淡色。

原因是经济落后的国家,人们缺少的是「丰富」,想要的更多色彩,更多花样。

而经济发达的地方,人们已经拥有足够多,因此,内心中追求更多的是:我需要什么?我是谁?什么对我不重要?

人们对过于爆炸多样的商品会感到「焦虑」,「害怕」因为选择的太多,反而想要抽离。

因此,像无印良品这类克制的、做减法的、回归本质的物品,反而受到人们喜爱。

2. 大众对「高级感」的接受度

这里的「大众」就先指我们中国大众吧,他们能接受「高级感」的克制,极简吗?

我们从消费时代进行分析,目前日本处于第四消费时代,它的特征就是上面所说的,不再盲目的追求品带来的满足感,而是追求除了物质以外什么才能让人变得幸福。

而中国呢?

大多数人认为,中国正处于第二、第三、第四消费时代共存期。在偏远的农村,处于第二消费时代,他们的观念是「大的就是好的」,「繁琐是好的」;三四线城市,处于第三消费时代,他们的观念是「个性化、品牌化」追求与众不同,喜欢名牌货;一二线城市,处于第四消费时代,更加崇尚无品牌,休闲倾向,整个社会趋于共享。

但是,我认为,随着中国经济近几年迅猛发展,互联网的快速普及,大家接受信息的程度慢慢趋同,就算非一二线城市,大家的消费观念及审美水平也在随之改变。

比如:抖音里,很多四五线城市的小姐姐们,穿衣及化妆风格都很ins风;同时,越来越多不因为取悦男性,而是突显独立女性的打扮。

越来越多的北欧极简装修风的流行……

总的来说,大众的审美水平和消费观念会受经济的影响,而中国大众的消费观念正在往第四消费时代慢慢转变,对真正「高级感」的事物,接受度越来越高。

三、互联网产品中高级感设计

上面举了很多传统行业案例,其实互联网产品设计中,也在往「高级感」方向走,践行着「极简」和「克制」的理念。

比如:年初的谷歌「ALL-White」风。众所周知,谷歌的设计师是极简主义界面的忠实粉丝。

下面是优化前后对比,移除大面积的色块,采用大面积留白,体现现代、简约的感觉。

移除多彩的图标,采用极简的线性表现方式。

再比如,百度的设计,一年前也在「高级感」的设计理念上进行深挖和落地。

从以下两个维度可以看出:克制的配色;的细节。

1. 克制的配色

拿「简单搜索」举例,它是百度的一款搜索APP,以简洁清爽的视觉体验,简单的操作交互,吸引了大量用户,而且零广告。

在界面的用色上,非常克制,采用以「黑、白、灰」为主,目的是为了让用户聚焦内容本身,而不是为了设计而设计。

包括 icon 的处理,以纯色的线性为主,更加现代、简约。

2. 的细节

大家都知道,黄金分割是最普遍也是最能引起人美感的。我们所熟知的蒙娜丽莎的脸、雅典的帕特农神庙等都应用了该比例设计。

其实,在看似普通的百度搜索首页,同样遵循着这个比例,让有规则的美,严谨的融入其中。

包括栅格系统在设计中运用,这种来源于数学的美学,将有助于用户,更有效和愉悦的阅读及获取内容。

以上可以看出,不管是传统行业还是互联网行业,亦或者是未来的人工智能的设计,都在往「克制」、「」的方向发展,让人人都能享用到优质、高级的设计。

总结

总的来说,「高级感」意味着对设计保持克制的、对细节追求、拥有独立思考的产物,而且,随着经济的发展,人们的审美和接受程度也发生着改变,追求真正高品质的设计。同时,不仅传统行业在践行「高级感」的设计,互联网的产品设计也在朝着这个方向发展。

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

想创造一套自己的视觉语言,要从哪几个方面入手?

资深UI设计者

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

我们使用语言与人进行沟通,传达信息,记录内容,而视觉语言也发挥着类似的作用。从色彩到排版样式,从插画到品牌构建,视觉语言同样承担着类似的功能,它和传统的语言有着类似的特征包括结构化和沟通功能。

所以,视觉语言也是规范化的,标准化的,它足够自由,也保有约束。视觉语言本身也可以具备足够明显清晰的特色,就像每个人的表达方式和口音一样,这使得视觉语言本身可以强化和凸显品牌特色。那么想要创建一套属于自己的视觉语言,可以从下面的9个方面入手。

1. 构建品牌独有的配色方案

我们总是说,色彩和形体是用户第一眼最快注意到的东西。配色方案的视觉表现力最强,这使得配色方案成为视觉语言中辨识度最高的组成部分。配色方案本身需要具备一定的独特性,确保它整体上能够让人记住,区别于其他,品牌不至于在繁杂的互联网世界中迷失,也不会让用户无法记住。

另一方面,配色方案应该具备良好的兼容性,能够调和品牌不同模块,比如网站、APP、社交媒体、包装、名片等。

配色也应该体现品牌的价值。想想麦当劳的配色吧,黄色和红色为主。这两种色彩本身能够触发幸福(黄色)和饥饿(红色)的感觉,两者搭配加上经典的金拱门的LOGO,麦当劳的视觉识别度可以说是相当高的。此外,麦当劳旗下的许多其他的设计,也是在这个配色的基础上构建的。

2. 构建排版的层次结构

排版层次结构的构建,和选择字体同样重要。不同的排版层次,能够给人截然不同的感受,清晰还是粗糙,雅致还是有趣。在排版的层次结构上,并不存在对错,更多需要考虑的是合适不合适,风格和感受上的一致性。

当然,不同层级的信息,在排版层级上还是要有比较清晰的体现的,大小疏密对比度不足,会难以让用户感知到内容之间的重要性的差异。

以 Airbnb 为例,网站的排版有着清晰的层次结构,字体的大小、字重、间距和配色都已经标准化了。相应的,给人的体验也始终保持着应有的一贯性。

3. 建立栅格来规范内容之间的空间关系

视觉元素之间的位置关系,和它们本身的设计是同等重要的。如果你希望整个设计在细节上是清晰明确的,那么栅格会给你想要的。

FreeCodeCamp 对此有很明确的描述:

栅格赋予了UI界面元素以模块化的清晰结构,这使得整个设计团队能在此基础上更好地合作。这使得产品能够快速清晰地输出到不同的平台上。如果你是基于某个想法来构建概念设计,那么这种方法更加实用有效。

简而言之,栅格让视觉呈现的复杂度降低了。

4. 创建组件库

从按钮、图标再到卡片,你应当创建出一整套可用的、风格一致的UI组件库。

同样功能的控件,在页面不同的地方、或者不同的页面上有着截然不同的风格,是让人迷惑而糟心的。一个好的组件库,应当包含全部常用的UI组件,以及针对 iOS 和 Android 平台所适配之后的UI组件。虽然构建组件库本身的工作量并不小,但是在完成之后,能让后续的工作事半功倍。

5. 强调图片的风格和特征

在诸多图形化的元素当中,图片和插画是视觉性最突出的元素,这也是整个视觉语言当中最重要的因素之一,因为它从某种意义上是和品牌关系最紧密的素材。

构成视觉语言涉及到图片素材的方方面面,构图,色彩,滤镜,甚至相关动效的细节。

下面是 Smashmallow 中的网页设计,即使它们并不是同期设计也不是服务于相同的功能,但是很明显插画所采用的视觉风格是一致的,并且每幅插画当中都使用了共同的元素:热气球。这一元素和品牌本身是有着紧密关联的,而用户也可以从这些插画图片的内容,迅速意识到品牌本身的一些概念。

6. 为动效设定规则

动画效果同样是要遵循一些规则的。是快速移动还是慢速移动,是悬停触发还是自动运行?这些动效的运动规则其实是有着明显的视觉识别度的,就像日漫和美漫在视觉和运动规则上存在差别一样。

就像下面这个来自Dribbble 的动效,它大体上做着匀速的圆周运动,速度适中,其中有些元素并没有完全按照圆周运动。那么想想看,是否所有的做圆周运动的物体都和它一样呢?它们是否会带来不一样的视觉观感呢?

7. 让视觉和文本内容匹配起来

视觉语言并不是只涉及到视觉元素,文本并不是与之割裂的,在设计的时候,两者需要合理地配合,在体验上达成一致,传达一致的信息。

在下面的 Steffany 这个网站当中,整体设计呈现出非常明显的女性化的特征,文本内容在表达方式和调性上和整体的视觉语言保持着一致,并没有出现两者冲突或者竞争的状况。

8. 可信且可靠

视觉语言只有在用户接纳的情况下,才会地发挥作用,它要给人可靠的感觉。所以,整个视觉语言需要和你的品牌定位、气质表里合一,而不能让设计和产品、企业的气质割裂开来。

你能想象没有主角的芝麻街会是怎样的一种气场么?

整个品牌和视觉形象都是围绕着 Big Bird 和 Elmo 等角色建立起来的,每一个细节的设计都是围绕着这些角色来创建的。注意网站中角色和其他视觉元素之间的映射关系,它们让用户清晰地感知到角色和整体设计之间的关系是表里如一的,这使得整个网站的设计更容易为用户所接受,视觉语言在此发挥了作用。

9. 落实到具体标准文档当中

整个视觉语言在构建起来之后,需要保持各方面的一致性,在具体设计的时候,则得有一份详实具体的设计文档供整个设计团队和利益相关人员,作为参考。所以,完成整个设计之后,将整个视觉语言相关的内容和素材制作成设计风格指南,和整个品牌的设计规范统一到一起。

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

埃森哲设计思维成就价值创新:从“外在美”到“内在美”

资深UI设计者

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

领先企业已经认识到,设计不仅仅停留在产品的 “外在美”,而应聚焦在更具商业价值的“内在美”。那么,如何实现通过“内在美”创造价值呢?答案就在设计思维。

在数字化变革时代,更好地理解和分析数字消费者成为每个企业的核心要务。同时,如何将分析结果转化为创新的产品和服务——更是为决策者提出了新的挑战。“设计思维”作为一套完整的“以用户为中心”的方法论和工具包,为企业重塑“客户价值”、实现服务创新,提供了切实的方法指引,而这一切的终极目标是成就企业价值。

 

1、什么是设计思维?

简单来说,设计思维来自“设计师思维”,是一套基于“以用户为中心”的创新方法论。

在数字时代,消费者的使用动机和行为模式更复杂多样,企业竞争环境也更加复杂多变。对于决策者而言,客户体验、场景、触点、旅程优化等词汇已经不再新鲜。

摆在企业战略制定者们面前的问题是,如何以一种全局视角去理解客户,并让组织运作回归“创造客户价值”,不断创新。埃森哲《2017年技术展望》通过针对全球企业领袖的一项调研发现,79%的受访者认为,组织进化的目标就是——更好地研究消费者使用行为和动机,并提供行业领先的客户体验。

与此同时,面对产品服务创新面临的内外部不确定性,企业决策者往往陷入两难困境:即一方面,鼓励组织内部大胆试错、大胆创新;另一方面,又希望创新过程管理有序,并能量化创新结果。

于是诸多企业领导者重新思考创新模式,并在设计师们那里找到了创新灵感。

企业进一步把设计师的工作模式抽象提炼出来,逐步形成了设计思维——这套结构化地理解消费者习惯、行为、喜好和需求,并产生设计机会的方法论,希望从中找到在数字时代突围的机会。

比起科学研究人员或者销售人员,“设计师”面临的问题、合作对象和产出方式有不同特点,甚至更加复杂。不论什么类型的产品,设计师的思考模式往往是,从不断变化的用户或者市场需要开始,兼顾生产水平和工艺限制,以可执行的产品方案结束。设计过程通常都会融入反复的内部讨论、看似混乱的草图、无情的推翻和修改和某个必要的“灵感爆发”时刻。

创新思维本身也是在不断迭代,我们姑且将其定义为1.0、2.0和3.0版本(见图一)。

 

2、当设计思维遇到传统企业

对于传统企业而言,创新更是当务之急。而设计思维的成功运用,无疑能够为传统企业插上创新的翅膀。

《哈佛商业评论》就曾以百事公司为例,分析这家传统快消业巨头,如何通过设立首席设计官,将设计思维融入公司文化,并在做任何重要决定时都要考虑设计的因素,完成从新产品、包装、陈列到品牌体验的成功创新。随着诸多传统企业将创新思维应用在各自的创新领域,“设计思维”已经在过去的十几年,从产品规划方法,发展成为了一套系统化的创新方法论。

在新的语境下,设计思维已经发展成为一系列“以用户为中心”的工具和方法集合,这里既包含产品设计模式,也包含组织协作模式;不仅从内涵上,在外延上,这种思维方式也从产品优化,进一步拓展到服务重构、流程设计,乃至实现突破性的商业模式创新。

设计思维3.0作为系统化的创新方法体系(见图二)可以看做以下三项模式及其工具方法的合集:

  1. 以用户需求导向的分析模式:倡导从市场和消费者的需求中挖掘尚未被满足的服务机会,通过调研真实用户获得设计洞察,寻找弥补需求断层的机会;
  2. 创新式的组织内协作模式:设计过程应由跨团队共同碰撞、讨论完成;过程中采取共创(Co-creation)模式,鼓励引入专家用户直接参与设计。
  3. 产品化的问题解决模式:设计过程的实质是解决问题,而交付的结果应是可不断迭代的产品。

 

3、像设计师那样工作

要实现“设计思维”:

第一步需要转换思考角度,理解分析“用户是谁”、“用户想要什么”,发现有价值的设计机会在哪里;

第二步结合技术的可实现性,筛选可以被技术解决的机会,并拼搭出未来的产品蓝图;

第三步基于实现的需求,做出分步规划,从框架到细节逐步交付。

从产品蓝图来看,前面一个阶段属于需求的汇集;后一个阶段属于需求的延展(见图三)。

以下按照三个步骤,列举设计思维倡导的核心方法:

第一步 理解发现:基于用户需求的分析模式

成功的产品始于对用户需求的发现和理解(见图四)。

颠覆了酒店住宿行业的Airbnb在创立初期,新用户和预定量增长停滞不前,创始人之一同时也是设计师背景的布赖恩·切斯科(Brian Chesky)通过深入对种子用户的理解,发现这些尝试租赁共享房屋的用户最为关心房源状态和特色。

基于这一认知,切斯科和创始团队做出了可能是Airbnb初创期最重要的决定,将最后的预算用于租赁专业摄影设备,并按照用户关注的维度去重新拍摄房源照片,从色彩、角度和细节等方面,去强化共享房屋和酒店的差异,最终这批照片上线后为Airbnb带来了100%的预定量增长。而Airbnb更强化了图片优先的整体策略,时刻关注用户体验,成为这家估值超过300亿美元的共享经济巨头持续增长的基石之一。

设计思维强调把消费者当做立体的“人”来看,了解“人”的习惯经验如何对其购买、使用产品产生影响,分析其在服务各阶段的感受是什么,情绪如何变化。那么,如何了解如此复杂的“人”呢?

设计师们从心理学和人类学家那里借鉴了一些常用的方法,如采取实地观察、跟踪和访谈等方式,记录用户行为的“人种志”研究;又比如场景分析,提倡对产品的使用环境(自然与社会环境)进行记录和分析。

 

第二步 蓝图定义:创新式的组织内协作模式

面对数字时代消费者不断变化的需求,面对数字化触点大爆炸的现状,在规划设计的初始阶段,企业迫切需要对用户场景进行梳理,采取全局视角去发现待满足的创新机会点(见图五)。

从组织内部看,也需要更为有效的沟通和协作方式。设计思维倡导通过系统化的方式去寻找这些创新机会,其核心思想是:对全局信息的可视化表达,以及跨领域的相互激发。

设计思维鼓励在团队协作中使用创新手法,如头脑风暴进行穷举(Brainstorming)、可视化的方式表现、角色转换(Body Storming)以体会用户感受等,甚至在蓝图规划过程中直接邀请客户或者最终用户参与,以共同设计的方式充分交流和激发,目的是打破团队壁垒,共同以用户视角进行问题定义和讨论,形成统一认识。

埃森哲在帮助某国有银行进行数字化体验再造项目时,发现由传统的业务部门“提出需求”到技术部门“执行需求”的工作模式不仅没有提升效率,反而由于高昂的沟通成本,减少了各方对创新的意愿和投入。

在埃森哲的建议下,将传统的单向需求汇报模式,改为周期性设计创新工作坊。通过系统化的梳理金融类消费者的使用习惯和需求,将未来蓝图的规划与企业整体目标有机结合,找到了适合该企业的创新设计方向。而持续的跨部门合作,也提前统一了创新方向并确保结果落地。

 

第三步 迭代交付:产品化的问题解决模式

有一种理解认为,设计思维中对于结果的迭代交付诉求是“提早犯错(Fail Early)”,然而更完整的说法应该是“提早评估”。设计思维中使用大量工具从用户角度描述需求,或者搭建原型,这一过程更多是描绘“产品的中间态”,即产品概念由抽象到具体,核心目的是更早完成评估和修正(见图六)。

通过搭建原型并测试的方法,不仅限应用于手机或者网站,也包括线下服务。一个著名的案例喜达屋集团旗下雅乐轩(Aloft)酒店。

作为面向20-30岁年轻人群的品牌,雅乐轩酒店的设计团队在规划阶段,就将真实的设计方案制作成3D模型放置在虚拟线上游戏中,以测试目标用户的反应,整个测试过程持续9个月,并包括了多次基于用户意见的修改。

最终,大量基于“虚拟模型”的测试结果,如酒店大堂色彩选择、屋内布局、影音设备位置等,被有选择地应用在实际酒店设计中。《商业周刊》评论喜达屋这种模型测试,不论从速度或者成本来讲,都非常有参考价值。

 

4、如何扩大设计思维的价值?

领先的企业决策者们已经认识到,设计不仅仅停留在产品的 “外在美”,而应该聚焦在更具商业价值的“内在美”。那么,如何实现通过“内在美”创造价值呢?答案在于如何利用“设计思维”让内部组织和员工重新回到 “客户价值” 思维方式上去,并密切协作。这里有四条建议:

4.1 让设计思维常态化

首先应在新产品设计研发团队中,将设计思维方法常态化、步骤流程完整化。可考虑通过设立标杆项目、打造标杆产品的形式,完整地应用设计思维方法,在若干轮反复应用之后找到适合本企业的流程方法。

同时,借鉴互联网企业的方式,周期性组织一日黑客马拉松(Hackathon) 类活动,在组织内部扩大影响。

4.2 基于用户需求划分MVP模式路标

MVP即Minimum Viable Product(最小可行产品),是与敏捷产品开发模式密切相关的产品交付模式,由埃里克·莱斯(Eric Ries)在《精益创业》中提出,核心原则是,首先聚焦在满足用户单一需求的功能(所谓“最小可行”),之后不断迭代增加功能,最终形成完整的产品或系统。对待企业核心服务的数字化提升乃至变革时,MVP是一种行之有效的产品交付理念。

4.3 形成创新机制

创新并不意味着一味鼓励犯错,也不意味着无法量化评估。

围绕用户进行产品和服务优化,是一个循序渐进的螺旋式上升过程,这要求对设计结果的评判机制能有效适应这种敏捷迭代。如,将销售结果导向的KPI要求,拆解为若干可以测量的用户行为的KPI。

同时,在定义阶段,将这些用户行为KPI用到产品设计的输入中,聚焦在提升这些用户KPI上,后续不断优化提升。在方案设计中考虑,如何形成反馈机制,预设用户行为的KPI和监测方法,在下一轮优化中不断迭代。

4.4 创新需要融合设计与技术

“技术实验室”是诸多领先企业在进行研发领域创新,特别是构建前沿领域技术创新能力时,常常考虑的战略举措。同样,要进一步推进数字化领域的客户导向创新,建立“创新设计中心”可以从战略的高度推进“设计思维”在数字化转型中的作用。

ERP领域的巨头SAP公司也在持续增加其对设计团队的投入,在2012年就开始着手组建新的设计中心;素以创新和多元化产品著称的3M公司,在2016年将总部设计中心扩容了四倍面积,可容纳150名设计师工作,并在其中进行协作创新、产品展示和客户洽淡。埃森哲大中华区也于2016年底,在香港构建了“设计工作室”,作为分布全球的设计网络的一环,在这个超过3700平米的空间中,集中不同专长的数字化设计能力,与客户共同创新。

可以预见,“创新设计中心”将会越来越多地出现,成为从市场端洞察用户需求、挖掘商业机会的强大双擎之一。

 

结语

设计思维3.0作为一种全局化的创新方法论,能带给企业一种全新视角,即如何围绕客户价值,构建可持续的产品和服务?

在数字时代,企业需要两手抓:一方面,能够从用户视角分析梳理需求断层和服务机会;从另一个方面,能够为组织的协作方式找到新的模式,以强化效率和有效性。如同设计结果需要渐进式上升,工作方法和协作形式都需要不断进化迭代,才能最终寻找到适合发展阶段的转型切入点,支撑企业数字化时代实现全面创新。

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

 

全球12名资深设计师的失败设计案例和经验之谈

资深UI设计者

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


当我们每周深入探讨一个问题时,可以向这二十位经验丰富的设计师学习。本周,设计师们讲述了从他们设计过的一款失败产品中学到了什么。

Simon Pan(谷歌高级交互设计师 ,美国三藩市,国籍:澳大利亚)

2000年在美国佛罗里达州棕榈滩县的总统选举中,蝶形选票就是一个凶残设计的突出代表。

蝶形选票的设计将候选人与中间一列打孔交织排列在一起。这种设计让很多选民感到困惑,结果使他们不小心将本想投给阿尔·戈尔(Al Gore)的选票错投给了帕特里克·布坎南(Patrick Buchanan),或戈尔(Gore)与布坎南(Buchanan)两个人。“棕榈滩邮报”的一项研究推测,被蝴蝶选票搞糊涂的选民,让阿尔·戈尔(AlGore)失去了总统职位。

之所以称这是一个失败的设计并不是因为其结果导致乔治·布什(George Bush)赢得了选举,而是因为许多选民在投票后的当天认为自己投给了阿尔·戈尔(Al Gore)。更糟糕的是,因同样原因导致的一模一样的问题早在1996年棕榈滩县的选举中就已经发生过了。任何有能力的设计师只要看一看选票表格,就会发现这当中的可用性问题。任何业余的设计师,都本可以让用户提前测试选票表格的设计并指出问题。

相比选票的设计,当今的设计挑战与实际生活联系更加紧密、更加复杂和全球化。看上去大大小小的决定在我们的世界中承担着重要的结果,我认为,现在是时候让设计成为一个执证上岗的职业了。(阅读 Mike Monteiro的《Designs lost generation》)。

 

Andrew Doherty(Another.ai的CEO,德国柏林;前谷歌产品设计经理;国籍:澳大利亚)


老实讲,我们所做的几乎每个项目都以这样或那样的方式失败了。每次让我失望的是时间本身时间有限,我们的动作太慢了。我们必须砍掉一些需求和基本功能以满足商业上的诉求。我在媒体上写了一篇关于这件事的文章,结果在当时的设计圈中迅速传播开来。因为我认为在我们的整个职业生涯中,大家都感受到了这种痛苦:即优秀的UX设计师必须是战士,妥协的设计不是好的设计。

“我觉得设计是探索发现,而不是创造。可能因为我之前是考古学家的原因,我认为设计像是恐龙,掩埋在地下的遗迹。作为设计师,我们的任务是仔细清除污垢和粪便,使遗迹被发现,复原,可重新被使用,然后把它们在博物馆展出供人们体验。”(Andrew)

作为设计师,我们也必须用我们的想象力和想法来填补空白和缺失的部分。但业务目标,研发资源,时间和资金总会与我们的理想情况产生矛盾。如果我们不注意的话,他们会试图改变恐龙的本质,把它的骨头碾碎成粉末,而之后他们会奇怪为什么人们不想参观博物馆展出的遗迹了。最好的设计师是那些在限制下沟通,争取,并协调所有不断变化的(通常也存在相互矛盾的)各方利益,来主张设计使命的初衷的设计师。但设计永远不会是完美的。完美的设计不是设计,是艺术。而我们不是艺术家,我们是沟通者。而沟通者总面临沟通失败。但这就是沟通。不断失败,但不断尝试,永远尝试去赢。

 

Adham Dannaway(高级UI/UX设计师,合同/自由职业,澳大利亚悉尼,国籍:澳大利亚)

当我刚从事设计工作时,我为一家面向小型企业,提供DIY建站工具的初创公司工作(是的,又是一款建站工具)。这款产品最酷的地方在于:一个业主只需输入他的企业名称、行业和品牌色,一个充满相关内容和图片的网站就会在他的眼前自动生成。可以说是真正的一键生成网站。

我负责设计和构建网站的框架模板,使以后的网站可自动生成。我需要找到一个基于企业名称,所在行业和品牌色就可自动创建出一个像样的网站的方法。我接受了这个挑战。经过大量的摸索和研究,我决定用一个简单的属性列表来代表每一个网站,包括:模板(定义网站布局)、内容模块(内容类型包括图像、文本和视频的内容类型)、品牌色(最多2种)和主题(字体和样式)。我设置了多种可替换的属性以确保可建网站类型的多种多样。不幸的是,公司在我们完成产品开发之前就倒闭了。这是一个非常有趣且富有挑战性的项目,我学到了很多关于如何分解一个网站架构的知识。如果你在一件失败的事情中学到点什么,那说明还不算完全失败。

 

Ben Huggins(YouTube高级交互设计师,美国三藩市,国籍:美国)

我的一部分愿意去相信,精心打造的产品将永远是最成功的产品。这想法很好,但随着我在一路跌打碰撞中的学习,我意识到,这部分的我需要闭嘴了。

在我读研时,我和朋友Noah合作开发了一款应用,名为“捕捉亮点 ”,——一个帮助人们在他们的视频片段中找到并分享那些亮点时刻的应用。我们知道对于任何一个从GoPro相机,孩子的体育运动,家庭活动等场合中留下数小时未观看视频的人来说,这是一个巨大的难题。

因为我们做了一个可靠的应用来帮助解决这个问题,于是我确信用户们会发现这个应用的。

但他们没有。后来我们的钱都花光了,最终决定开放应用的源代码。我意识到,即使人们被某个问题所困扰,想出解决方案仅仅是个开始。引导人们使用解决方案仍需要做大量的工作,更别说让人们为之付费了。

有无数名言强调过,未曾实践过的想法毫无价值。但即使是实践过的想法也仍需能触及分发到用户。所以是的,我们学到了很多(像Noah写的那样),但不得不停止开发。那还有一线希吗?现在GoPro相机上有个叫做“HilightTag”的按钮。这让我们受宠若惊。

 

Nick Babich(Ring Central开发团队经理,俄罗斯,国籍:俄罗斯)

我要给你们讲个十多年前的故事,是我做过的第一个真正的项目。任务是建立一套控制船只进出的系统。我们的客户是一个港口运输公司,他们想在自己的网站上使用这个系统。

我为正在开发的系统感到兴奋,因为这个系统将使数百人的生活变得更好,所以我决定做一个拥有进技术和丰富的视觉体验的系统。我试着尽可能多地增加功能。例如,为管理员提供了一个强大的界面,允许从多个数据库直接导入和导出数据,同步事项,监控及修改重复的信息。

经过一个月的紧锣密鼓的设计、编码和调试工作之后,我向客户演示了该系统。这是一个功能齐全的系统,随时可以上线。。。至少我觉得是这样。但演示不太顺利,我受到了很多批评。

主要问题是:我所做的系统并不是我的客户想要的。他们需要的是一个带有WYSIWYG编辑器的简单表格,以便于即使是不太熟练计算机技术的管理员也可以学会添加新事项或更改表中的现有事项。这和我最初的设想(一个熟练的管理员将使用的系统)相去甚远。

但我学到了一些重要的东西:

  1. 明确目标。
    你应该永远非常清楚地知道你要解决的是什么问题,以及你的客户对即将搭建的系统有哪些期望。
  2. 你不是用户/客户。
    不要在没有任何研究或者需求说明的情况下去假设人们将如何使用你的产品。
  3. 功能不等于价值。
    更多的功能不会自动转化为更多的价值。最好的产品是那些能满足用户需求的产品。
  4. 迭代,迭代,再迭代。
    不要试图一次性做出一个完整的产品,要永远不断地在每次迭代之后在进行迭代和测试

 

Kymberlee Ide (副总裁,FCV交互体验设计师,加拿大人)

(*Kymberlee刚从McCann的体验设计副总监岗位辞职)。

回想我当乙方的时候,我在加拿大一家很大的银行带领团队负责一个数百万美元项目的数字化战略及部署。我是在项目进行到中途加入的,当时的项目进度有点曲折(项目缺乏原型,只用线框图)。

当我们终于要去做这个网站的主要(且非常复杂)的部分时,发现网站流程的设计真的非常差。

我记得当时我指出了这一点并建议团队不能再继续使用这样的方法和设计。老板对我说,如果我在领导团队和督导委员会中提出这个建议的话我将是自毁前程。但现实是,无论我怎样选择都是在赌上自己的一切。

最后发现结果还不错。我做了正确的事,在委员会中提出了建议,并申请项目排期延长5个月来修正这一部分的问题。讲这个故事的寓意是:做正确的事。

 

Alessandro Floridi (德勤公司UX经理,目前在澳大利亚悉尼,意大利人)

“没有失败,只有反馈”——Richard Bandler

我每天都收到“反馈”,但这仍是不愉快的体验。我最大的失败,即使发生在十多年前,仍如昨日般记忆犹新。我当时住在中国并经常和科技打交道。一位客户曾像我咨询关于数字广告系统的解觉方案,我想到了一个让我非常自豪的想法,利用一个我朋友正在开发的软件来监测观看者的性别,并针对性地播放广告。

你可能能猜到后面故事的发展了,而我曾认为我曾有过的最好的想法就是它了。这个产品很棒,很简单。大型显示器、照相机和实验软件,基本上就是在这里等着事故的发生。灾难发生在当产品被投放到一个法国的著名机场之后。在那之后不久,很快我收到一个精美的文件夹,里面是来自一个著名律师的关于隐私问题的300页来信。我没想过会是这样的结果!我应该提前测试产品,不应该盲目爱上我的想法。这就是我在这个项目中得到的教训。

 

Leslie Chicoine(体验设计及产品管理顾问,目前在美国丹佛,美国人)

我很早就了解到测试的价值,所以我还没有经历过那么多产品的失败。当然,不排除有些产品在测试或原型设计中表现得并不好,但我把这称为学习,而不是失败。我所看到的真正失败是发生在团队氛围中的。因此,在团队内部建立良好的沟通模式和共同创造出色的产品同样重要。

 

Buzz Usborne (Help Scout的 产品设计师,目前在澳大利亚悉尼,英国人)

很多事情都没有按照我的计划进行,而这正是重点,不是吗?失败使我成为一个更好的人和更好的设计师。不过我想到一个特别的失败案例,,那是我为自己的产品prevue.it所做的事情。在Prevue的内部有一个文件夹库,每个文件夹都包含你与客户共享的设计工作。有一天,一位朋友建议,如果我让用户把他们的资料库公之于众,Prevue就可以作为一个制作作品集的工具。主意听起来不错,所以我去做这件事情。

在几个月的时间里,成千上万的人因为这个特别的功能成为了注册用户。事实证明,投资工具的主意,作品集工具服务是门大生意!但这些新用户中没有一个愿意付费的,他们还要求额外增加一些我们的竞品所提供的功能。与此同时,现有的用户被“新”的产品方向搞糊涂了,感到困惑。可以说,我制造了一个烂摊子,花了好几年的时间才恢复,这过程中损失了大量的客户。

我在挫折与失败中,

  1. 我明白了,一件事情很容易做或看起来很有趣,并不意味着它是值得做的。
  2. 我明白了,新功能需要适应现有客户的需求,以及长期秉持的商业策略,而不仅仅是让产品看起来更好,或者更容易使用。
  3. 我明白了,通过简单地与客户交谈,我能更好地了解哪些功能应该优先考虑,哪些功能不能真正解决任何现有的痛点。
  4. 我明白了,有时候,成千上万的新用户并不总是一件好事。

 

Kylie Timpani (Humaan高级设计师,目前在澳大利亚珀斯,澳大利亚人)

实际上我没有机会足够深入地参与到一个产品中直至需要判断成功与否的阶段,更不用说我也没有参与过重要到需要一个成功/失败矩阵来衡量是否成功的产品了。我所设计的,大多是面向公众的网站,这其中的很多设计都经历过一些严重的失败。最常出现的失败,特别是在我早期职业生涯中出现的,是当我交付设计方案时,发现方案在很多方面都完全没有达到预期目标。也许风格不对,也许用户体验不好,也许页面布局没有与用户习惯相匹配,也许没有体现出品牌,也许用户就是不喜欢。

要克服这些失败是很难的,因为这意味着你在这个过程中漏掉了一些东西,或更糟的是,你忽视或省略了重要的信息。这种失败有点像炸弹可能随时引爆。但也意味着还有很大的成长空间。成长就在于我们从失败中学到的东西。我学到三种简单且快速的方法来帮助项目取得成功,也减少了出现失败设计的概率:

  1. 关注和我所设计的主题相关的所有信息和我要解决的问题。
  2. 如果有不确定的或需要更多详情时,尽可能多地问问题。我不担心这样显得无知或愚蠢。我告诉自己,我是用心投入的。
  3. 尽量摒弃个人偏见,从而尽可能多地考虑项目的问题和背景。

我发现采用以上方法,会让工作更有效,更深思熟虑,同时失败的可能性更少。最重要的是,客户会看到,你在努力理解他们的项目和使命,因此能培养双方的信任和健康的合作,免于项目中的阻挠和意料之外的反馈。

 

Graeme Fulton— riter的程序员和设计师,目前在英国直布罗陀,英国人)

我有过很多失败的产品和想法,举两个例子:

1.Lostgrad社区

在我毕业那时,每个人都在为寻找工作而烦恼,所以我想,应该建立一个社区网站来帮助他们:

http://graemefulton.com/projects/post/lostgrad-jobs-website

几年前,我在这里写下了关于整个项目的失败历程,这是早期快速失败教会我的最好的一课。

2. Slappy Face

我真的想不通这个项目为什么没有成功:

你可以在这里体验。

从这次的经验中学习到(创造这个产品很有趣!),你不可能单靠优秀的设计来获得产品成功。尽管它可能是世界上最好的产品,但如果你不把它拿出来,围绕它建立社区,打造优秀的销售团队,你就不会收获太大的成功。

现在,我正在开发一款关于电子邮件模板的应用,名为Tamarin Templates。

 

Kaiting Huang (谷歌交互设计师,目前在美国西雅图,中国台湾人)

要回答这个问题,我们首先要定义成功的标准。谷歌有一套易于操作的评判标准,称为HEARTS。可以用来衡量产品的用户体验:

  • 好感度:用户满意度。
  • 参与度:使用频率。
  • 接受度:新用户对产品或功能的接受程度或者意愿。
  • 留存:在一定时间内再次使用产品或功能的用户。
  • 任务成功率:完成某一任务的时间和达成率。

老实讲,在加入谷歌前,我不清楚我的大部分设计是成功的还是糟糕的,因为设计公司的项目效果并不能被长期跟踪。如果用“HEARTS”来衡量的话,我的大多数项目可能是“失败的”,因为根本没有资源或计划来继续跟进、迭代和优化。在没有测试的情况下,是不可能第一次就把一切都设计好的。但对我而言,只要能从项目中学到一些新的东西,就是取得了小小的胜利。无论是了解一个新的行业,例如设计运河调度的应用;学习如何与开发人员合作,例如学习编码和用开发语言进行交流;掌握一款设计工具,例如如何在Sketch中使用“符号”功能,还是结识有趣的同事,等等。

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

2019平面设计趋势预测 | 2018平面设计五大趋势回顾

资深UI设计者

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

2019平面设计趋势预测 | 2018平面设计五大趋势回顾

2018年已经进入最后一个季度,呢么你get到今年平面设计的热点是什么了吗?下面是2018年最流行的平面设计趋势的回顾,以及2019年可能出现的趋势的预览,一起来看吧。


流行趋势一直是一个非常有趣的话题,因为随着时间的推移,有些趋势会慢慢改变,还有一些趋势似乎会在一夜之间发生变化。


工作中必须使用的平面设计趋势?当然不是。但这有助于获得新的想法,找到灵感,并看到什么样的技术和风格正在塑造你的行业。


第1则

明亮的颜色

undefined


从背景到图像再到用户界面元素,使用明亮的颜色是2018年最大的平面设计趋势之一。


以生动的色彩应用为特色的项目在网站项目中占主导地位,相较于以往,颜色的选取更加大胆和繁多,如蓝色、紫色和粉色。


undefined


颜色应用最突出的两个地方当属产品和包装设计,这些设计可以延伸到其他元素,如网站设计。上面的RXBar就是这一趋势的一个典型例子。每一种颜色都是独特的色块,可以算是包装和网站设计完美结合的范例。

undefined

当然这并不是这一平面设计趋势的唯一应用。设计师们还使用了更多的“彩虹色”,打破了只使用两到三种颜色的设计规则。可以说明亮的颜色在今年真的让所有人眼前一亮


第2则

三维静物元素

undefined


对于三维设计项目,设计师们的接触也越来越多。在3D空间中,设计的多维性更加具体和清晰。


undefined


这个概念创造了一个高度吸引人的画布和产品放置的表现,并显示了设计在现实中的应用,更加吸引人。当然这些设计往往是相当复杂的,这一平面设计趋势更多表达了设计在行动中展示出的想象力。


第3则

渐变

undefined

(火狐新LOGO系列之一)


渐变是每一年不变的趋势,虽然现在设计越来越偏向扁平化,但是扁平化不等于抛弃渐变。


undefined


在2018年,颜色已经成为了一件大事,渐变也成为了这一运动的重要组成部分。渐变色叠加能够让平淡的图片更加出彩,能够让背景具备视觉吸引力,可以引导人们的视线,可谓一举多得


当然了,并不是所有的渐变都是大胆和明亮的。有些颜色变化柔和,比较微妙。它们可以与更加现实的元素、插图和排版一起使用。


第4则

小版本导航


几年前,超大型导航设计风靡一时,而现在则转向了更小的甚至是隐藏的导航元素。这要从手机(大多数用户都在看网站)那里得到启示,以创建一个更开放的界面,简化用户体验。

undefined


虽然导航大各有有利弊,但平面设计绝对得益于干净的画布和更有创意的选择,把那些“繁琐的”导航元素收起来。


undefined


上面的两个例子都以不同的方式实现了这一点。Blab使用屏幕左下方的“创建方块”菜单按钮。Le Mordue甚至没有在主屏幕上显示导航,而是在用户滚动时弹出。


第5则

图片覆盖

undefined


照片覆盖是最轻松快捷的设计技巧之一,一个好的叠加可以使文字元素更容易阅读,隐藏图像的缺陷,或者提供一个更有趣的焦点颜色或渐变。



颜色叠加是一种将更通用的图像转换成与品牌标识相关的东西的方法。除了简单的色彩覆盖,更多的项目已经使用了完整的图层,比如上面的Berserk,它的特点是图像上的颜色覆盖和另一个模拟鼠标动作的动画覆盖。



提问:2019年有哪些平面设计元素将成为趋势?

undefined


2019平面设计趋势预测


由于2018年即将结束,这就引出了一个问题:2019年,什么样的平面设计趋势会流行起来?


从今年兴起的许多平面设计趋势将继续流行。还有渐变,撞色等趋势也是久盛不衰,呢么还会有什么新的元素流行或是像大LOGO风格一样重新当道的老元素复出呢?以下是我们预计2019年还将出现的5种平面设计趋势:


1:米色:虽然灰色和白色的背景已经很流行,但更多的设计正在转向柔和的米色,以便使用中性的感觉。

2:VR和混合现实:随着设备变得越来越普遍,虚拟和混合现实项目只会继续增长。

3:字体排版:设计将远离一些硬朗的字体,转而选择相对柔和的字体且没有过于女性化的感觉的字体

4:Glitch Effects:有意跳转、跳过或混乱的设计会吸引注意力(今年已经有一些趋势)

5:真实的图像:每个人都试图以一种真实的方式联系,更真实的意象将主导设计项目。



设计就和时尚一样,每隔不久便会有新的流行动态,如何理解并运用这种趋势则是我们一直需要学习的事情。趋势仅供参考,令人满意的作品还需要实地操作哦~

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

 


这8个最常见的产品体验提升技巧,别说你还不会!

资深UI设计者

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

在 UI设计中,我们常常说用户体验至上,什么是用户体验?我们的产品为什么能够留住人?为什么那么多人爱用?这都是值得思考的问题。

前几天我在体验一款产品注册输入验证码的时候发现,键盘能够自动获取到手机的短信,这真的是解救我这种每次输入验证码要记两遍的人。后来通过了解才知道是 iPhone手机更新 iOS12以后,系统键盘增加的提醒功能。

于是我又去研究了经常使用的京东金融,首先我测试了忘记密码页面,输入验证码时他采用的系统键盘样式,同样系统键盘获取到了短信验证码,直接点击验证码即可输入,简单快捷。

同时我又测试了支付界面的短信验证,京东金融为了安全考虑,并没有采用系统键盘而是自己开发的安全键盘,并没有获取短信验证码信息,但是作为用户的我并没有感到不好用,毕竟以安全为主。

我想这个例子就可以回答我上面问的几个问题。什么是用户体验?对于一个成熟的产品来说,你的用户爱用、经常用就可以说他用户体验做得比较好。

如何才能让用户爱用呢?首先需要保证基本功能满足;其次交互流程合理、最后在前两个都做好的情况下,我们还可以从交互的小细节来提升产品体验,从而让用户爱用。以下是我整理的8大交互小细节:

  • 小操作也要及时反馈
  • 让用户操作更方便
  • 强调产品希望用户注意的地方
  • 激励用户进行下一步操作
  • 新功能,引导用户关注点
  • 加入品牌基因
  • 不经意时制造惊喜
  • 点赞状态跟随

一、小操作也要及时反馈

反馈不单单是在大的功能页面才用,小操作也需要提供及时反馈,让用户知道正在发生什么,从而有掌控感。这个反馈可以是听觉、触觉、视觉。

以爱奇艺安卓版V9.9.5视频详情页为例,它就是加入了触感反馈,当你点击点赞或收藏时,手机会进行震动(目前iPhone版还未更新),当我发现这个小交互的时候就被吸引到了。当你点赞的时候,就像你刚恋爱时,你男朋友牵你手触电的感觉,加入触感之后让整个交互更加情感化了。同时当你点赞或收藏成功之后,也会及时反馈当前所处的状态,提示成功,从而增强用户的把控感。

二、让用户操作更方便

让用户操作更方便,这也是我们在做交互细节时需要考虑的,这样可以尽可能的缩短用户操作时间,同时也可以减轻用户的认知负担,促进用户下单。

以天猫购物车为例,购物车单个列表可以左滑进行发现、移入收藏夹、删除等功能,而我们长按列表,同样可以展示这三个操作。

我们知道侧滑操作是 iOS 才有的,而安卓版大多数编辑操作都是采用长按,天猫 iPhone版2种方式都有加入,可以照顾到更多人的习惯。

三、强调产品希望用户注意点

产品不单单只是为了用户体验,其最终目的也是为了盈利,因此通过一些小交互也可强调产品希望用户注意的地方。

左图:以大众点评为例,大众点评详情页不断上滑时,顶部会将个人信息和关注按钮进行置顶操作,这样就可方便用户在浏览过程中随时进行关注操作。

右图:以掌上生活为例,在精选栏目界面向下滑动过程中,底部会出现一个产品的气泡提示,点击气泡会下滑至相关位置的产品。

四、激励用户进行下一步操作

激励用户进行下一步操作,在一定诱因趋势下,让用户自愿做产品期望他们做的事情,从而激励用户进行下一步操作。

以天猫双11活动为例,从天猫首页界面加入抢666红包为诱导,作为用户看到这样的内容还是很想点进去看看的,当然进入之后也不负众望确实让我抢了红包,领取到了80块的福利,同时下方还有各种任务列表,一步步引导用户去操作,从而达到产品想让用户操作的目的。

五、新功能,引导用户关注

引导用户关注,通过外力引导可以引导用户做产品想让他们做的事情,虽然我们说好的产品会自己说话,但是对于某些新操作,是有必要提醒用户的。

以爱奇艺为例,在首页你看到有一个长按试试的手型引导,这个是新加的操作,在初期长按操作优先在安卓版才有,但是很多人都不知道这个功能,我也是无意中发现的。在 iPhone版上线后,他们在第一张视频图上加入引导,可以更明确的让用户知道有该功能,长按封面后可对视频进行预览、收藏、直接看正片等操作。

六、加入品牌基因

在产品中合理的加入品牌基因,可以让用户一眼看出这是你的产品,从而提升产品的识别度。下面我找了两款交互小细节中运用品牌基因的案例。如下图:

以转转为例,它在底部标签栏舵峰发布按钮处,刚进页面加载时,会有一个装有发条的小熊在那转啊转,在如今趋同的产品中,很容易就能够知道是转转的吉祥物。

以美团外卖为例,下拉刷新时,显示一个袋鼠快递员送餐的小动画,看到它我们很容易就能够知道是美团外卖。

七、不经意时,制造惊喜

不经意时,在一些小细节处制造惊喜,从功能上来说并没有什么帮助,但是这个惊喜提供了超出了用户预期的体验,就会让用户对产品产生好感。

以腾讯视频为例,在 doki明星详情中,为明星打榜后可以继续冲榜,点击冲榜就有很多小爱心从天而降,为用户营造浪漫温馨的氛围,提高用户的幸福感。

八、点赞状态跟随

当某个功能比较重要时,可能会在多个地方出现,这时候就需要做好状态的数据跟随了,如下图:

以腾讯视频为例,腾讯doki详情页面在文章底部有一个大的点赞按钮,提示用户看完内容后进行点赞操作,但是如果用户并没有滑动到底部想点赞怎么办,所以腾讯在详情页的底部固定有评论和点赞,在交互上就需要做到,点击其中一个,另外一个效果要进行跟随。

总结

作为设计师,我们在设计时除了考虑实现基本功能外,同时还可以考虑如何设计才能够抓住用户,让用户为你的产品买单。以上八个交互小细节其实仔细看,你会发现总结起来就是反馈、提醒、引导、激励这些交互方式,在做交互设计时需要我们落实到细节,加强产品与用户之间的互动,从而提升产品体验的交互细节。

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

关于LOGO设计元素提取的常识

资深UI设计者

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

\

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

思维是未来标配

资深UI设计者


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


0199f05bce9d18a801213dea07aad7副本.png


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


超全面的社交电商App 详情页揭秘!

资深UI设计者

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

社交电商在2018年可谓风起云涌,拼多多、云集、有赞都在18年陆续宣布融资,并且融资金额都过亿。然而社交电商本身就是个伪命题,虽然人口红利大不如前,而且社交说白了就是一直被人所反感的微商,刷屏、商品质量差,传销即视感。

但是有需求就有市场,想一想为什么你讨厌拼多多,是假货、是山寨、还是其他什么,究其原因是饱汉不知饿汉饥。而饱汉只是很少一部分人群而已,我们自然不是他的目标用户,随你拉黑也无所谓,所以社交电商的崛起是必然,并且有他独特的优势:

  • 在移动场景下的购物场景更加丰富,势必为社交电商打下了更好的基础;
  • 社交电商在发展政策上逐步完善,将是一片潜力巨大的市场;
  • 获客成本低,下线城市发展空间大;
  • 电商巨头排兵布阵,准备构建社交电商生态。

目前社交电商的形式主要分为两种,一种是拼团,如拼多多,这种模式通常发起者是不收益的,只是所有拼团者可以享受更低的价格购买商品,算是一种利人利己,裂变质量更好的一种行为。另一种是微商,这种模式的裂变范围更广,但是裂变质量较差。微商被冠以恶名刷屏大家都明白,而经我们研究发现,其实发圈的推荐购物是效率的分销行为。还有这样的熟人卖货逻辑是否可行?

社交是最好做的,也是最难做的。购物从本质上来说都是发现有需求才购物,但逐渐的变成了逛/别人推荐想起来自己有需求,再购物的变化。前者我们可以通过广告、营销、产品的优化来让用户转化,而后者正是现阶段我们需要考虑的事情,如何让用户买单那些可能有需求的东西,满足用户其他更深层次的需求。

2017年艾瑞咨询的移动社交用户在应用内购物驱动因素分析,我们能发现社交关系链的价值还是非常值得挖掘的呢。

俗话说的好,详情页乃兵家必争之地,得详情页者得天下。首先我们来看看详情页的首屏。可谓是百花齐放了,业务、用户、场景决定了功能与信息架构。电商详情之所以复杂就是因为它需要承载很多复杂的场景,所以很多时候并不是所有的信息都是有用而你又无法简化。这显然不仅仅是普通的电商所呈现出来的商详,而是拥有「社交背景的商详页。」

那么下面我们分别从功能结构、以及细节来剖析这四款电商产品的商详。

一、拼多多

1. 功能结构

从信息结构上看页面信息层级还是比较清晰的,也确实很像3,4线城市大卖场的感觉,各种活动优惠的标签也是很排斥奥卡姆的剃刀了。但是各种活动标签依然让人有些眼花缭乱,视觉上页面缺少一些品牌特征。

其实我之前有做过物流的产品,当时也很纠结好用和好看的平衡点到底在哪里,后来我发现了如果为了要用而要舍弃好看,请不要犹豫,一定要选择好用。而你一旦绞尽脑汁想办法折中,对不起,那会变的既不好看又不好用。所以拼多多的视觉、图片风格我还是很能理解的。

然后首屏的上半部分依然是帮助用户建立认知的信息介绍区域,同样也是大图置顶的方式,但是细心的小伙伴在对比的时候能发现拼多多其实把全场包邮、假一赔十等特色信息放在了第一梯队的板块,很明显,它想告诉大家我们的服务是一流的,不会有假货,因为全是山寨。

2. 细节

比较特殊的地方是,在左下角有一个更多的按钮,收纳了历史浏览、回到首页和帮助3个功能,通常「更多」的按钮会放置在右上角,这里的设计和大部分用户的认知可能不太一致。还有一个比较有意思的是,价格最右侧显示的是已拼而不是已售,所以从细节能看出来拼多多是有多么强调拼团这个属性了。

然后我们熟悉的购物车功能没有,因为拼多多也是限时拼团电商,要拼团先支付,所以没有购物车的场景。而大家看到的单独购买这个锚定效应也是运用的很直接了,应该没有人会用更高的价格还死命的加购物车吧?

锚定效应(Anchoring effect)是指当人们需要对某个事件做定量估测时,会将某些特定数值作为起始值,起始值像锚一样制约着估测值。在做决策的时候,会不自觉地给予最初获得的信息过多的重视。

二、云集

1. 功能结构

云集首先是一家会员制电商,其次才以社交的手段来进行分销的电商。大部分以微商形式存在的电商都会面临店主同时可以买或者卖的场景。然而很有趣的是,这样的 s2b2c的模式,商详究竟要如何做呢?其实你能发现,优秀的电商产品总有自己的核心关键词,比如拼多多是拼团,云集是批发价。所以当我们要满足买的场景时告诉用户自购可以享受批发价,而卖的场景则可以赚利润。虽然买的场景多,但是为了业务考虑,我们依然要把卖的场景做足。

在商品详情中,和其他产品不同的是多了这几个功能:

  • 任务奖励,通过完成销售笔数和金额达成任务。
  • 品牌授权,对拥有被授权资格的商品透出品牌授权背书入口,增加用户的品牌信任度。
  • 发圈素材,不是自用推荐的商品,一般很难卖,别人的发圈素材能够帮助店主更快的卖货。
  • 大家都在卖,卖也要卖好卖赚得多的商品。

以上的功能都是刺激以及帮助这些小b去推荐及销售商品。从而整个商详页都是为了形成一种卖的氛围同时兼顾着买的功能。

其实我们都知道,社交电商(微商)都是有组织有纪律的,只有散户才会自己挑商品找素材去卖货,而拥有社群的店主只需要一个商品的二维码即可。

2. 细节

用过云集的买家都知道,云集和环球捕手一样是没有和其他电商一样的评价功能的,会有人问为什么那么重要的评价功能不放呢,别人如何建立信任呢?其实我们有在收集评论但并没有公开,而且我们侧重的是推荐购买,别人推荐你之后其实评论的意义就不大了。所以既然我们在收集评论那在供应商的选择上也会一直更新。

另一个原因就是评论这个功能在去中心化的小b店主为中心的产品中并不合适,可以想一想,社交电商和传统电商不同,传统电商会有商家入驻,商家和小b店主的区别在于商家除了需要销售商品时,还需要维持店铺的信誉和好评率,所以评论对于商家来说特别重要。但是以平台为背景的店主只需要分享商品卖货就行,评论的好坏并不是特别重要。

所以说到这里大家就会觉得社交电商真的是一个伪命题,你到底是为了别人好还是纯粹想赚钱。所以大家发现在这样的场景下,评论好那么都OK,如果出现大批量的差评,这个差评给的是商品,并不是某一个小b店主,在这里商品和服务就不像传统电商那样捆绑在一起而是区分开了。

三、环球捕手

1. 功能结构

信息整体强调了价格和限时特卖,弱化了标题和介绍。再早些时候所有 app 都还把标题放在价格的上面,并以大字体风格为骄傲。现在反而都把价格放在了标题上面,而环捕把价格元素做的更加明显。

2. 细节

标题和介绍字号变小我认为可以理解,在同样以推荐消费的背景下,我已经知道是什么商品了,不管是从别人推荐而来还是自己从列表点进来都已经对该物品有详细的了解,商品标题和介绍并不是特别重要。不过既然如此,介绍放一行也应该足够了,既要弱化为什么又要放多行。排名和最近销量笔数的视觉呈现有待改进,一个直角一个圆角不太和谐,最近销量不可点击却做成按钮的形状。

四、洋葱海外仓

1. 功能结构

大家可能对洋葱跨境电商比较陌生。它同样也是一个线上的分销平台。它的模式和其他两个稍有区别,用户如果想卖货可以选择两种方式,一种是成为代理商,代理商可以招募店主,同时可以获得下面店主销售利润的30%。而店主不可以招募店主。而另一种就是直接成为店主,可以获得销售额利润的70%。

说完模式,我们来看看它商详的信息展示。首先我们会发现在商品大图上方展示的是相关的8件好货,那么我们能想到的是:

  • 为了提高客单价,
  • 跨境电商的邮费国际物流和清关费较贵。

所以能一次性买足够的商品自然是比较划算,所以在这里更明显的位置放置了相关的商品供买家和卖家挑选。

你会发现洋葱在详情中加入了评价功能,但这里的评价并不是所有的用户的评价都能够被显示出来,而是经过官方审核以及店主上传的评价才能够被显示的。

2. 细节

洋葱将利益点和卖点放在了图片中沉底,这也能够让商品与文案的关联性更强,缺点是容易被忽略。

产品介绍上方会出现一个头像,但是新手用户会很疑惑这个头像到底是谁?官方还是店主不得而知。而该产品的介绍文案过多也会影响首屏的展示效率。

洋葱将返回首页、以及底部标签导航的功能集合在了一个 fab上,令人不太理解的是悬浮按钮中和底部均有购物车功能,然而二级页面也没有存在这个 fab,所以悬浮按钮中的购物车功能有点鸡肋。

所有的「社交电商」在应用内放置互动聊天的功能都特别鸡肋。店主与买家的社交纽带依然是微信,而平台对于买家来说只有在逛和买的时候才会使用,即使做了IM也无法在应用中植入社交场景,更不用说让用户养成习惯了。所以做社交要有背景。

底部只有加入购物车,没有立即购买按钮。一个是希望提高客单价,同时帮助用户节省物流费。另一个是 b2c电商的产品都由平台物流统一发货,他和 c2c 的淘宝不同的是淘宝购物都是根据不同的商家进行物流运输,所以不同的业务模式形成的功能也是不同的。

总结

广告营销的电商模式未必能满足喜欢个性化需求的用户,我们购物或许会逐渐的变成你觉得我适合买什么而不是我看看你有什么。徐志斌老师在《社交红利》中提出社交红利能够从人与人之间的关系,互动中产出更多的价值,那么基于电商背景是否可以将电商价值最大化。

而我们今天讨论的社交电商商详,它能够帮助小b用户与c端用户更的链接,不同业务模式下的商详所呈现出来的功能、框架、视觉表现都是有很大区别的,而我们要做的是让买卖双方的关系链更结实。

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

研究了300个企业之后,他们发现了这4个设计关键点

资深UI设计者


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

麦肯锡咨询公司在调研了横跨5年时间的200万份财务数据和10万多个设计项目和举措之后,发现以设计为主导的企业收益提升了32%,而股东的总回报率提升了56%。


多年以来,设计领域一直在努力探索和发掘更加有商业价值的实战案例,而麦肯锡咨询公司(McKinsey&Company)的一项开创性的新研究终于开始将设计和业务之间的影响关系给勾勒了出来。

这些总计超过200万份财务数据和10万多个设计项目牵涉到了300多家上市公司,他们都试图让设计成为商业中最重要的组成部分,麦肯锡发现其中这些对于设计有强烈倾向且擅长将设计原则落实到实践当中的团队和企业,在收入上提升了32%,而股东的总回报率提升了56%,而呈现出这一特征的,主要涉及到三个行业:消费品、医疗技术和零售银行业。

「在过去的5年当中,商业领袖们开始越来越多地呼吁在产品和服务设计领域提升竞争力,」在英国领导产品研发和设计实践的麦肯锡咨询公司的合伙人 McKinsey 说道:「在如今的大环境之下,产品和服务越来越难以从激烈的竞争中脱颖而出了。」

Sheppard 和其他的研究人员使用回归算法来分析和评估不同的设计行为。在研究过程中,他们会试图将设计主管置于公司高层管理当中,或者将高管的奖金和可用性数值关联起来,看看这样会怎么影响这些企业的财务业绩,而这300多家企业基本都是自愿加入并配合机构的研究。当真正面对设计的时候,这些互相处于竞争位置的企业站在了一起,一同学习。研究者发现,即使身在不同的领域当中,但是影响并增加企业总收益的,主要源自于四个方面,并且他们将这四个方面的行为决策最终构成的综合指标称为麦肯锡设计指数(MDI),并且使用 MDI 来对这300多个企业进行排名。这4个关键领域分别是:

  1. 将设计所产生的影响作为衡量标准,就像跟踪成本和收入一样严格跟踪。麦肯锡在这个调研中引用了一家游戏公司的案例,他们通过对网站主页的功能进行小幅度可用性调整,从而将产品销售额提升25% 。
  2. 通过面对面的交谈和调研,将用户反馈和需求放在首位。这有助于团队在标准的用户体验之外进行思考。麦肯锡在报告中援引了一家连锁酒店的案例,酒店向用户展示了作为纪念品的橡皮小鸭,上面印有该酒店所在城市的形象,他们鼓励用户搜集不同城市的橡皮小鸭。这一设计项目是和用户沟通之后的产物,根据跟踪数据,单这一项目就将用户留存率提升了3%。
  3. 将设计师引入跨职能的团队,并且激励顶尖的设计人才。麦肯锡在这个环节引用的是 Spotify 的案例,Spotify 营造了一个多元化的企业环境,并且赋予设计师足够的自主权,创造足够优质的设计,这和同类的公司截然不同,后者的设计师通常需要花费大量的时间来给营销团队制造幻灯片。
  4. 鼓励进行调研、制作早期原型并且迭代。产品或者服务在发布之后并不是彻底结束了。麦肯锡的研究报告中援引了一家游艇公司的产品设计作为案例。这家公司的设计师通过和乘客进行交谈了解信息,借助支付数据来评估的活动,利用机器学习算法来分析,来发现游艇布局中低效、体验较差的部分,并且借助这些信息来不断的迭代和调整,提升产品和服务。

实际上,能够持续地在公司中执行这四件事的公司,MDI 得分会最高。MDI 指数最终也确实和公司的盈利和总回报率正相关,最有意思的地方在于,MDI 排名最靠前的25%的公司和后面75%的公司相比,在盈利和回报率上明显高出更多,而后75%的公司之间的平均回报率增长相互之间就没有那么明显的区别。换句话来说,如果想要让设计真正意义上发挥它点铁成金的效果,企业必须尽可能多地投入,甚至比麦肯锡所提出的标准还要苛刻,超出要求才行。对于负责调研的 Sheppard 而言,这个结果简直是个惊喜。根据他们的统计,这些 MDI 指数较高的企业,每投入一美元在设计上,所获得的收益要远高于他们的预期,但是,对于那些一开始就真正专精于设计的公司而言,再在MDI 上做提升影响相对就没有那么明显了。

「对于大家而言,需要作出合理的决策。」Sheppard 说道:「我们是否要认真对待设计,或者说,在目前这个局面之下,是否要投资?坦率的讲,如果想要用好设计,那么需要在设计这件事情上,做得恰到好处才行。」

在麦肯锡的调研过程中,他们发现许多公司压根就没有在这四个领域中认真尝试过。调研发现,40%的产品在研发过程中,根本不会同用户进行沟通交流,50%的人根本没有使用客观的方法来评判他们设计团队输出的产物。只有不到5%的受访者表示他们的领导能够让数据来驱动产品,或者使用客观的方法来作出设计相关的决策。有超过60%的受访公司则是在开发后期才使用原型,并且仅供内部使用。值得注意的是,这些问题全部都是自上而下的问题,公司的设计师是没有办法自行解决的。正如同报告当中所写的:

「由于没有明确的方法将设计和企业盈利联系到一起。企业的高层领导往往不愿意将稀缺的资源向设计部门倾斜。这个本身是有问题的,我们通过研究发现,强大而一致的设计环境牵涉到公司的许多关键驱动因素,而这些都是需要公司高层来决策和投资的。虽然许多设计师敏锐的意识到了涉及 MDI 的四个层面,或者其中的部分因素,但是不论是哪一个方面,都不是企业中的设计师能够单独解决的,往往需要领导层的支持才行。」

那么,一个从来都没有「以设计为中心的文化」的企业,到底要如何构建起公司的设计文化呢?这份研究报告的作者建议,选择一个项目作为试点,并且给予团队承诺以践行上述的4个方面都能够在此践行。由于有不少公司自愿参与到整个调研项目中,所以他们能够验证了麦肯锡资讯公司的一些想法。目前他们发现,如果从一个试点开始,而不是试图在全公司推行以设计为中心的计划,能够获得更好的效果和收益提升。举个例子,一家医疗设备公司,在设计新的手术设备的时候,通过组建跨职能的设计团队,在设计过程中创建了110多个原型和概念设计,在2年时间内进行测试和迭代,并且将公司高管的奖金和产品可用性挂钩,并且在设计过程中不断地和一线的外科医生沟通,并获得反馈。最终,这家公司的产品的可用性得分比竞争对手的产品高出12个百分点,而公司的市场份额更是上升了40%。

Sheppard 希望 MDI 能够扩展到更多的行业和领域,就目前而言,MDI 可以将设计师造就明白然而管理层依然不太了解的道理,最终反馈到企业收益上,这是必经的过程。「这份报告昭示着新时代的到来,」Sheppard 说道:「设计最终走到了管理层。」

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


日历

链接

个人资料

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

存档