首页

企业设计的未来是什么?是消费级用户体验

博博

企业设计的未来是什么?是消费级用户体验

人人都是产品经理 2018-07-21 15:13:33

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

企业产品要想取得最大的成功,就应该为用户提供符合消费产品标准的体验。

企业设计的未来是什么?是消费级用户体验

在John Maeda最近的一篇文章“为企业设计与为消费者设计之间的区别”中,他解释了为什么为企业设计与为消费者设计应用程序相比是不同的,也许更具挑战性。

然而,作为一个为企业、小企业和消费者产品设计应用程序的人,我逐渐相信,在过去几年中,为消费者和企业应用程序设计的区别已经迅速缩小。

对于一个企业产品来说,要获得最大的用户接受度和长期的成功,我们应该为最终用户提供一种体验,这种体验必须满足消费品中同样的可用性、性能和品牌标准。

用户已成为决策者

对于传统的企业产品,过去的模式是将产品卖给公司的高管,然后员工使用他们提供的工具。如果应用程序难于使用,员工会尽可能少地使用它,而是使用耗时的、通常是手工的变通方法,以避免在工具上花费时间。

如今,团队和员工经常选择自己的产品,这意味着赢得胜利的是最好的产品和设计,而不是最好的销售和营销。Slack、Sketch、Dropbox、Sunrise、谷歌Drive和Asana都是这一趋势的例子。

企业设计的未来是什么?是消费级用户体验

因为在不同平台之间切换的成本比以前要低得多,所以在工作中选择自己的工具要容易得多。我看到员工们选择为他们工作的日历工具、通信工具、文档存储系统,甚至设计工具,比如:草图。越来越多的大型团队工具决策,是自下而上的。用户正在选择他们喜欢的软件,而不是强加给他们的软件。

这意味着,企业产品的构建需要越来越少地考虑,如何在企业产品设计中应用消费者思维,而越来越多地考虑如何在企业产品设计中应用消费者思维。

不要依赖销售团队来实现用户的增长。

作为一名设计师,你的目标是开发一款非常棒的应用程序,让你的用户想要在屋顶上大声谈论它,并与所有的队友分享。

在这种情况下,接受是随机的,用户最终会对您的产品更忠诚,而不是他们被迫使用的东西。

性能很重要

尽管许多企业应用程序都是基于云计算的(例如:Salesforce、Quickbooks、Marketo、Infor等),但消费者对速度的预期与桌面应用程序的预期并无不同。

如果基于云的应用程序需要花费时间来加载,用户就会离开。Gmail和其他在线应用程序,已经为响应性和性能设置了标准。

创造第一次使用体验,让用户自己成功

正如我与协作设计应用UXPin共同编写的《企业用户体验的未来免费指南》(free guide the Future of Enterprise UX)中所解释的,设计师还应该努力创建一种无需外部培训的应用程序登录体验。

这仍然是我看到企业产品设计公司犹豫不决的地方,人们会说:

“好吧,人们理解这个工具需要一点培训,因为它比消费者应用程序复杂一点。”

为人们在工作中使用的产品不应该成为糟糕设计的借口,如果你遵循常见的UI结构——定位用户,给他们一个具体的用户好处,让他们觉得他们已经获得了宝贵的时间——他们将继续学习使用你的产品,就像他们学习视频游戏、移动应用程序和其他东西一样。

例如:在为Intuit的旗舰产品QuickBooks设计登录体验时,我们询问了关于业务的关键信息,然后根据所提供的信息定制体验,为用户做一些初始的设置工作。这有助于产品感觉它是为最终用户和他们的业务设计的。

我们创建了一个屏幕,显示了同一行业和位置上Quickbooks用户的数量。在传统的登录体验中,不需要这样做,但是这种流程的转换要比步骤更少的登录体验高。屏幕告诉人们:“我们将为您设置产品,从而为您节省时间”,这也强化了他们正在选择行业领导者。

企业设计的未来是什么?是消费级用户体验

第一次使用体验的新工具条不仅适用于尝试使用它的人。它必须足够好,让他们在与团队其他成员和他们的公司一起倡导产品时感到舒适。

让您的产品可由用户和团队定制

企业客户不应该接受这样的概念:他们需要实现专家来为客户定制产品,客户应该能够自己做到这一点。

如果您设计了一个企业应用程序,它可以由使用它的团队定制,那么您就给了他们一种对产品的投资和所有权的感觉。你赋予他们力量,给用户信心。用户把产品做对,从而变得更加忠诚。

此外,作为企业供应商,如果您将时间/资源用于客户的定制实现,您将没有足够的资源用于应用客户反馈和创新。

企业设计的风险和机遇

尽管企业用户体验和消费者用户体验之间的差距正在缩小,但在设计业务应用程序时,仍需要考虑一些持久的差异。

创新的风险更大

使用企业工具,您正在处理非常有价值的数据,因此如果您将数据隐藏在有趣的和不寻常的交互中,可能会让用户感到沮丧。作为一名设计师,您希望遵循已经存在的用户界面标准,将您的创新重点放在产品中比现有产品更好的部分。

作为一个谷歌文档编辑器的用户,我不需要知道如何使用文档编辑器,因为它大量地借用了我使用Microsoft Word所知道的东西。谷歌在执行过程中所强调的是,将创新集中在差异化上:将其与MS Word区别开来的协作工具。

我唯一需要学习的就是——如何邀请别人和我一起编辑?

一旦我有了这个概念,我就可以用成千上万个有趣的方法来使用这个应用程序,并且在我使用扩展我的应用到其他相关产品(比如:演示)的过程中,建立我所学到的东西。(我将第一个承认,在选择使用现有范例的地方,设计师很难做到自律,而且仍然非常专注于在哪里重新设计)

你很少有能力“吃狗食”你的工作

如果你是为Facebook或Pinterest这样的消费者工具设计的,你自己可能就是用户。对于企业或业务应用程序,情况往往不是这样。

这意味着你必须既是一名优秀的研究者,也是一名设计师。

当我在Intuit公司时,知道如何设计一个好的web应用程序,是不够的,我还必须了解会计结构,以及小型企业/会计师的需求。我从来没有开过小公司,所以我必须花更多的时间与使用该产品的人交流,学习和理解他们的目标和动机,比我在其他公司花的时间要多。

我邀请了其他人(比我知道得更多)和我一起设计。值得庆幸的是,在Asana,我们使用我们的应用来完成我们所有的工作,所以我们可以体验我们的用户体验。

结论

我很高兴看到设计师和设计领袖对创建企业工具更感兴趣,我认为这是因为消费者和企业之间的差距正在缩小。

有了消费者应用程序,你就可以设计出一种影响到数十亿用户的工具,并将娱乐带给世界。但随着时间的推移,设计师会感到矛盾。许多消费者应用程序通过广告赚钱,因此用户目标和公司目标并不同步。用户在想:

“我想看这个视频,公司在想,‘我们怎么能让用户在看这个视频之前看更多的广告呢?’”

