案例解析

中后台没啥可设计的?试试这样拓展设计价值

B类领域设计师必然会面对譬如CRM、ERP等诸多类型的中后台类产品。大多就是做做表单设计,年底考核时想争取涨薪证明自己,但老板要问的“设计价值”是个啥?在这些业务主导下的中后台产品又该如何定位设计机会及价值? 一个月的过程中,经过不断的讨论分析,10多个的方案,最终确定了现在这版国际化、扁平化、简约、明快的界面。

设计每日一贴

给设计公司的UI设计需求文档怎么写?


偶尔有来咨询的客户会询问:设计需求文档怎么写?给我一个模板吧。 加起来,这样问的客户也不少,所以蓝蓝设计录了一个视频讲解:给设计公司的UI设计需求文档怎么写?请看一下这段录的视频讲解吧!

UI经验:软件首页怎么设计?


每个软件首页怎么设计?如何进行首页上的内容取舍,最终客户和上司是究竟想要什么?是客户们(产品经理或技术总监)普遍感到为难的地方,希望有外部的专业设计力量来参与意见,多一份力量。

蓝蓝设计随笔:ui用户界面中的表格设计


UI软件设计中最常用、最基本的是表格的设计,有些软件中80%都是表格类页面,可以说,设计开发的是否易用,很影响口碑和用户的使用感受。基础的东西一定要做好,就像我们吃的主食一样,虽然都是米和面,但是各地出产各种品种口味都不相同,要根据食客的喜好选择、烹饪。今天就聊一聊最基础的表格设计、变化和常见问题。

产品简化改版怎么做?


如今的数字产品,在不断迭代过程中,会加入更多功能,添加更多的技术支持,更新进阶的特性。而另一方面,企业对于构建简单实用的产品,也同样非常着迷。这当中当中毫无疑问是存在微妙的对抗和冲突的——如何让更好更多的信息,以更加轻量易用的方式呈现出来?这就涉及到产品的简化改版的技巧了。

细说B端后台产品UI设计那些小结


作为一个新时代打杂,日常工作包括移动端、PC端的UI设计以及各类平面视觉设计,其中自然少不了令人“秃”然的B端后台产品设计。 毕业两年来一直都做着B端产品的UI设计工作,参与过的后台产品设计面对的主要客户有公司内部、各大企业以及政府机构。工作和学习的过程中走过不少弯路,也在不同的项目中不断反思和总结。把自己的一些想法和经验分享出来,总结自己工作中遇到的问题和解决的方法,记录自己思考和理解的过程,也希望对即将或正在从事B端后台产品设计的你有一点点启发或帮助。 希望在日后的工作和学习中,通过实践来不断完善自己对B端后台产品的理解。

Feed流设计:那些容易被忽略的图片适配知识


在产品设计中,大家很容易跟着产品原型走而忽略了一些设计上的细节问题。本文笔者总结了在Feed流中容易被设计师忽略的,却最容易出现问题的几种图片适配方式。

网格设计的历史


第一个系列我打算先写网格,国内也很缺乏这块的知识,现在能找到的关于网格的文献,大多数都是从国外网站直接翻译过来的,对此我感到很遗憾。正因如此,我才想把这块的知识分享出来供大家学习。另外网格系统的框架也是非常的庞大,从网格的历史,规则、解构网格等,都是需要去学习的知识, 也请大家认真学习吧!

交互设计中的“所见即所得”原则


“所见即所得”原则我记得在之前的文章中就提到过,但是没有详细说明。最近在体验一些产品时,发现很多交互设计上的坑都可以归纳到“所见非所得”上。

B端-表格设计


表格(Table),又称为表,是用来收集、整理、组织、分析数据的二维矩阵。它既是一种可视化交流模式,又是一种组织整理数据的手段。

从视觉产品两方面,分析2022年B端设计的发展趋势


1. 3D 设计风格 虽然 3D 化的视觉风格早已到来,但是在 B 端市场上,3D 风格在此之前依旧表现的十分克制。随着 C4D、Blender 这些 3D 建模软件的不断普及,再加上互联网上关于 3D 建模教程的增多,你会发现 3D 风格的视觉表现,是一个 B 端视觉设计师的基本要求。


2. 新拟态 虽然新拟态是在前两年的产物。这个设计风格背后,遭到了很多设计师的质疑与排挤。但是随着这个风格的不断成熟,感觉它在 B 端视觉领域(特指的是官网 ),是非常受欢迎的,因为整体的风格,与官网的设计形式趋同。

如何做好B端用户研究?我总结了这4个方面!


1. 主动找用户 日常主动找用户做研究的方式有:问卷调查,线上数据,深度访谈,可用性测试。


2. 深度用户访谈

3. 用户找我们 我们除了可以去找客户,客户也回来找我们反映问题。这个方式其实是更加直接的。这个方式的三个阶段,分别是收集需求、问题分类、以及问题进行排期。

4. 成为用户 这个一般是土豪公司的选择,典型的像有赞,把实体店开在公司楼下。然后让产研人员定期去当店小二,在自己的系统当中去找出问题,早上去做店小二,下午就把 BUG 修改完。

B端设计指南:快速了解B端产品的四种分类


垂直业务型产品 垂直业务型产品是针对企业垂直独立的业务需求所设计出来的 B 端产品。这类产品的出现,主要是围绕某一个复杂业务场景,去解决这个场景当中企业经营、管理的实际问题。