为企业和其他付费应用程序设计的好处是:终端用户的目标和您的企业的目标是一致的,你的公司只有在用户成功使用该应用时才会受益。通过企业工具,你正在构建产品,帮助组织及其员工实现他们的目标,帮助所有企业更好地完成他们的工作。

原文作者:Amanda Linden

本文由 @ ANG 翻译发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pixabay,基于 CC0 协议

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


真正驱动UI设计的,是用户思维模式

博博

真正驱动UI设计的,是用户思维模式

人人都是产品经理 2018-07-22 09:13:44

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

设计UI时,比布局配色动效更重要的是用户思维模式。

真正驱动UI设计的,是用户思维模式

作为设计师,尤其是需要设计面向大众的 APP 和网页等数字产品的设计师而言,我们必须创造出用户能够自然理解的东西,以人们能够清晰理解、不言自明的 UI界面和用户体验,来作为设计的最终目标。即使是再新鲜的产品,在设计的时候,也需要拿出用户能够感知得到的「熟悉」的模式,确保用户在使用过程中不会感到割裂,不会觉得混乱和迷茫。

在这种语境之下,许多设计师会担心一个很实际的问题:我设计的东西会不会不够新颖,会不会缺少突破?

不过,此时这样来提问兴许并没有问对问题。因为真正驱动 UI设计的,应该是我们常说的套路或者说是规则,更深层的东西,其实是用户的思维模式和心智模型。

举个例子。

你可能需要为大学的老师设计一个管理教学的仪表盘界面,这个仪表盘界面中需要呈现一些基本的功能,比如可以让教师为学生上传课程,课程资料,安排考试,发布考试成绩。他们可以通过整个仪表盘和学生进行互动,可以发布作业也可以收取作业,检查作业。在这个需求设定之下,接下来,我们可能需要从教师的角度来考虑整个仪表盘的 UI 和 UX设计。

在这个案例当中,我们需要思考一些问题。当教师在为学生上课的时候,他们对于课程,对于每个学习单元,甚至于是阶段性的测试的安排,都有着清晰的认知。他们的大脑当中,对于每一本教材,以及需要教授的知识点,在自己的大脑当中都有着明确的记忆,可以列举成列表,能够进行管理,传授给学生。这样一来,一切似乎都非常清晰了,设计师如果做的功课够多的话,能够快速地打磨出一个大学教师们喜欢的、易用的仪表盘界面。

但是,这样一来,设计师会忽略这个事情的另外一个层面,那就是学生。

老师是整个这个课程管理系统的仪表盘的掌控者,而学生同样通过它来学习课程。当学生面对一个课程的时候,他们并不会如同他们的老师一样,对于整个课程有清晰的认知,没有一个完整的概念。他们不具备老师的思维模式,或者说是拥有一种截然不同的心智模型。他们在面对课程的时候,可能更多的是零散的问题:

  • 我们昨天学到了什么?
  • 我错过的那堂课,教授了什么内容?
  • 明天那堂课,我需要准备什么?
  • 今天学的这堂课当中,最重要的知识点是什么?

学生在面对课程的时候,思维模式主要是沿着「课程-时间」这种模式来进行,而老师则不同,他们随时可以授课,主要的思维模式是「课程-内容」这样的架构。

这样一来,再重新思考一下整个产品的设计吧。在用户的思维模式驱动下设计 UI,怎么做都不会出大纰漏,但是如果遵循普通的 UI 模式,脑中想的是用什么控件,放什么地方,那就很难说了。

现在再来看,你会发现 UI 本身并不是驱动者,而是某种意义上的用户思维模式下的副产物。因此,解决方案当中,应该反映出教师和学生两者的思维模式。当你在设计这个 UI 的时候,你可以从竞争对手那里学习,甚至可以从毫不相关的其他产品当中汲取好设计,当然,前提是这种设计需要遵循用户的思维模式。

如果轮子能够发挥作用,为什么要重新发明呢?复制之后微调到适合你需求的样子就行了。

这当然并不是意味着我们会因此受限,或者说在创作过程中失去创意。探索用户的思维模式,本身是让你更加深刻地洞悉设计需求本质的一种方式,它甚至会让你的创造力更强,打破某些常规的边界,帮你更好地解决用户的问题。

此刻,你并不是在设计 UI界面,而是在用文本、图形和思维模式敲开你用户的大脑。

现在应该明白用户思维模式的重要性了吧。为什么要做用户调研,为什么要构建心智模型,为什么要做侧写,原因其实不复杂,真正的理解,还是来源于对用户行为模式的洞悉。为某个人进行设计,就像你给某个密友挑选礼物一样,你清楚他的喜好,明白他要什么,就能用一个小礼物让他的情绪最大化地释放。当你了解一个人的个性,知道他的愿望,那么为他定制产品的时候,针对性会更强,设计自然也会有四两拨千斤的效果。

那么,你要怎样更好的了解用户呢?

就像你和别人交朋友一样,一起去酒吧喝酒,一起吃火锅,在咖啡馆里面看着来往的行人,聊聊自己最近的生活,吐槽一下生活中不爽的事情,探讨一下感兴趣的话题。其实就这么简单,也没有什么很神奇的秘诀。

而真正的「了解」,也就是通过这种方式,开始真正明白甚至「感同身受」地洞彻用户生活的模式,细节和深层的需求。举个例子,要为某个经营餐馆的朋友制作一款软件,那么需要了解餐饮业相关的信息,了解你的朋友在管理和运营餐馆的时候,具体的流程和痛点。他们每个流程叫什么名字?他们是如何订购的食材?具体的步骤是什么?员工是怎么管理的?他们要跟踪哪方面的信息?回答这些问题,明白各个环节之间的关系,想清楚要做什么。你问的越多,获得的答案越多,整个局面就越清晰。

至少,我经常是这么提醒我自己,为人设计数字产品,本质上就是了解他们的生活和工作,了解事情本身和人性本身。

原文作者 : Eugen Eşanu

译者/编辑 : 陈子木

译文地址:https://www.uisdc.com/user-thinking-model

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


2018年Behance 上最值得关注的20个设计趋势...

博博

2018年Behance 上最值得关注的20个设计趋势...


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


对于2018年的设计趋势,众说纷纭。作为大型设计社区的behance终于按耐不住,多名设计师预测了2018年20大设计趋势,下面就和兴元君一起看看到底是哪些吧!

1 未来感

无论何时,我们都对未来充满了幻想与期待。更先进的显示技术、更的出行方式,那些若梦幻离的景象总是令人兴奋,未来感的塑造总会唤起人们心中对科技的无尽渴望。

2018年Behance 上最值得关注的20个设计趋势...

2 简约舒适

少即是多,这是亘古不变的真理。简约意味着简洁,以简约主义的白色为主,优化功能,强调空间感。

2018年Behance 上最值得关注的20个设计趋势...

3 深度感

为传统的平面元素增添厚度,是 2018 年的设计大势。一点阴影,赋予了元素另一个维度,为交互体验打开了一扇窗。空间造就了深度,深度成就了空间。

2018年Behance 上最值得关注的20个设计趋势...

4 响应式图标

在未来,越来越多的面向移动体验,而日渐修长的屏幕让纵横之别不容忽视。无论哪种情况,图标都必须适应新的环境。因此,响应式图标设计对设计师而言至关重要。

2018年Behance 上最值得关注的20个设计趋势...

5 插画设计

任时光奔腾如梭,但历史总是惊人相似。太长时间的同质化,让突出个性的呼声愈喊愈震。这些年尚未发力的插画,在今年一定会得到大家的关注。

2018年Behance 上最值得关注的20个设计趋势...

6 动效设计

雨木林风,荷伴涟漪。我们无时无刻都在被运动吸引,技术的不断革新,为动效的使用铺平了道路,越来越多的产品也随之使用动效。大势所趋,永不停息!

7 微交互

上下拨动,左右平移;点按有悦,长停则变。 优化体验,塑造品牌,微交互无处不在

2018年Behance 上最值得关注的20个设计趋势...

08 演示动效

这种动效只供展示,引导用户使用。特别是在启动页、空状态,演示动效能极大的激发用户使用兴趣,帮助用户完成特定操作。

2018年Behance 上最值得关注的20个设计趋势...

9 明亮渐变

扁平化大行其道多年,多少让人有些审美疲劳,渐变得以重新回归。不同以往的是,鲜艳、明亮、酷炫,是当下渐变的特点。

2018年Behance 上最值得关注的20个设计趋势...

10 三维效果

3D 始终是我们不容忽视的力量,蛰伏多年,一直在寻找爆发的良机。且在这多年的隐忍中,聚集了越来越多的力量,让本就可怕至极的力量变的愈加摧枯拉朽。

2018 年,它不一定会发力,可一旦契机出现,就会势不可挡。

11 金属质感

现实和虚拟的界限愈加模糊,较为容易 “欺骗” 视觉的金属质感重新博得设计师关注。

2018年Behance 上最值得关注的20个设计趋势...

12 上个时代的彩色图案

也许是怀旧情怀的需要,也许是那年的少年已肩扛重担。那些年在玩具和衣着上图案重新焕发出新的活力。

2018年Behance 上最值得关注的20个设计趋势...

13 傻大粗黑

这一点毋庸置疑,在较长的一段时间里它都不会被取代。更令人欣慰的是,无衬线字体也开始展露头脚,让字体的选择进入了一个新世界。

2018年Behance 上最值得关注的20个设计趋势...

14 字体设计

在一切归于冷静之后,那些精雕细琢,能彰显差异性的东西重回王者之地,字体设计也得以荣膺桂冠。

2018年Behance 上最值得关注的20个设计趋势...

15 粒子背景

沉浸体验,是所有设计师的不懈追求。不喧宾夺主突出主体,不太阿倒持取悦用户,正是粒子背景的魅力所在。

16 拆分页面

一分为二,各司其职;化繁为简,相辅相成。划分页面空间,重新定义区域,图像与文字分离,构建信息结构。信息越是爆炸,越需要化繁为简

2018年Behance 上最值得关注的20个设计趋势...

17 艳,更艳

从性冷淡到大胆用色,恍然间抛开了对过度的恐惧。越是过度,愈是讨喜,任何大胆的设计都会被称赞和鼓励。

2018年Behance 上最值得关注的20个设计趋势...

18 单色图标

色彩纷呈,渐幻若璃;界面之中,唯我独素。色彩艳丽的今天,唯有图标坚守其道。不跟风任吹,不随波逐流,这种坚持换来了舒适与愉悦

2018年Behance 上最值得关注的20个设计趋势...

19 混合图标

线与面合,白与艳合;合则一派,不合则灭。在不同风格争相出现的今天,也是一种不错的尝试。

2018年Behance 上最值得关注的20个设计趋势...

20 新造型主义

作为新造型主义的奠基人,皮特·蒙德里安曾这样说过:对自由和平衡(和谐)的渴望是人类天性。通过理想的绘画形式将宇宙真理物质化、几何化

简化,井然有序,色面完美。率真的纯粹原色相互对立与平衡,凭借两种否定,黑与白分割构图。

2018年Behance 上最值得关注的20个设计趋势...

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


学会这5个PS小技巧,让工作效率提高5倍!

博博

学会这5个PS小技巧,让工作效率提高5倍!

设计湿兴元君 2018-07-14 09:21:54
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

大家好,我是兴元君

你们是不是有时会很好奇

明明同样身为设计师

做着同样的工作

为什么别人总是能快速完成工作?

而你却只能无穷无尽的加班...

学会这5个PS小技巧,让工作效率提高5倍!

抛开个人能力因素

也许是他们用了你不知道的小技巧

今天兴元君就跟大家分享5个ps小技巧

帮助你们提高工作效率~

从此告别加班

1. 对图层样式如何运用蒙版

我们给图层运用了图层样式以后,经常还会对图层添加蒙版进行修改,但这个时候我们会发现,图层样式运用到所有的可见像素中,而不是直接对图层进行整体擦除,如下图所示:

学会这5个PS小技巧,让工作效率提高5倍!

但这种效果并不是我们想要的,我们不希望蒙版上产生新的效果,原来我们的做法是对该图层建立组,在组上再建立蒙版;或者对该层建立智能对象,再建立蒙版。

其实我们只需要双击图层,打开图层样式-混合选项-勾选-图层蒙版隐藏效果,就可以达到图层样式不对蒙版形成新的样式效果。

学会这5个PS小技巧,让工作效率提高5倍!
学会这5个PS小技巧,让工作效率提高5倍!

如上图所示,勾选以后,再对蒙版进行处理时,不会再产生新的图层样式效果。

2. 不同文件图层原位置的快速复制

童鞋们经常需要把相同位置对象拖到不同的源文件中,每次拖拽不准确就要重新调整,非常浪费时间。兴元君教你2种方法分分钟搞定。

方法1

拖拽时按住shift键就可以复制到原位置。图层、选区、路径等一切可拖动的对象都可以用这个方法哦。(画板之间的复制除外哦)

学会这5个PS小技巧,让工作效率提高5倍!

方法2

还可以单击图层右键-选择复制图层-选择目标文档,就可以原位置复制了。但这个方法仅适用于图层、组对象的原位置复制,不适用于选区和路径复制哦~

学会这5个PS小技巧,让工作效率提高5倍!

方法2也是有优点的,它可以运用在画板上。

学会这5个PS小技巧,让工作效率提高5倍!

这两种方法都有自己的优点,童鞋们选择适合自己的就好。

3. 快速设置图层样式

通常情况下我们在图层面板里调节参数设计阴影。

学会这5个PS小技巧,让工作效率提高5倍!

虽然这种方法也不错,但是还有更便捷的方法呢,只需要用鼠标拖拽画面中的阴影即可。