行业属性型产品 行业属性型产品是针对某个行业定制的一系列,从上至下、从内到外的产品功能。这类产品主要是围绕一个具体的行业去构建整个产品的解决方案,目的是这个行业的商家,在使用了这款产品过后,就能够解决它目前经营过程当中的问题。

协同办公型产品 协同办公型产品是通过软件实现工作协同、办公自动化,让企业高效运转的产品。

Bs界面设计之四:B端设计指南:6800字干货帮你掌握快捷键设计


键盘,在很多人的眼中,就是一个信息录入的硬件设备。但你却不清楚完整的键盘当中,字符按键只占到了整个键盘数量的 60% (完整键盘共 108 键,字符键 65 键)


你会发现,键盘除了打字之外,还会有其他很多用途。快捷键,就是不可忽视的一部分。(注:完整的快捷键会包含,快捷组合键与快捷按键两部分,文章就不做过多纠结,意在讨论这样的交互形式,这里简单统称为快捷键。)

Bs界面设计之五:想做B端还不懂什么是SAAS?一篇最专业的扫盲科普(上)


有了解和学习 B 端的同学必然都听说过 SAAS 这个词,这在 B 端行业是个非常重要的产品形式和分支。 虽然它重要,但新手对这东西的理解充满了让人遗憾的扭曲。比如常见的误解式提问,Saas 应该怎么设计?适用哪些设计风格?


讲解什么是 Saas,或者刚刚图例出现的 Paas、laas 是什么,首先要认识一个问题,一个需要联网的软件,是如何落地的,需要哪些前提条件。

Bs界面设计之六:想做B端还不懂什么是SAAS?一篇最专业的扫盲科普(下)


有了解和学习 B 端的同学必然都听说过 SAAS 这个词,这在 B 端行业是个非常重要的产品形式和分支。 虽然它重要,但新手对这东西的理解充满了让人遗憾的扭曲。比如常见的误解式提问,Saas 应该怎么设计?适用哪些设计风格? 所以我从最底层的技术层面,来解析 SAAS 到底是什么,在未来你再也不用担心对这个词汇一知半解,无法正常参与业务讨论了。


Bs界面设计之七:如何做好B端产品的信息设计?我总结了3个原则!


最近在 12306 网站购票时,弹窗中展示了大段的文字信息,我只是匆匆扫了两眼就果断关闭了,实在没有耐心逐字读完。特别是节日抢票的场景,用户更不会有心情去看这些提示信息。


所以在做产品设计时,需要注重信息的传递效率。B 端产品通常用在 PC 端,屏幕显示区域大,在做设计时会不自觉的添加较多的信息,反而影响了用户的使用体验。今天我们就来讨论下如何做好信息传递?


Bs界面设计之八:用2个案例,帮你学会B端关键信息的密度提升设计


在决策类产品中,用户的行为路径一般从信息分析场景到信息决策场景。系统关键信息密度的高低是影响用户决策速率的重要因子。因此我们建议从「信息拆分与重组」、「功能高效聚合」两个层级出发,以提升关键信息在页面模块中的的密度。


Bs界面设计之九:从6个层面,帮新手快速入门B端设计系统


设计系统 = 设计价值观和原则+设计规范+场景定义+工具包 设计系统是在设计价值观和原则、设计标准指导下的各种共享的设计模式和组件资产,是将产品设计团队联合在一起共同打造的一套质量和效率上都有所保障的可行性解决方案,能够解决产品视觉、交互体验一致性的问题、帮助传达统一的品牌认知。帮助团队快速完成产品迭代和功能开发!


Bs界面设计之十:B端设计基础指南:网格系统


说到网格的应用,我们可以追溯到很远。古埃及人在他们的雕刻和绘画中描绘的人物遵循了一个规则,将比例标准定为人的拳头,一个站立的人物从地面到头顶测量为 18 个拳头。


公元 1040 年,首次在中国出现活字印刷,主要采用的是泥活字。在西方,金属活字印刷术在 1450 年左右出现,而古腾堡圣经在 1455 年左右的发行将是出版界的第一个重大里程碑。金属类型的文字更加充分利用了网格。


Bs界面设计之一:从视觉产品两方面,分析2022年B端设计的发展趋势


在 2020 年,疫情最为严峻的时候,B 端这一领域得到了前所未有的关注,而那时,身为 B 端用户体验设计师的我,也曾总结过,当时 B 端设计的诸多趋势,比如: 多端需求:即桌面端、平板端、移动端的设计形式


随着 2022 年的到来,B 端行业又会迎来哪些新的机会?今天我们就从整个的 B 端入手,回顾一下 2021 年的设计形式,展望一下 2022 年的设计趋势。当然趋势完全是我自己个人主观理解,仅供参考,如有异议,以你为准~


表格体验优化指南【一】-B端设计


本期内容概览 下图为内容目录,大家可以通过下面的目录针对感兴趣的内容进行选择性阅读。文章分为两小章节类,从最基础对表格的认识再到表格如何提升“易读性”进行分享。


什么是表格? 我先从表格的最基础的基本认知跟大家分享,帮助大家对表格有个初步的认知。那么什么是表格呢?用一句概括:“将复杂的内容进行「归纳整理」,将「信息展示」给用户,帮助用户高效率的进行「数据分析」。”