学会这5个PS小技巧,让工作效率提高5倍!

当然啦,也适用于其他图层样式,比如渐变叠加、内阴影等等。

学会这5个PS小技巧,让工作效率提高5倍!
学会这5个PS小技巧,让工作效率提高5倍!

童鞋们用下就会发现,这个小技巧更简单哦~

4. 利用内阴影给图层批量上材质

我们时常会将蜡笔手绘风格运用到设计中,这种需要添加材质的设计风格,通常图层层级都较多,需要通过笔刷层层叠加,修改起来比较麻烦,并且不适用于批量文件的处理。

学会这5个PS小技巧,让工作效率提高5倍!

然而实际项目中我们需要大量统一风格的文件。

学会这5个PS小技巧,让工作效率提高5倍!

这里给大家推荐使用图层样式-内阴影-杂色,使用图层样式可以保证各文件之间的统一性,并且可以随时修改。

学会这5个PS小技巧,让工作效率提高5倍!
学会这5个PS小技巧,让工作效率提高5倍!
学会这5个PS小技巧,让工作效率提高5倍!

调节内阴影的距离、大小、以及杂色,就可以快速做出上图中的材质效果。

5. 快速修改字体

大家都觉得用ps排版麻烦,其实利用字符样式排版,还是很容易的。

学会这5个PS小技巧,让工作效率提高5倍!

新建字符样式,并设置存储,就可以快速将样式赋予给文本图层。

学会这5个PS小技巧,让工作效率提高5倍!

对于已赋予字符样式的文本图层,修改字符样式,已赋予的图层,均跟着修改。

相信有了这些实用技能

你的工作效率会大大提高的~

来源融360RUX


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

人家互联网公司的UI设计师是如何工作的?

博博

人家互联网公司的UI设计师是如何工作的?


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


设计湿兴元君 2017-08-30 17:31:32

  • 想从事UI设计行业的小伙伴们好奇UI设计的工作流程

  • 小公司的UI设计师好奇大公司大项目的UI设计工作流程

  • 大公司的UI设计师想知道其他大公司的项目中的UI设计师的工作流程

事实上,设计师的工作流程,鉴于不同规模的公司和项目会有所差异,但基本大同小异,必须有的流程还是要执行的,下面即将为大家介绍互联网公司小伙伴们的日常:

产品经理:

  • 初期:需求调研 → 竞品分析 → 产品规划;

  • 前期:思维导图「功能模块」 → 需求文档「流程逻辑」,原型设计「信息架构」→ 评审;

设计师:

  • 中期:准备工作 → UI设计 → 交互原型 → 评审→ 标注切图;

攻城狮

  • 后期:开发跟进 → 用例测试 → 上线;

接下来为大家介绍日常用到的工具:

一、准备工作

产品结构和逻辑梳理阶段:思维导图软件MindNode +流程图软件Viso

人家互联网公司的UI设计师是如何工作的?

逻辑梳理:流程图软件Visio对本次需求的流程进行梳理,这步是很有必要的

很夸张的是,大多数产品团队中,往往只有交互设计师认真从头到尾思考过产品流程;同时大多数产品,直到完成后才发现流程上的 bug,但此时只能假装没看见。

只有设计师明白产品整体的使用流程,才能站在全局的角度去看待本次的设计任务,让设计师也从始至终参项目,这在后面会减少很多沟通成本。

人家互联网公司的UI设计师是如何工作的?

二、UI设计

主力设计工具 Sketch,不用多说,无限尺寸的画布配合快捷键和庞大的第三方模版更利于输出移动产品原型。如果在团队全 Mac 的配置下,还可以无缝衔接设计与前端的项目协作。

人家互联网公司的UI设计师是如何工作的?

三、交互原型

强烈推荐:主力交互工具Flinto,是一个使用图片快速生成移动应用的原型,简单粗暴,只要上传几张设计效果图随便拖拽几下,只需要几分钟就可以部署到手机上查看逼真的交互效果,学习成本极低,最开心的是版本已经有中文版了。

人家互联网公司的UI设计师是如何工作的?

Appstore下载Flinto,可以在手机上实时预览,查看逼真的交互效果,跟成品差别不大,开发再也不用过来问,这个应该跳转到哪个页面,这个怎么操作......

尤其是给老板,客户展示的时候,一来这货够专(zhuang)业(bi),二来千言万语不如真机来体验一下。

人家互联网公司的UI设计师是如何工作的?

四、评审

户体验地图:把根据「问题」和「惊喜」的数量情况,和重要性程度,理性地判断每个行为节点的情感高低,并连线。

1、看看最高点,为它多做一点事情,将它推到。

2、看看点,思考能不能把其它体验值高的步骤,分摊一部分功能到这里,均衡体验情感。

人家互联网公司的UI设计师是如何工作的?

用户体验地图:如果你参加过收费的 workshop 或者看过讲设计方法的书,你一定听过体验地图(Experience Maps)。在一些些台版书籍里也叫使用者旅程图(User Journey Maps)。

使用帮助:以干货开场,如何有效地做用户体验地图

体验地图第一大优势:好看。它以视觉化的方式,将用户与产品或服务进行互动时的体验分阶段呈现出来,让体验地图中的每一个节点都能更直观地识别,评估和改善。不论是电子版还是满墙的便利贴,在效果上已经充满了形式美。

体验地图的第二大优势:非常贴合时下流行的「情感化设计」。体验地图能协助团队精准锁定产品引发强烈情绪反应的时刻,同时找到最适合重新设计与改进的地图节点,这一切都几乎用户使用中的情感需求。

体验地图的第三大优势:能够多人参与,并且让所有人都横向梳理一遍产品流程。很夸张的是,大多数产品团队中,往往只有交互设计师认真从头到尾思考过产品流程;同时大多数产品,直到完成后才发现流程上的 bug,但此时只能假装没看见。

为什么你觉得体验地图无用?因为你不知道:

体验地图并不是一个独立的设计方法,它是产品用户研究过程中重要的一部分。在我做过的案例中,体验地图往往是最终收尾、拿结论的最关键节点——但是不能脱离了前期其它设计方法的材料准备。

转自专栏:理科生是设计师

作者:星玫

五、切图标注

相信大多数设计师只希望做好属于自己的界面设计,不想在切图和标注这上面浪费太多时间,每次一到要标注的时候,心中就万头草泥马在奔腾

劳资是一个设计师,不是切图仔!!!

还是默默地去标注尺寸去了,让本公举切图该多好!心里想如果有一天能不在

切图工具演变路径:马克鳗 → Pxcook→ Zeplin

人家互联网公司的UI设计师是如何工作的?

直到发现了zeplin这个神奇的工具,以后再也不用标注和切图了,使用zeplin有以下好处:

1.标注尺寸那里需要点那里,距离相邻元素的所有尺寸和颜色清晰明了,之前是标注太细致,ui没法看,标太少,相当于没标注

2.支持css/less/saas等css属性,直接粘贴,开发简直不能太爽了

3.支持标注,方便团队协作(可以替代prd文档了)

4.支持色板和字体 导航 ,可以用作使用规范

人家互联网公司的UI设计师是如何工作的?

关于zeplin:

随着sketch的普及,好多团队都陆陆续续把sketch作为设计主力工具,去年zeplin发布1.0版本时候还不支持Photoshop cc,一年过去了,版本已经可以兼容版的ps了,可喜可贺。并且zeplin客户端在Mac和Windows上面都有对应的版本。

再也不需要为了一个zeplin去学习sketch了,ps也支持啦!毕竟再重新学一个软件,本宝宝心好累

人家互联网公司的UI设计师是如何工作的?

安装步骤:zeplin官方安装帮助

步骤一:安装软件+zeplin插件

1.Mac用户:安装sketch;Zeplin.app;zeplin-sketch插件

直接解压安装即可

2.Windows用户:安装Photoshop CC2015;Zeplin.app;zeplin-ps插件&面板

步骤二:注册zeplin迭代帐号,邀请项目人员。

步骤三:把sketch或ps里的文件导出到zeplin

使用姿势:

人家互联网公司的UI设计师是如何工作的?

切图神器二:slicy是经过测过几种辅助切图工具后又回来使用的神器。「把整个 PSD 扔进去,结束。」简洁利落不啰嗦。我爱它的程度已经到了没有它我就不会切图了(哈哈)。

人家互联网公司的UI设计师是如何工作的?

1. PS 图层依规则命名→2. 把档案丢进 Slicy 里→3.完成

人家互联网公司的UI设计师是如何工作的?

人家互联网公司的UI设计师是如何工作的?

够简单无脑了吧?

使用姿势gif:

人家互联网公司的UI设计师是如何工作的?

其他实用工具也分享给你

1.图标管理工具

▌iconjar for Mac:目前支持 SVG、PNG、Gif 三种格式的图片。建议大家去官方下载官方素材库资源时候尽量导入svg格式,这样以,毕竟是矢量的.

人家互联网公司的UI设计师是如何工作的?

选中某个图标,侧边栏会出现名称和标签,当然不需要的右边栏话也可以在菜单栏隐藏.

偷懒姿势:

1)下载图标并安装:官方素材库

2) 把图标拖进sketch或ps 里。

人家互联网公司的UI设计师是如何工作的?

▌Icon8 for Windows:提供客户端(Mac/Windows)来方便用户搜索和直接下载图标,没有付费的用户可以使用客户端程序获取50PX(像素)的 PNG 图标,而且能自定义图标颜色。通常的使用中,这些风格统一、可以定制颜色的小图标就够用了,如果要进一步获得大尺寸的图标或 eps 矢量格式需要付费。

人家互联网公司的UI设计师是如何工作的?

支持:Photoshop, Axure, Visual Studio 等等,如图所示

人家互联网公司的UI设计师是如何工作的?

人家互联网公司的UI设计师是如何工作的?

人家互联网公司的UI设计师是如何工作的?

2.字体管理工具:Rightfont

人家互联网公司的UI设计师是如何工作的?

下面是google自动翻译的,大概意思还是正确的

人家互联网公司的UI设计师是如何工作的?

人家互联网公司的UI设计师是如何工作的?

3.GUI 规范管理与共享(图标/色板):Lingo 

这个可以当做公司内部设计师和开发公用的一套GUI设计规范来用,

  • 团队:收费

  • 个人:完全免费

顶部工具栏可以创建色板,吸取颜色创建完成后,直接Command+c复制 Commandl+v粘贴 进sketch或ps 里,完成取色任务.

最右边支持HEX RGB HSB 颜色的拷贝和粘贴,同时支持css颜色代码快速显示

人家互联网公司的UI设计师是如何工作的?

偷懒姿势:

1) 创建色板

2)把Command+c复制 Commandl+v粘贴 进sketch或ps 里。

4.设计素材收集:Zoommy+Inboard

  • Zoommy (Mac/Windows均可)

每个设计师都有一个习惯,那就是做设计之前先去搜素材,每次找个合适的素材会花很长的时间,百度的图片质量各位都懂,那么问题来了,如何快速的获取到你想要的图片素材呢?

相对来说我们上高中的时候找图片,找半天都找不到中意的素材,现在比之前好多了,免费的素材也要多很多,有些质量还挺棒的,高清无码大图。

所以小公举用的就是一款多图库源管理应用-Zoommy,有了它我们可以很方便的关注40多个图库源,找素材的效率大幅提升。

妈妈再也不担心我找图了,hiahia~

人家互联网公司的UI设计师是如何工作的?

Windows上面也可以用,不多说,上图:

人家互联网公司的UI设计师是如何工作的?

  • Inboard:比Ember更轻盈

如果你用过Ember回头再来使用Inboard,你会发现它在功能上确实会少很多。但带来的好处就是应用足够轻盈,易用。再看看Ember中那些复杂的功能,我会用到的始终只会是它其中的一小部分。

1.文件夹和Tag方式的图片素材管理

2.Chrome、Safari的全屏截图保存

3.Dribbble like的关注两个核心功能 延伸阅读 如何成为 Dribbble 的 Player ?

使用截图

人家互联网公司的UI设计师是如何工作的?

讲到这里,是不是如获至宝

良心推荐,无私分享

有没有讲到你的工作上的痛点呢?

赶紧下载用起来吧!

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

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

博博

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

互联网er的早读课 2018-07-14 18:46:25

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

来源:网易UEDC(ID:NetEase_UEDC)

编辑:Juvae

隐喻设计是一种常用却很少有人提及的概念,人们往往身在其中却不知究竟为何物。

简单说,隐喻设计它可以将现实生活中用户熟悉的事物以多种形式映射到界面中,从而使用户不熟悉的概念、陌生且复杂的操作等变得熟悉与简单。

它不等同拟物设计,隐喻是一个大的概念,界面中充斥着不同的隐喻元素。本文将常见的隐喻元素按照视觉、听觉、触觉三种界面交互类型分类,并整理了四种隐喻设计方法,以供大家参考。

界面隐喻的类型

1. 视觉隐喻 - 静态

1.1 文字隐喻

界面中常见的文字隐喻可以分为两种,一种是功能命名类语言,另一种是产品定义类语言。

常见的功能命名类语言有:“解锁、导航、登录”等等。功能命名类语言主要是运用隐喻的方法对界面中经常使用的功能进行命名,例如“导航”本义是驾驶某种交通工具从某个地方去往另外一个地方,它可以指引人们路线,设计师将界面中“依据地图行走可以到达目的地”这一功能命名为“导航”,可以和现实生活中人们熟悉的导航本义结合起来,方便记忆。

常见的产品定义类语言有:应用市场中的“市场”、文件助手中的“助手”等等。而产品定义类语言,不仅可以准确表达功能要求,还能传递给用户某种情感。例如,文件助手中的“助手”两个字本义是可以帮助他人的人,设计师将手机中的文件夹定义为“文件助手”,意图是这一功能可以为用户整理文件排忧解难,给用户传递一种被感动的情感。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

1.2 色彩与材质隐喻

在界面设计中也有两种形式的色彩隐喻。一种为指示性的设计,运用用户熟悉的某种颜色指示界面中的某种状态,例如QQPC版用绿色icon代表我在线上、红色icon代表忙碌或请勿打扰。另一种为气氛的营造,借用色彩带给用户的某种心理暗示,为产品营造某种氛围,例如支付宝软件整体采用蓝色的风格,可以营造一种安全的氛围。

材质的隐喻可以使界面不再生硬,用户使用起来更加亲切。例如读书APP的阅读界面采用纸质效果,使用户在阅读时更像是阅读一本真正的书。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

1.3 图形隐喻

图形是构成界面的重要元素,具有隐喻特征的图形会让一些繁琐并难以理解的操作行为变得轻松且生活化。所以在设计中,设计师需要有效地构建图形隐喻从而表达事物的含义与特征。

常用的图形隐喻非常多,例如界面中锁可以代表“密码”,火箭可以代表“加速”,调色板可以代表“主题”,齿轮可以代表“设置”,地球可以代表“浏览器”,雨伞可以代表“安全”等等。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

2. 视觉隐喻 - 动态

2.1 人的行为习惯上的隐喻

人的行为习惯上的隐喻是指界面设计中的交互方式模拟用户真实操作生活中的物体时的手势、动作。例如,界面中的手势操作:滑动,放大,缩小,旋转,拖动,抓取等;将垃圾文件放置回收站,将商品放入购物车;手机滑动解锁等等。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

2.2 物体物理属性的隐喻

物体物理属性上的隐喻是指现实生活中,物体被移动、被操作会表现出一种自然的属性,设计师根据这种属性进行界面隐喻设计。常见界面中物体物理属性的隐喻有:读书软件中翻书书页模拟真实的效果;点击或触摸屏幕时视觉水波效果的反馈; 页面转场的加速度,惯性等物理运动曲线效果等等。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

3. 听觉隐喻

听觉隐喻元素是指界面系统反馈给用户的某种能够准确映射出这种交互行为的隐喻性声效。例如,将文件放入回收站的音效(当将一个文件放入回收站后系统会模拟纸张被撕开,扔入垃圾桶的音效);当用户读电子书翻页时,纸张的摩擦声的音效;此外还涉及游戏音效:当用户玩游戏植物大战僵尸游戏的时候存在多种听觉隐喻元素,种下植物时植物与地面结合的音效、植物发射子弹打在僵尸身上的响声、僵尸来临时的营造氛围的恐怖音效、最终失败时主人公大脑被吃掉时的叫声,听觉通道上的隐喻音效让整个游戏更加真实、生动。

4. 触觉隐喻

触觉上的隐喻可以理解为,设计师模拟真实世界用户获得的某种触觉体感,为界面提供适当的仿真反馈,从而提高用户体验的方法。常见触觉上的隐喻,例如:iPhone7的home键并非实体按键,但为了保持用户的使用习惯,仿真设计成实体按键的外形并提供用户实体按键的反馈;iPhone的3DTouch可以理解为设计师为了模拟电脑鼠标的右键,为产品提供更多功能的一种移动端快捷方式;此外,在游戏中,撞车时、飞机被击中时的震动反馈也属于触觉上的隐喻形式。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

界面隐喻的设计方法

界面隐喻设计方法的本质是设计师通过将界面中某元素和现实生活中的某事物联系起来,挖掘二者之间相似的属性,从而使用户接触到界面中的此元素时,就能够认知这个元素所代表的概念或功能等。针对二者之间相似的属性,具体可以分为概念上的属性、特征上的属性、结构上的属性、行为上的属性等。

1. 从概念上进行隐喻设计

例如,现在最普遍的两大电脑操作系统Mac OS系统与Windows系统的“桌面”界面都是由现实生活中的工作桌面的概念映射而来。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

2. 从特征上进行隐喻设计

例如,设计师会使用盾牌的图形来表示安全软件,因为盾牌与安全管家等软件同样具有防护的特征。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

3. 从结构上进行隐喻设计

例如,网易邮箱大师的“邮箱与文件夹”展开结构与现实生活中抽屉被抽开的结构具有一致性。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

4. 从行为上进行隐喻设计

例如,在界面中用户将某文件拖进回收站这一动作模拟了现实生活中人们将废纸扔进垃圾桶。

揭开隐喻设计面纱-界面隐喻类型与隐喻设计方法

写在最后

好的隐喻设计可以简单地传达一个功能所代表的意义,或能更加匹配用户心智模型从而引导用户进行正确的操作。

本文归纳的隐喻设计类型和隐喻设计方法,希望可以对大家提供一些设计启发。

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

B站为何能在一片红海的视频市场中生存?

博博

B站为何能在一片红海的视频市场中生存?

集创堂 2018-04-04 10:03:43

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

垂直市场是指在某一个行业或领域深化运营的市场,通俗来讲就是指我们常说的细分市场,我以目前盛行的诸多网络视频平台为例,和大家聊聊细分市场的产品竞争策略。

国内最早上线的视频网站是2004年开始运营的乐视网,第二批竞争对手就是土豆网、我乐网(56)、优酷网,随后网络视频平台遍地开花,我们耳熟能详的爱奇艺(271)直到2010年才出现,腾讯视频也是2011年才出现,这是一个网络视频平台井喷的阶段。

发展到今天的红海阶段,这些视频网站如今的情况也有了很大的变化。

乐视网后来更名为乐视视频,这家公司目前的情况大家也多少有些了解,贾老板现在还没从美国回来呢;我乐网后来被人人全资收购,后来又被搜狐收购;土豆和优酷在2012年合并为“优酷土豆”(友情提示新手:这里的合并指的是它们两家公司合并,网站并没有合并为一个网站,还是俩),在2015年被阿里巴巴收购;爱奇艺和PPS合并前后一直归属于百度;腾讯视频,看名字你就知道它是谁家的。

B站为何能在一片红海的视频市场中生存?

基本上业内算得上“品牌”的大型网络视频平台都是巨头级企业在背后支撑,这种规格的市场竞争就是现有市场的竞争(红海市场)。现有市场里各大网络平台都可以覆盖用户观看视频的需求,用户体验对比起来也不差多少,这时候的竞争拼的就是各大平台的商业策略和它们背后金主的资金实力,产品经理和设计师起到的作用其实很微小。

你不能指望一个产品经理能帮爱奇艺干掉腾讯视频,对方也不是省油的灯。

红海市场的竞争如此激烈,想必已经没有了新产品进场的空间,但是我们仍然在网络视频盛行的年代看到了诸如快手、抖音这种“异军突起”的新兴产品,那么,它们是如何在视频平台已经打定江山的情况下活跃起来的呢?

B站为何能在一片红海的视频市场中生存?

答案就是垂直市场。

“所谓的垂直市场,其实就是从现有市场那庞大的空间里根据某种特殊属性“切割”下来一小块,针对这个特殊属性做一份独属于这个领域的小项目。”

爱奇艺是几乎覆盖了全网所有用户种类的视频平台,但是它的目标用户群太广泛了,当它照顾中年妇女的时候就很难照顾十二三岁的孩子,关注职场人士诉求的时候就很难关注到高校学生,它几乎永远无法牺牲一部分人群的需求去满足另一部分人的需求,所以它的形态必然是均衡的:我谁都不照顾,只是提供海量的视频,并且针对视频进行分类,你们根据自己的需求来搜索、寻找吧。

这是平台型产品的“通病”,它什么用户都想覆盖,自然就会面面俱到——而面面俱到的结果,就是各方面都没有特别照顾,只是在追求“视频观看者”在视频需求方面的共性。

这种“谁都不照顾”追求共性的行为就给了很多小产品生存的空间,比如BiliBili动画视频,它在中国的二次元领域属于一款现象级产品。对于那些对二次元不感兴趣的视频观看者来说,B站毫无价值,但是假如说你是一个热衷于动画、动漫甚至鬼畜剪辑的人,你就很容易被B站吸引——从战略上来讲,B站牺牲了那些对二次元不感兴趣的人,专注经营那些对二次元感兴趣的用户,这就是垂直市场的竞争策略。

B站为何能在一片红海的视频市场中生存?

“垂直市场会更针对地覆盖到某些用户的需求,这种针对性就是“垂直壁垒”。垂直壁垒像一堵坚硬的墙,把外面的用户挡在墙外,把里面的用户团团围住,它的核心就是差异化,围绕着特殊属性打造的差异化能够有效扼制平台产品对它的伤害。”

说到这里,我必须向大家强调一点:“垂直”是一种相对于当前环境来说细分的概念,垂直市场也只是一种相对于现有市场来说细分的市场,它的前提就是现有市场已经处于红海阶段了,这时候的细分市场才会有发展机会。

爱奇艺和腾讯视频都是平台型产品,B站在刚开始推出的时候相对于前两者来说属于垂直市场的网站,但是当B站发展壮大后,如果二次元领域的视频网站增多,二次元领域的视频网站竞争也趋近于红海市场,那么B站的市场也会变成现有市场。

“简而言之:当现有市场处于红海阶段的时候,针对某个特点做起来的产品可以在相应的垂直领域打开销路,当这个垂直领域也进入红海阶段的时候,它就变成了第二级的现有市场,这时候就会有更深一层的垂直市场出现。”

如果你新上线的产品正处在红海市场的激烈竞争中,不妨尝试下垂直市场的竞争策略,找准一个具有特殊属性的领域,开辟出一个小范围的战场圈住用户。

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


UI设计中常用字体规范

博博


UI设计中常用字体规范

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


很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距等问题困扰。

拿到设计需求后,页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等,完全不知道该如何下手,如何开始进行设计。下面,我就从UI设计中常用字体规范中给大家简单讲解一下,如何进行设计。

一、字体设计排版

我们常常会听到,这也太LOW(土)了吧?你能修改一下字体吗?

过多不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就你的设计也可以毁掉你的设计。

UI设计中常用字体规范

问题的关键有:

1.字体样式太多,导致页面杂乱

2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配

那么,怎么避免这样的结果发生呢?

通过设计经验可以帮助你做出更好的版式

了解不同平台的常用字体设计规范

在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。一般来说,视野范围内,最多不能超过三种字体,太多的字体、字号,就显得非常杂乱无章。

不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

字体与背景的层次要分明

确保字体样式与色调气氛相匹配


二、界面中中文字体使用规则

不同平台、不同界面设计中,使用的字体规范也有所不同,像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体,在这我和大家分别介绍一下。

常规字体

IOS:可以选择的字体有华文黑体或者冬青黑体、苹方字体;尤其是苹方字体效果最好(iOS9系统将平方作为iOS字体)。

Android:英文字体:Roboto 中文字体:Noto。偶尔也会用到微软雅黑字体。

网页:网页中常规字体一般选用微软雅黑作为设计字体(微软雅黑Windows LCD)

常规字号

导航主标题字号:40-42px。

我一般设计就用40px,偏小的40px字号,显得精致些

内文展示中字号:大的正文字号32px,副文是26px,小字20px

一般在内文的使用中,根据不同类型的App会有所区别。像今日头条新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。


设计是一个漫长的修改过程,一个好的设计稿,不单单从字号,字体体现。下一期,我将给大家谈谈,UI设计规范中的其它要素。

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

UI设计中的字体字形设计

博博

UI设计中的字体字形设计

斌斌UI 2017-02-22 09:46:47

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

年后是找工作的高峰期,特开此头条号给各位准UI从业者一些我在工作中遇见的问题,希望对大家有所帮助。


平面设计中,字体的地位越来越重要,不管是海报、画册、折页、网页、UI设计什么,Banner,只要是需要视觉传达的设计中,都需要文字作为主要突出传播角度。

字体拆分再造。是字体设计中非常重要的一个设计点。也是我们设计师常用的一种方法。

下面,我给大家举个例子,看看字体再设计应该如何去改造!

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计

UI设计中的字体字形设计


好了,这就是本期的字形设计例子,在大家日常字体设计中,多注意字体的偏旁部首,想下如何拆分重组。多去试。


如果我的文章对大家有所帮助,希望您点击+关注,对我及我的文章有什么建议或者意见,欢迎您在下方评论区评论,您的关注是我最大的动力

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

无人零售的运营困局与破局

博博

无人零售的运营困局与破局

人人都是产品经理 2018-07-13 09:00:23

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

上一篇《娱乐零售至死》是我近期在无人零售领域的实践和研究,主要分析了无人零售领域在娱乐购物新的变化,同时将零售业中涉及的“人、货、场”重新做了界定,看这篇文章之前建议先仔细看看上一篇文章,这样理解起来会容易一些。

无人零售的运营困局与破局

分析无人零售的运营前,老规矩,我们先来简单了解传统零售业的运营。

在传统零售里,最核心的有两个部门:采购部和营运部,这两个部门在京东体系里被合并为:采销体系。传统零售的市场营销部门一般都被边缘化,要么没有独立的部门要么被拆分至采购和营运部门。例如店内物料宣传一般在采购部、店内的活动宣传则归属营运部。

传统零售的主要运营工作归根结底还是品类运营为主,下面这张图基本上涵盖了品类运营的几个方面:

无人零售的运营困局与破局

关于传统零售的运营部分,这篇文章就不过多展开详细分析,感兴趣的朋友可以通过搜索获取更多这方面的信息。

不过有一点要强调的就是传统零售的运营管理都是属于人力资源密集型,无论是采购部还是营运部,都需要招聘和管理很多人,我的老东家沃尔玛在全球拥有230万员工!

所以传统零售业的店内运营就属于“有人”的运营体系,在这样的体系下,出现了导购、活动运营、货架阵列等专业的岗位。

下面先讲一个案例,感受一下来自“有人便利店”与互联网结合的创新运营案例,再来分析和理解无人零售的运营困局和破局。

有个朋友的亲戚在北京某个小区的门口开了间便利店,大概100平米左右,属于非常传统的“坐商”经营方式,坐等小区居民过来消费,每个月净利润7、8千元左右,在北京勉强糊口的水平。

这个朋友有一次来北京出差,于是这个亲戚就让他帮忙出谋划策,有什么好的方法能够改善提升销售?

这个朋友先是对小区做了一番调研:便利店所处的小区很大,靠近商务区,租住在这里的年轻白领比较多。1公里外的沃尔玛超市生意很一般,不远处还有另外两个便利店的竞争,而且北京的京东超市做得很好,都对这个亲戚的便利店都形成了分流。

接下来做了些销量提升的分析:如果想要吸引顾客上门,要么低价促销,要么便利店有其它刚需的价值。

亲戚当然不想低价促销,那么刚需又有哪些呢?这些租户有什么共同的需求?分析的结果是:收发快递。

小区的白领们网购特别频繁,平均一天1、2次快递都是常有的事。上班的寄到公司有些不合适也不方便,家里平时又没有人,下班快递有些还不送货。小区的快递柜经常放满而且很偏远,有些快递公司还不支持。小区保安也不帮忙收发快递,周末收快递还要在家等,毕竟有些要出去玩有些想睡懒觉,寄快递还要麻烦填快递单……

这样一分析发现收发快递不仅是刚需,还是痛点。如果能有效解决这个痛点,说不定就能带来店里的关联销售……

亲戚听他这么一分析,觉得有些道理,于是马上花6000元定做了两个快递柜,放在便利店的最里面。然后这个朋友又出了个主意,为了更快收回快递柜的成本,可以给快递柜的每个箱子每人配一把专门的钥匙,每把钥匙收30元押金即可免费收寄快递。

最后他们还印刷了一批宣传单张,在小区门口派发,引起了极大的反响。最终300多人交纳了押金收了1万多元,基本上都是公司的白领,他们之后的收货地址,全部填的是这个便利店的柜子编号,平时柜子是开着的,快递放进去后推上直接上锁。亲戚作为老板有一把,交了押金的租户有一把,如果还有新的快递,老板打开箱子再放进去。

每天都有非常多人来取快递,现场统计的有30%左右的人顺带买了零食和饮料。于是亲戚又批发了一些蔬菜、肉类、水果,也卖得很好。

他还把这300多人接到微信群里,每天通知谁有快递、谁的快递还没有拿,由于是刚需,所以没有人退群,成功实现了社区到社群的演变。

无人零售的运营困局与破局

后来,他还做了个微信小程序商城,把店里一些卖得好的零食、饮料、水果、蔬菜、肉类都放在商城上,满20元免费半小时内送货。很多不想下楼取快递的,会顺便买20元东西,然后送货的时候帮忙送快递上来,一举两得,下单量非常可观,生意好得不得了。

这三招,让原来每月净利只有7、8千的小小便利店,月净利达到了4万多元!

于是这个朋友又给他亲戚出主意,将小区旁边的两个便利店收购了,用同样的方法同样取得了非常好的业绩。

对于无人便利店来说,想达到这些效果恐怕很有难度了。

一. 无人零售的运营困局

1. 店内资源无法复用

刚才提到的快递柜如果是无人的,那么一个柜子只能放一件包裹。有人的情况下则可以通过钥匙开启再放多两三件包裹,虽然节省了人力成本,却因为资源无法复用多出了硬件成本。

2. 无人零售将销售单位细分化和分散化,导致无法进行有效的品类运营

无人零售现在的主流是无人售货柜,就算是无人便利店,能够放置的商品品类仍然有限。

品类的关联销售和多种选择大都依赖于后台消费数据,并且由于位置有限,品类难以扩充。由于没有关联有人的服务,线下的销售行为变成了线上冷冰冰的数据分析,试图通过单靠数据来实现更精准的品类摆放从而提升销售,在线下并不见得比“有人”运营更有效。

无人零售的运营困局与破局

另一方面无人零售企业为了降低单位租金成本,许多的无人零售模式都是将销售单位进行拆分,例如无人橙汁机、无人咖啡机、无人披萨机等,这些无人售货机分散在商场或者机场等各个角落,关联销售更加无从谈起。

从上面的案例可以看出,便利店老板在发现使用快递柜带来了高达30%的销售转化后,又进货了蔬菜、肉类等品类的产品,与原来的零食和饮料形成新的关联销售。

关联销售在零售和电商的运营体系里是非常重要的,关于关联销售涉及的更多内容,限于篇幅就不再过多介绍,欢迎关注【庄帅零售电商频道】公众号,会有专门的文章进行分析。

3. 现场的活动运营由于无人而无法进行

运营体系除了品类运营、用户运营之外,非常重要的就是活动运营。对于传统的线下零售来说,由于有活动运营策划配合现场的导购员、收银员,通过多种多样的现场活动吸引人流借此提升了销量。

这三个无人零售的困局在线下的空间争夺战前期并没有显得那么突出,可是随着占领的空间越来越多,销量却并不如意料。随着新鲜感渐失,销量还有可能由于运营困局下滑的时候,如何破局就会成为无人零售企业需要认真考虑并提上日程。

二. 无人零售运营的破局之道

无人零售如果想通过运营体系(品类运营、用户运营和活动运营)来提升销量,有两个方式:一个依托我在《娱乐零售至死》提到的“单人多店”模型进行活动运营;一个则是强化线下用户向线上的转化。

由于要完成补货和机器维护的工作,现在的无人零售店和机器还需要“有人”,但随着无人送货机的发展和成本的下降,补货和机器维护的工作终将被机器取代,那人做什么呢?

可以在未来转型成为活动运营人员,在现场举办由总部策划好的活动,,从而拉升所在区域无人售货机的销量。

要将一直做单一工作的人变成未来能够进行现场活动运营的人,提前做好相关的培训和试点就很重要。

第二个方式是将线下用户转至线上(公众号、小程序、微信群),然后通过用户运营和线上的活动运营来提升线下的无人售货机或便利店的销售。

其次通过小程序商城的方式实现线上的关联销售。

这些部分限于篇幅就不多展开分析了,在后续的无人零售实践和研究过程中,我会继续重点关注运营体系的变化和创新,这是一个新课题,如果你在无人零售的实践中已经有什么好的做法和想法,欢迎交流~

作者:庄帅(个人微信:zhuangshuaidu),微信公众号“庄帅零售电商频道(ID:zhuangshuaiec)”,前沃尔玛(中国)、王府井百货电商高管,中国百货协会无人店分会客座顾问、中国电子商务协会高级专家,专注零售电商商业研究。

本文由 @庄帅 原创发布于人人都是产品经理。未经许可,禁止转载。

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


日历

链接

个人资料

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

存档