B端设计 - 设计每日一贴---北京兰亭妙微/UI设计公司

首页

042024-11

构建企业级B端设计规范：全面步骤与实践指南

组件设计是设计规范中最核心，工作量最大的一个环节。我们可以将它拆解成几个部分，先做出基础组件，再基于基础组件和业务需求抽象设计业务组件，最后抽象成页面模板。

评论(0) 浏览(1095)

312024-10

B端应用往往涉及复杂数据，设计师需要创造清晰且有效的方式来显示这些信息。
对于B端产品设计中复杂的数据可视化需求，一个详细的解决方案需要从不同层面进行考虑和实施：
理解用户需求：
首先，进行深入的用户研究以理解不同用户的数据需求。这可能包括用户访谈、观察和问卷调查，以收集关于他们如何理解和使用数据的信息。
选择合适的图表类型：
根据数据类型和用户需求选择最合适的图表类型。例如，时间序列数据适合折线图，而比较数据则可能更适合条形图或饼图。同时，对于更复杂的数据关系，可能需要使用散点图、热图或树状图。

评论(0) 浏览(743)

302024-10

B端设计精髓：基础组件的标准化与高效应用规范指南

蓝蓝小助手

B端设计组件是企业级应用开发中不可或缺的一部分。通过合理设计和应用基础组件，可以构建出功能丰富、易用且可维护的用户界面。同时，组件化设计提高了开发效率、降低了维护成本，并增强了系统的灵活性和可扩展性。因此，在B端设计中，应充分重视组件的作用，并不断优化和完善组件库，以适应不断变化的市场需求和用户期望。

评论(0) 浏览(914)

252024-10

B端设计案例修改

蓝蓝小助手

众所周知，B 端设计更注重交互逻辑思维，设计解决方案的出发点需要建立在提升产品体验层面。一个很小的需求也需要更成熟的思考，这个思考过程如果有更多的集思广益定能探索出更好的设计，提升操作体验度。

评论(0) 浏览(1026)

192024-9

以B端小二拣货场景为例 - 视觉思维在交互体验中的运用

鹤鹤

在当今时代，现代 UI 用户交互体验设计具有极为重要的地位。它绝非仅仅局限于单向的视觉设计，也不是单纯地围绕用户的可用性进行研究设计。实际上，如今的 UI 用户交互体验设计已经对视觉与可用性操作提出了更高层次的混合化要求。

对于现代的 UI 设计而言，我们需要从多个角度进行更进一步的深入解读。这不仅涉及心理学方面，去探究用户的心理需求和行为模式，以便更好地满足他们的期望；还涵盖视觉设计领域，通过精心打造的视觉元素，吸引用户的注意力并传达有效的信息；同时也不能忽视交互设计，确保用户在与界面进行互动时能够获得流畅、便捷的体验。

而将视觉思维理论应用于新一代的 UI 交互设计，则具有重大的意义。通过这种方式，用户能够凭借敏锐的视觉，灵敏地捕捉到屏幕上的信息轨迹。大脑可以快速地从不同抽象平面水平上获取意象，实现表象形态感知与抽象思维的紧密连接。这样一来，用户便能够高效地获取有效的视觉信息，从而提升整体的交互体验。无论是在工作场景中还是在日常生活中，一个优秀的 UI 交互设计都能够为用户带来极大的便利和愉悦感。

今天我们先介绍下理论知识，然后将产品设计案例结合（视觉思维分析模式的具体应用方法）来告诉大家怎么应用，希望可以帮助到大家。

开始话题前我们需要了解格式塔心理学是什么

我相信格式塔心理学大家都听过，主流对于格式塔心理学的观点是：格式塔心理学强调经验和行为的整体性，认为整体不等于部分之和，意识不等于感觉元素的集合，行为不等于反射弧的循环。它主张心理现象最基本的特征是在意识经验中所显现的结构性或整体性，反对构造主义心理学把心理现象分析为简单的元素，认为心理现象是一个整体，一种有组织的完整结构。

主要原则

1.接近性原则

在知觉过程中，距离相近的物体容易被知觉为一个整体。例如，在一张纸上分布着一些点，距离较近的点更容易被看作一组。

接近性原则图例

2.相似性原则

具有相似特征的物体容易被知觉为一个整体。比如，颜色、形状、大小等相似的图形更容易被组合在一起进行认知。

相似性原则图例

3.连续性原则

在知觉过程中，人们倾向于将具有连续性的物体知觉为一个整体。例如，一条曲线即使中间有部分被遮挡，人们也会倾向于将其看作是连续的整体。

连续性原则图例

4.闭合性原则

人们倾向于将不完整的图形知觉为完整的图形，即通过心理上的补充使图形达到闭合。比如，一个有缺口的圆形，人们往往会自动脑补出完整的圆形。

闭合性原则图例

对设计领域的影响

以上是大家所了解对的，而对于设计于界面设计、图形设计、用户体验设计都有影响：

界面设计：在网页设计和移动应用界面设计中，格式塔心理学的原则被广泛应用。例如，通过合理布局元素，利用接近性和相似性原则将相关的内容组合在一起，使用户能够更快速地理解和操作界面。颜色的相似性可以用来区分不同的功能模块，提高界面的可读性和易用性。
图形设计：设计师常常运用闭合性原则创造简洁而富有吸引力的图形。利用连续性原则可以引导用户的视线，创造出动态和富有节奏感的设计作品。
用户体验设计：格式塔心理学有助于设计师理解用户如何感知和理解复杂的信息环境。通过创造整体的、有组织的设计，可以提高用户的满意度和使用效率，减少认知负担。

界面设计图例

鲁道夫・阿恩海姆的格式塔心理学理论中提出了四种 “力” 的概念，GUI 设计师对其在界面中的角色进行了深入阐释。

第一种力是由视觉对象的外在形状和构造所生成的力。

例如，独特的图标设计通过其具象的形态传达出明确的语意，让用户能够迅速理解其功能。这种力如同一个无声的向导，引领用户在界面中准确地找到所需的操作。

第二种力是物体间或物体各部分之间的聚合张力。

它虽有强度但没有特定方向，就像界面中各个元素紧密结合，形成一个有机的整体。各个组件相互呼应，共同营造出和谐统一的视觉氛围，增强了用户对界面的整体认知。

第三种力是在视觉对象中知觉到的有方向性的张力。

其载体具有一定的 “动力”，表现为具有方向标识性意识的标识及层级关系。比如，清晰的导航箭头或色彩渐变，引导用户在界面中进行有序的浏览和操作，确保用户不会迷失方向。

第四种力主要是指视觉式样本身及其组合所形成的视觉冲击力。

在界面中，涵盖引导性的动态效果可以吸引用户的注意力，激发用户的探索欲望。例如，微妙的动画效果或交互反馈，为用户带来更加生动的体验。

四种 “力” 的概念

这四种力是 GUI 设计中讨论视知觉的核心内容。

它们是形状、颜色和运动的固有属性，并非观赏者凭借记忆中的想象强加给知觉对象的。阿恩海姆将格式塔心理美学视为一种

“视知觉形式完形理论”

。

在 UI 设计中，以格式塔心理美学为指导，视觉上的 “完形” 形式生成机制发挥作用。用户在设计师精心构建的色彩图形语言引导下，无意识地进行目的性的视知觉形式达成。这种方式为无缝接入交互提供了卓越的解决方案。

在 UI 设计中运用格式塔心理学，为人机互动形式的形成和建构提供动力机制引导，让我们对格式塔心理美学有了全新的理解。它不仅提升了界面的美观度，更重要的是增强了用户体验，使界面更加直观、易用。通过合理运用格式塔心理学的原理，设计师可以创造出更具吸引力和功能性的 UI 设计，为用户带来更加愉悦的交互体验。

视觉思维

人类对于艺术的感知与生俱来，积极主动。对于现代优秀交互设计师而言，掌握并了解人类视觉的基本原理是必备素养之一。视觉思维与人类的生理和心理因素紧密相连。

1.生理方面看

这与我们的感官系统及其特性息息相关。人类的视觉系统犹如一条完整的视觉分析链，涵盖了眼球、大脑皮层以及它们之间的视觉传导路径。

视觉大脑皮层位于大脑后端，围绕枕叶的距状裂周围分布。其中，V1 区和 V2 区主要负责一系列特征处理，V4 区承担图案模式处理工作，而前脑叶和中脑则负责高层注意力的控制。信息由皮层 V1 通过两条线路进行输送。第一条路线为背侧流，即位置通道，从 V1 传输至 V2，再进入 V5，最后抵达顶下小叶，此段主要处理视觉的空间位置信息以及相关的运动和控制部分。第二条线路为内容通道，从 V1 到 V2 和 V4，最后进入下颞叶，用于物体的识别和长期记忆。

大脑皮层图例

2.心理方面看

视觉思维与人类的现有生存条件以及以往的生活经验紧密相关。生理与心理因素相互作用，形成了独特的视觉思维特性。

多年来，艺术、设计心理学家在对人脑及其视觉生理机制的研究上取得了显著进展。在视觉艺术作品中，一系列色彩、图形和空间关系的呈现，都是视觉艺术家经过反复斟酌的结果。他们思考着哪种颜色和图形会更加醒目，如何合理组织空间，以及在何种情况下应该用图像代替文字来表达概念。这样经过深思熟虑的作品，能够有效规避人类视觉的弱点，充分激发用户对主体的能动性和创造性认识，让观赏者和使用者获得愉悦的视觉体验。这种主动的视觉感知能够更好地传达作品所要表达的思想与内涵。

如果设计师能够深入了解并分析用户的视觉系统和心理，就能设计出更符合目标用户需求的 UI 交互产品。例如，通过对用户视觉注意力的研究，设计师可以在界面中合理布局关键元素，使其更容易被用户察觉。同时，根据用户的色彩偏好和心理预期，选择合适的色彩方案，营造出舒适的视觉氛围。此外，设计师还可以利用用户对图形的认知习惯，设计简洁明了的图标和界面元素，提高用户的操作效率。总之，对视觉思维的深入理解和运用，将为 UI 设计带来更多的创新和突破。

UI 设计中的视觉设计

人类的感知系统丰富多彩，主要分为听觉、味觉、视觉、触觉、嗅觉这五大类别。其中，令人惊叹的是，高达 90% 的感知竟然来源于视觉系统。这一特性使得界面产品的设计紧紧围绕着用户利用视觉刺激思维以及人机交互细处理模式来实现人机互动，进而达成传递或获取信息的目标。

比如当下流行的各类手机 APP，以其精美的界面设计吸引着用户。当我们打开一款音乐播放软件，绚丽的色彩搭配、简洁明了的图标布局，瞬间抓住我们的眼球，让我们能够快速找到自己想听的歌曲。这就是视觉设计在人机交互中的重要作用，通过视觉刺激引导用户进行操作。

在这个过程中，我们常常能听到界面产品的开发人员发出这样的抱怨：“我们讨厌交互设计。” 而交互设计师则会坚定地表示：“我们不需要图形。” 然而，视觉设计师却往往对来自各方面的意见持相反态度，显得一厢情愿。

但事实上，视觉设计绝非孤立的存在，它是在 UI 设计中可用性和交互设计研究的综合体现。例如一些知名的电商平台，其界面设计既考虑了用户的操作便捷性，又通过精美的商品图片展示和富有创意的页面布局，满足用户的视觉需求。用户在浏览商品时，流畅的交互体验和美观的视觉效果相辅相成，提升了用户的购物体验。

视觉思维，宛如一座神奇的桥梁，将感知与思维、艺术与科学紧密地结合在一起。它能够将人类本能的视觉感知、图形设计以及视觉可视化巧妙地联系起来。在满足使用功能设计的基础上，现代 GUI 设计已然成为一种辅助交互的强大力量，它不仅能满足用户的感知需求，还能迎合审美需求以及自我实现需求，成为功能性十足的视觉设计杰作。它就像一颗璀璨的明珠，在数字世界中散发着独特的魅力，为用户带来前所未有的体验。

计算机和用户

视觉思维在 UI 交互体验设计中的作用

在 UI 交互体验设计中，我们确实应当将这样的交互设计视作用户对品牌的认知工具和用于信息传递的重要渠道。

从处理平面图像的角度来看，人类的大脑具有强大的能力，能够在一定程度上通过思维进行心智图像的建立。想象一下，当我们在脑海中构思一幅美丽的风景或者一个复杂的场景时，各种元素在思维的画布上逐渐清晰起来。然而，当这些图像被纸张、荧幕等媒介物表现出来时，情况又发生了变化。我们能够把网页、图标、信息图表等可视化指令经过视觉思维的处理过程，快速地解决问题。比如，当我们浏览一个设计精美的网页时，清晰的布局、醒目的图标和直观的信息图表能够迅速引导我们找到所需的内容，让我们在短时间内获取关键信息。

而在 UI 交互体验设计中，“视觉思维” 手段更是发挥着独特的作用。它能够帮助用户提前整理视觉引导任务，为用户的交互之旅提供清晰的方向。不同的用户有着不同的需求和偏好，“视觉思维” 可以根据这些差异增加视觉注意力的多样性。对于喜欢简洁风格的用户，简洁明了的界面设计和少量但突出的视觉元素能够吸引他们的注意力；而对于追求丰富体验的用户，多彩的色彩搭配和动态的视觉效果则更能满足他们的需求。这样的差异化设计使得不同类型的用户都能在交互过程中找到满足自己需求的视觉引导。

同时，“视觉思维” 能使人类本能的认知线索在视觉图形语言处理中直接快速切换。在用户潜意识的情况下，利用用户自身的视觉引导去完成交互任务，大大缩短思考的时间。例如，在一款游戏应用中，巧妙的色彩变化和图形动画可以在用户不经意间引导他们进行操作，让他们在享受游戏的过程中自然地完成各种交互任务，而不会感到繁琐和困惑。

总之，在 UI 交互体验设计中，“视觉思维” 以其独特的优势成为了连接用户与品牌、实现信息高效传递的关键手段。通过差异化的设计和巧妙的视觉引导，它为用户带来了更加便捷、愉悦的交互体验。

成功运用 “视觉思维” 的 UI 交互体验设计案例

一、苹果 iOS 系统

苹果的 iOS 系统以其简洁、美观的界面设计而闻名。图标设计简洁直观，色彩搭配和谐，能够让用户一眼就识别出不同的应用功能。例如，相机图标是一个逼真的相机造型，让人一看就知道其功能。在交互过程中，动画效果流畅自然，如打开应用时的渐显效果、关闭应用时的收缩效果等，这些动画不仅增加了视觉吸引力，还为用户提供了操作反馈，引导用户的视觉注意力，让用户在操作过程中更加流畅和舒适。

二、Airbnb

Airbnb 的界面设计充满了故事性和吸引力。在首页，精美的图片展示了各种独特的房源，吸引用户的目光。图片的选择和排版都经过精心设计，能够让用户快速了解房源的特色。在搜索结果页面，清晰的布局和简洁的信息展示让用户能够轻松比较不同房源的价格、位置等关键信息。同时，地图视图的交互设计也非常出色，用户可以通过拖动地图直观地查看不同地区的房源分布，这种视觉引导方式大大提高了用户的搜索效率。

三、微信

微信的界面简洁易用，图标和文字的搭配恰到好处。绿色的主色调给人一种清新、舒适的感觉。在聊天界面中，不同类型的消息有不同的显示方式，如文字、图片、语音等，让用户能够快速区分。朋友圈的设计也充分运用了视觉思维，用户可以通过图片、视频等多种形式分享自己的生活，点赞和评论的互动方式也通过视觉效果进行了明确的提示，增加了用户之间的互动和交流。

用户交互体验设计过程中的视觉思维

为了更好地体现用户交互性能，我们确实需要在整个用户交互体验设计过程之中引入视觉思维分析模式来规范指导设计。这一模式就如同一位智慧的导航者，引领着设计的方向，确保每一个环节都能最大程度地满足用户的需求和期望。

对整个设计过程中一系列层级结构进行视觉归纳，是一项至关重要的任务。

从 UI 设计过程中最初的方案构架开始，就如同搭建一座宏伟建筑的基石，需要深思熟虑。设计师要以视觉思维为导向，考虑如何让方案构架既具有创新性又符合用户的使用习惯。草图阶段，则是将创意初步呈现在纸上的过程，此时要充分发挥视觉思维的作用，捕捉那些瞬间的灵感，用简洁而有力的线条勾勒出未来产品的轮廓。

动态 layout 的设计更是离不开视觉思维，它要让页面的布局在动态变化中保持流畅和自然，给用户带来舒适的视觉感受。而后期特效的安排，则如同为产品披上一件华丽的外衣，需要恰到好处地运用，既不能过于耀眼而分散用户的注意力，也不能过于平淡而无法引起用户的兴趣。

例如，如何使整个方案更符合目标用户的色彩定位，这是一个需要深入思考的问题。

不同的用户群体对色彩有着不同的偏好和情感反应。设计师要通过对目标用户的调研和分析，了解他们的文化背景、年龄层次、性别差异等因素，从而确定最适合的色彩方案。比如，对于年轻的用户群体，可能更倾向于鲜艳、活泼的色彩；而对于商务用户，则可能更喜欢稳重、大气的色彩。通过精准的色彩定位，能够让用户在第一时间对产品产生好感。

如何让复杂的层级关系在视觉上显示得更为简单且明朗化，也是视觉思维分析的要点之一。

结合设计认知心理学总结出一套适合当前项目的用户交互体验设计的视觉规范，是实现优秀设计的关键。设计认知心理学研究人类在设计过程中的认知和心理活动，它可以为设计师提供宝贵的理论支持。设计师可以借鉴设计认知心理学的研究成果，制定出符合用户认知习惯的视觉规范。比如，遵循简洁性原则，避免过多的视觉干扰；运用一致性原则，让用户在不同的页面和功能模块中都能保持一致的视觉体验；注重可读性原则，确保文字和图标易于识别和理解。通过建立一套科学合理的视觉规范，能够提高设计的效率和质量，为用户带来更加出色的交互体验。

下面介绍下我在过往项目中的实际案例，看看如何处理复杂的视觉层级

案例分享

首先我们了解一下背景：

盒马店仓拣货是门店仓储作业中的一个重要环节，员工需要用到PDA实时接收仓储系统分配的拣货任务，并为拣货员提供清晰的任务指引，包括商品的位置、数量等信息，它就像一个智能导航仪，指引拣货员快速找到目标商品，PDA中就需要进行界面设计，保证拣货员能高效的完成任务，但是实际仓的环境是极其复杂的，往往店仓环境较为昏暗且存在温差，同时拣货员往往是边走边拣货，整体过程是非常紧张和匆忙的，这就对视觉识别效率要求非常高。

拣货员的具体工作流程如下：

1.接收订单：当顾客在盒马 APP 上下单后，订单信息会同步传输到门店的仓储系统。

2.拣货任务分配：仓储系统根据订单内容，将拣货任务分配给相应的拣货员，并将任务信息发送到拣货员手中的 PDA（掌上电脑）设备上。例如，某顾客下单购买了苹果、牛奶和面包，系统就会指示拣货员去相应的区域拣取这些商品。

3.商品拣选：拣货员根据 PDA 上的指示，前往指定的货架区域。通过 PDA 扫描货架上商品的条形码或二维码，确认商品信息无误后，将商品拣选出来放入拣货篮或推车中。在拣货过程中，拣货员需要严格按照商品的数量和规格进行拣选，避免出现错拣、漏拣的情况。

4.复核与打包：拣货完成后，拣货员将拣选好的商品送到复核区，由复核人员对商品进行再次核对，确保商品的种类、数量、质量等与订单一致。复核无误后，根据商品的特性和订单要求进行打包，例如，对于生鲜商品需要使用特殊的包装材料和方式，以保证商品的新鲜度和品质1。

5.出货：打包完成的商品被放置在出货区，等待配送人员前来取货，进行后续的配送环节，确保商品能够及时、准确地送达顾客手中。

在这个过程中我们可以发现从“行为、感受、环境、设备”几个维度来看，我们需要关注的点是非常多的，如下面所示我们需从效率和步骤感入手，保证界面清晰无障碍的基础上对小小的屏幕进行占比的优化，同时加入情感化和温度感，这是最理想的设计目标。

设计前需关注的内容

提炼设计目标和原则

对目标用户群体进行深入调研，了解他们的年龄、性别、职业、文化背景等基本信息。

这些因素会影响用户对色彩、图形、布局等视觉元素的偏好。分析用户的视觉感知优势和弱势。例如，对于老年用户，可能需要更大的字体和更鲜明的色彩对比；对于视力受损的用户，可能需要高对比度的界面和清晰的图标。通过用户访谈、问卷调查、观察等方法，收集用户对现有产品或类似产品的视觉反馈，了解他们的喜好和不满之处，为后续设计提供依据。

色彩定位根据目标用户群体的特点和产品的定位，确定合适的色彩方案。

色彩可以传达不同的情感和氛围，如蓝色通常给人沉稳、可靠的感觉，红色则充满活力和激情。考虑色彩的对比度和可读性。高对比度的色彩组合可以提高文字和图标的清晰度，便于用户阅读和识别。同时，要确保色彩在不同的设备和环境下都能保持良好的显示效果。

设计规划阶段（视觉层研究）

方案构架运用视觉思维，从整体上规划产品的架构和布局。考虑用户的使用流程和场景，将功能模块进行合理的分组和排列，使界面简洁明了，易于导航。确定主要的视觉焦点和引导路径。通过大小、颜色、位置等方式突出关键信息和重要操作，引导用户的注意力，提高交互效率。

功能色视觉研究保证视觉可读性和清晰性

中性色研究保证对比度清晰可读

字号字阶优化

设计实施阶段

特效应用谨慎地选择和应用特效，如阴影、渐变、发光等。特效可以增强界面的视觉吸引力，但过多或不当的使用可能会导致视觉混乱和性能问题。考虑特效对用户操作的引导作用。例如，使用特效来突出可点击的区域或提示重要信息，可以提高用户的交互体验。

通过视觉明确任务

时效思考

设计方案

测试评估阶段

用户测试邀请目标用户进行用户测试，观察他们在使用产品过程中的视觉反应和行为。注意用户对不同视觉元素的关注程度、理解程度和操作效率。收集用户的反馈意见，了解他们对界面设计的满意度和改进建议。根据用户的反馈，及时调整和优化设计。
数据分析利用数据分析工具，收集用户在使用产品过程中的行为数据，如点击次数、停留时间、页面跳转路径等。通过分析这些数据，可以了解用户的视觉注意力分布和交互习惯，为进一步优化设计提供依据。

方案调研

方案验证可行

组件沉淀

对设计组件进行沉淀和归纳，同时定义好设计样板间。

组件识别，需要对已有的设计项目进行全面梳理，识别出其中重复出现的元素和模块。这些元素可以包括按钮、输入框、图标、导航栏、卡片等。例如，在一个电商网站的设计中，商品展示卡片、购物车按钮、搜索框等都是常见的组件。同时，也要关注不同项目中具有相似功能或外观的元素，它们可能经过适当调整后可以归纳为同一类组件。比如，不同页面的提示信息框，虽然在内容和位置上有所不同，但在风格和交互方式上可能具有共性。
规范制定对识别出的组件进行规范制定，包括尺寸、颜色、字体、间距等方面的统一规定。例如，确定按钮的标准尺寸、颜色搭配和文字样式，确保在不同的页面和场景中都能保持一致的外观和交互效果。制定组件的使用规范，明确在什么情况下应该使用哪种组件，以及如何进行组合和布局。例如，规定导航栏的位置和结构，以及不同级别页面的导航方式。
分类整理将规范后的组件进行分类整理，建立一个清晰的组件库。可以按照功能、类型或使用场景进行分类，方便设计师在后续的设计中快速查找和使用。比如，将组件分为界面组件（如按钮、输入框等）、交互组件（如弹窗、下拉菜单等）、布局组件（如网格系统、分栏布局等）。
持续更新随着设计项目的不断进行，新的组件可能会不断出现，旧的组件也可能需要进行优化和调整。因此，需要建立一个持续更新的机制，定期对组件库进行审查和更新，确保组件库始终保持活力和实用性。

总结：

在现代的 UI 设计中，往往存在着众多的功能模块和信息层级。如果处理不当，就会让用户感到混乱和困惑。设计师可以运用视觉层次、分组、对比等手法，将复杂的层级关系进行梳理和简化。例如，通过不同的字体大小、颜色深浅、图标形状等方式来区分不同的层级，让用户能够轻松地理解和操作。

如何保证特效的使用恰到好处，不会引起用户的使用误解，同样需要设计师的精心考量。特效可以为产品增添趣味性和吸引力，但如果使用不当，就会适得其反。设计师要根据产品的特点和用户的需求，合理地选择特效的类型和强度。比如，在一些需要强调操作反馈的地方，可以使用适度的动画特效，让用户清楚地知道自己的操作是否成功；而在一些重要的信息展示区域，则要避免使用过于花哨的特效，以免干扰用户的阅读。

设计师不仅需要对人类视觉系统有一定的了解，同时也需要对目标用户视觉感知的优势和弱势进行分析和归纳。人类的视觉系统是一个复杂而神奇的系统，它有着自己的特点和规律。设计师要了解人类视觉的注意力机制、色彩感知、空间感知等方面的知识，以便更好地运用视觉元素进行设计。同时，不同的目标用户群体在视觉感知方面也存在着差异。比如，老年人可能对色彩的对比度要求更高，而视力有障碍的用户则需要更加清晰的文字和图标。设计师要通过对目标用户的视觉感知优势和弱势进行分析，制定出相应的设计策略，确保产品能够满足不同用户的需求。

谢谢！

作者：小鸡小小小小鸡
链接：https://www.zcool.com.cn/article/ZMTYzMzYzNg==.html
来源：站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件 UI界面设计、能源及监控软件 UI界面设计、气象行业 UI界面设计、轨道交通界面设计、地理信息系统 GIS UI界面设计、航天军工软件 UI界面设计、医疗行业软件 UI界面设计、教育行业软件 UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

评论(0) 浏览(1089)

192024-9

B端产品设计优化-基于用户需求调研与分析

鹤鹤

在当今设计和产品开发领域，用户研究扮演着不可或缺的角色。理解用户的需求、行为和体验，是设计师们打造成功产品和服务的关键步骤。

用户研究不仅是设计师和产品团队的重要工具，更是提升产品竞争力和用户满意度的关键因素。通过深入的用户研究，我们能够更准确地捕捉用户需求，创造出创新产品。

这篇文章将深入而全面的讲解用户研究的方法与具体实践，包括用户研究的重要性、用户研究的核心因素、定性定量研究方法、基于产品生命周期的用研方式、用户研究在设计流出中的具体应用等多维度探讨用户研究的核心概念及其实际应用方法，帮助读者更好地理解如何通过有效的用户研究提升产品的用户体验和市场竞争力。同时提供清晰的方法论和实际操作指南，帮助在设计和开发过程中有效地应用用户研究，实现产品与市场的良性互动与成长。

杰夫·贝佐斯是亚马逊集团创始人，他曾说：“用户的需求是创新的源泉，只有深入了解用户，我们才能创造出真正有价值的产品。”这句话强调了用户需求在创新过程中的核心地位。

他指出，真正有价值的产品来源于对用户需求的深入了解。

也就是说，创新不是凭空产生的，而是通过仔细观察和理解用户的实际需求和问题而实现的。只有当我们真正了解用户的痛点、期望和行为模式时，才能开发出满足他们需求并解决他们问题的产品和服务。

通过以用户为中心的设计，并通过数据驱动的决策，我们可以解锁设计的无限潜力，创造出更好的产品和服务。

想让用户爱上你的产品，你必须先爱上你的用户。

一、我作为设计师的小思考

作为设计师，过往我常常在思考：设计的价值是什么？用户体验的价值又是什么？在设计之路上不断前行的过程中，这个问题始终如影随形。

我在企业中遇到很多困惑，系统的 BUG 会造成用户体验不好，这只是其中一个方面。比如，当用户在使用一款软件时，突然出现的系统错误提示，会打断他们的操作流程，让他们感到沮丧和无奈。又或者，在一个购物平台上，如果因为系统的漏洞导致商品信息显示不准确，用户可能会对产品的质量产生怀疑，从而放弃购买。这些看似小小的 BUG，却可能对用户体验产生巨大的负面影响。

而除了系统 BUG 之外，还有很多因素也和体验有关。界面的设计是否简洁美观？操作是否便捷流畅？信息的呈现是否清晰易懂？这些都是影响用户体验的关键因素。例如，一款音乐播放软件，如果界面设计过于复杂，用户可能很难找到自己想听的歌曲；而如果操作不够便捷，比如切换歌曲需要经过多个繁琐的步骤，那么用户的使用体验也会大打折扣。

再比如，一个企业的官网，如果页面加载速度过慢，用户可能会失去耐心而直接关闭页面；如果网站的信息架构不合理，用户难以找到自己需要的内容，那么这个官网就无法发挥其应有的作用。在移动应用领域，推送通知的频率和内容也会影响用户体验。如果推送过于频繁或者内容不相关，用户可能会感到厌烦，甚至卸载应用。

总之，在设计和用户体验的领域，每一个细节都至关重要。设计师需要不断地思考和探索，如何在满足功能需求的同时，提升用户的体验，为用户创造真正有价值的产品。

二、用户研究的核心

用户研究（User Research）是一种系统性的方法，旨在通过了解用户的需求、行为、态度和痛点，来改进产品或服务的设计和功能。它通过各种研究方法，如访谈、调查、可用性测试和观察等，收集和分析用户的数据。这些数据帮助设计团队和开发者更好地理解用户，从而做出更明智的设计决策。

在实际设计和开发过程中，通过收集和分析以上信息，设计团队可以更有针对性地制定商业模式、服务方式、策略重点和盈利模式，确保产品不仅能够满足市场需求，还能够提供良好的用户体验，从而提升产品的竞争力和市场份额。

总之，用户研究的核心在于通过深入理解用户，为设计和开发团队提供关键的信息和见解，以便他们能够有效地创造出符合用户期望和需求的产品或服务。

用户研究（User Research）确实是设计和产品开发过程中至关重要的一环。它通过系统性的方法和工具，深入研究用户的目标、需求、能力以及体验，旨在指导如何优化设计、产品架构或工具，从而提升用户的工作和生活体验。

在进行用户研究时，主要关注以下几个方面：

1.用户体验（User Experience）：

这是用户与产品或服务互动的整体感受和反应。通过用户研究，可以了解用户在使用过程中的体验如何，哪些方面需要改进，从而优化产品设计和功能。

2.用户痛点（Pain Points）：

指的是用户在使用产品或服务时遇到的困难、不便或不满意的地方。通过深入了解用户的痛点，可以针对性地改进产品的功能和设计，提升用户的满意度和忠诚度。

3.用户需求（User Needs）：

这是用户在特定情境下必须满足的条件或期望。通过用户研究，可以准确把握用户的需求，确保产品或服务能够有效地解决用户的实际问题。

4.用户行为和态度（User Behavior and Attitudes）：

研究用户在使用产品或服务时的行为模式和心理态度，包括他们的偏好、习惯以及对新技术或设计的接受度。这些信息有助于设计团队调整产品策略和功能，以更好地迎合用户的期望和习惯。

三、产品生命周期的用户研究考量

一个0-1的产品，在产品设计前，可能没有大量的用户或数据,而又需要了解用户的偏好，来定义产品需要解决的用户痛点等问题,所以需要采取一些定性研究(访谈、用户角色定义等)的方式来收集产品设计的核心需求。

1-N的产品，在产品设计前就拥有了一定比例的用户和数据，可以参考一些数据来确定产品优化的方向和指标。产品设计后，根据项目，也有两种验证方法: 一是做A/B测试，慢慢推向市场小范围收集反馈，待稳定后再大规模推向整个市场。这种做法属于定量的范畴。二是可用性测试，招募符合要求的用户来参与新产品的试用，提前设计一些任务要求用户来完成，并可以增加一些定性研究(眼动实验、用户访谈等)辅以完善。

在用户研究中，定性和定量研究恰似一对相辅相成的伙伴，二者互为补充，紧密结合使用能够为我们提供全面而深刻的用户洞察。

首先，在发现问题方面，定性研究发挥着至关重要的作用。

通过深入的用户访谈、焦点小组讨论以及实地观察等方式，我们能够走进用户的世界，聆听他们的声音，捕捉那些细微之处的潜在问题和珍贵的机会。比如，在一款新的社交软件的研发过程中，通过与用户的面对面交流，我们可能会发现用户对于隐私设置的担忧，或者对于特定功能的强烈需求，这些都是定量研究难以直接触及的领域。

接着，验证假设环节，定量研究则展现出其强大的实力。

利用大规模的数据收集和统计分析，我们可以对定性研究中发现的假设进行验证和量化。例如，我们在定性研究中发现用户对某个新功能的兴趣较高，那么通过定量研究中的问卷调查或数据分析，我们可以确定这个兴趣的具体程度以及在用户群体中的普遍性，从而为产品决策提供有力的数据支持。

最后，在迭代设计阶段，定性反馈成为了改善设计的关键。

用户的具体意见、感受和建议，能够为设计师提供精准的改进方向。同时，定量数据的评估效果也不可或缺。通过对关键指标的监测和分析，我们可以客观地评估设计迭代后的成效，如用户留存率的提升、使用时长的增加等。这样的循环往复，使得产品在不断的优化中逐渐趋近于用户的真正需求。

总之，定性和定量研究的结合，如同为用户研究搭建了一座坚实的大厦，为打造出卓越的产品和服务奠定了坚实的基础。

四、项目实战-星汉低代码平台基础建设提升产品体验

1.项目介绍：

星汉低代码平台是一款将先进的AI技术与低代码开发理念完美结合的智能化开发平台

旨在通过简化且智能的开发工具

赋能开发者，提升研发效能、降低开发门槛，并增强应用效果

2.项目背景：

低代码平台去年下半年开始支撑教育数字基座应用开发助手的建设,去年主要处于内部打磨阶段，今年上半年随着应用开发助手前三单的推广，直面真实客户的需求和交付压力，暴露出来了许多问题：功能性的、非功能性(性能、安全、稳定性)、架构、协作与流程等。for商业化，为保障教育规模化交付，解决影响应用交付的基础功能问题及风格换新，包括账号权限体系、多租户与资源隔离、第三方平台对接、业务逻辑编排。基于此需求对平台的础功能进行完善，存在一下两个问题：

1.基于多租户与资源隔离问题：

无法支持多租户及多租户管理；多应用不支持共享数据、账号权限、工作流；不支持按交付项目管理和复制多个应用等。使用优先解决底层资源隔离的技术架构调整、基础项目管理产品功能，调整产品基础功能架构，租户配置、模板的措施才优化体验。

2.基于业务逻辑编排问题：

无后端（1.业务逻辑处理，2.数据处理功能）均需要硬编码；硬编码部分无法随产品升级而更新，与产品脱节需要独立维护；教育助手无法修改硬编码的逻辑，无法最终提供给信息化老师（弱开发者）修改的问题。优先解决业务逻辑脚本和SQL脚本代码在低代码平台中可留存可复用可调式的基础功能。

3.设计目标及方法：

基于产品的背景，明确了设计目标是打造

“好用、易用”

的平台操作体验。

通过设计洞察，从易操作性、易学性和易见性的角度重新定义问题并寻求最优解决方案。

首先通过用户调研&体验度量了解平台现状和用户痛点，然后进行竞品分析和体验自查发现问题，最后基于发现的问题明确设计优化点梳理并优化产品。

4.三大指标分析：

在用户体验的领域中，满意度、净推荐值和费力度这三大主观指标犹如三把衡量产品或服务质量的关键标尺。

满意度：短期内衡量用户幸福感的用户得分

适用所有场景，适合作为补充指标做体验评估。

满意度的适用性非常高，可以用于询问用户各种问题，可以看整体的产品体验满意度，也可以看具体的某个功能的满意度。满意度能够体现出用户对产品短期内的幸福感。

满意度的缺陷是无法体现用户对产品的长期态度。

净推荐值：长期内衡量用户幸福感得分即客户忠诚度

头部厂商常用，适用于高频高竞争对外用户的产品。

是一种计量某个客户可能会向其他人推荐某个企业或服务可能性的指数。

NPS被用于衡量目用户长期的幸福感，广泛用于互联网产品来衡量用户忠诚度。

费力度：短期内衡量用户完成任务的难易程度

主要应用于，ToB任务效率度量，相对于满意度，企业内部产品度量准确度更高。

费力度通过询问用户产品是否容易处理用户的问题，来发现用户对产品最真实的评价和用户的痛点，从而解决用户关注的问题以提升用户忠诚度。

4.对整体平台进行调研

对平台进行分析后总结出我们的平台更适合于用费力度进行度量，得到的结果如下

费力度度量：了解现阶段平台体验费力度情况，为提升搭建效率10%做基准线辅助定位。

体验纬度认同度度量：了解现阶段平台操作效率、容易上手、界面美观、系统稳定、功能全面五个维度的认同。

过程中发现平台整体

产品服务路径和体验非常费力，系统稳定度低

。

拆分操作效率、容易上手、界面美观、系统稳定、功能全面五个维度，结果认同度均低。 最低的为系统稳定度，最高的是界面美观度。

我们的主要竞品产品是宜搭、轻流、明道云、简道云。

宜搭

：是阿里巴巴自主研发的低代码应用开发平台，基于阿里云的基础设施和钉钉的企业数字化操作系统。具有高度灵活性和适应性，支持多种应用场景和业务模式，提供丰富组件和模板，能快速构建高质量、可靠的应用。例如，在企业级通信、项目管理、客户关系管理等方面表现出色。它还具备出色的可扩展性和易维护性，可与阿里云其他产品无缝集成，实现数据共享和协同办公，同时支持自定义业务流程和数据字段。

轻流

：是一个无代码系统搭建平台，能帮助用户轻松搭建各种场景应用，如进销存、客户管理、OA 协同办公、项目管理等。其特点是操作界面简洁，通过拖拽添加字段、设置业务流、分配权限等简单操作即可让业务数据规范严谨地流转。它还支持自定义门户打造业务枢纽，实现不同业务场景，并且有多种视图类型，让业务人员以自己的方式高效工作，能够满足绝大多数企业信息化建设的需求。

明道云

：可零代码构建各种企业中后台应用，功能较为强大和灵活，例如在数据处理和分析方面有一定优势，支持复杂的业务逻辑搭建和数据整合。它提供了丰富的接口和集成能力，方便与其他系统进行对接和扩展。其应用场景广泛，涵盖了项目管理、业务流程管理、数据分析等多个领域3。

简道云

：是一个零代码应用搭建平台，以表单为核心，擅长数据的收集、整理和分析。用户可以通过拖拉拽的方式轻松创建个性化的表单，实现信息收集管理。在流程自动化方面表现突出，可视化调整业务流程，让业务处理有条不紊。同时具备领先的报表能力，支持多表数据连接、权限管理、异常报警等，能帮助用户进行高效决策，数据全打通，可消灭数据孤岛

我们对其视觉层的形、色、质、构，与体验层均做了详细的竞品分析

调研完成后进行视觉侧梳理优化点：基于用户原声/竞品分析/体验走查纬度等维度梳理优化点，进行设计优化。

基于优化点对产品进行优化升级，优化了组织架构，原来我们的架构是单租户，无法支持SaaS版本多租户需求；无法支持多应用业务逻辑和数据表复用，仅通过连接器、硬编码方式联通；模版功能不完整，无法支持多应用综合解决方案的模版新建功能。通过用户调研发现用户的痛点，单租户形式影响了用户的操作效率与资源的隔离。

优化后将租户内加入项目作为资源隔离，行业或服务商可以在一个租户下管理交付给不同用户的项目，针对项目进行复制和授权；可以解决多个应用间的数据共享问题；开发者与用户账号权限分离，权限定位更加清晰减少安全风险。

对网页栅格系统进行了规则划分，确保页面元素的对齐、平衡和一致性，主要基于的维度是：

提高设计效率：设计师可以依据栅格系统快速确定页面元素的位置和大小，无需反复尝试和调整，从而节省设计时间。
增强页面一致性：通过栅格系统，不同页面的布局可以保持统一的风格和结构，提升整个网站的视觉一致性。
改善用户体验：合理的栅格布局使页面更加清晰、易读，用户可以更轻松地浏览和获取信息。

我们的左侧导航比常规的更加短一些，方便用户在右侧更好的操作和筛选。同时新增了展开和收起的功能，给予用户更大的操作空间。

基于颜色和情绪的关系，围着功能属性和特点给予了不同的颜色选择。

蓝色通常被认为是稳定、可靠和专业的颜色。因此，对于一些科技产品或金融服务，蓝色可能是一个合适的选择，因为它传达了产品的可靠性和安全性。

红色则是充满活力、激情和力量的颜色。对于一些运动品牌或能量饮料，红色可能是一个理想的选择，因为它传达了产品的活力和能量。

绿色通常与自然、健康和环保相关。对于一些食品、保健品或环保产品，绿色可能是一个合适的选择，因为它传达了产品的健康和环保特点。

最后，完成了包括多租户与资源隔离、业务逻辑编排、角色权限能功能设计。

构建简洁、直观、高效且具有吸引力的用户界面，确保用户能够轻松、愉悦地完成各项操作，从而提升产品的整体用户满意度和忠诚度，为产品的成功奠定坚实的基础。谢谢。

作者：小鸡小小小小鸡
链接：https://www.zcool.com.cn/article/ZMTYzMzU2MA==.html
来源：站酷

评论(0) 浏览(781)

052024-9

深入探究B端产品设计的核心

鹤鹤

一、B端用户需求的深入理解和分析

在当今高度信息化的商业环境中，B端产品已成为企业高效运营和持续发展的关键支撑。

这些产品不仅提供工具和服务，更是企业优化流程、提升工作效率和竞争力的有力武器。然而，要打造一款成功的B端产品，关键在于对

B端用户需求的深入理解与分析。

B端用户，

如企业决策者、团队管理者和专业人员以及普通员工，他们在日常工作中处理复杂的业务流程，对数据分析、系统整合、安全性等方面有着极高的要求。

这些用户的独特需求不仅体现在产品的基本功能上，更涉及到产品的易用性、可扩展性以及服务支持等多个层面。

需求分析是产品设计的核心环节，它要求设计师深入探究用户的需求、痛点和期望，从而确保产品能够满足用户的实际需求。对于B端用户而言，需求分析的重要性更为突出。这是因为B端产品往往需要解决企业运营中的具体问题，其设计必须紧密围绕用户的需求展开，以确保产品的实用性和高效性。

在需求分析的过程中，我们需要关注以下几个方面：

首先，

功能性需求

是B端用户最为关注的一点。他们需要产品具备强大的数据处理能力、灵活的业务流程管理功能以及全面的安全防护措施。这些功能性的需求是确保B端产品能够满足企业日常运营需要的基础。

其次，

易用性需求

同样不容忽视。尽管B端产品往往面向具备一定专业素养的用户，但简洁直观的界面设计、流畅的操作体验以及可定制的用户界面仍然是提升用户满意度的关键。通过优化用户交互流程、减少冗余信息，我们可以帮助用户更高效地完成工作任务。

此外，

整合与扩展性需求

也是B端用户关注的重点。企业需要产品能够与其他系统无缝对接，实现数据共享和业务协同。同时，随着企业业务的发展，产品还需要具备良好的扩展性，以支持新功能的快速添加和部署。

最后，

服务与支持需求

同样重要。B端用户期望获得专业的客户支持、完善的培训机制以及丰富的资源文档，以确保产品的稳定运行和持续优化。

综上所述，深入理解B端用户的独特需求是打造成功B端产品的关键。通过全面的需求分析，我们可以确保产品不仅满足用户的基本功能需求，更在易用性、整合扩展性和服务支持等方面提供卓越的体验。这将有助于提升企业的运营效率，进而推动其在激烈的市场竞争中脱颖而出。

二、B端用户的独特需求

B端用户，即企业级用户，他们的需求与C端个人用户有着显著的差异。

这些差异主要体现在以下几个方面：

业务强驱动性：

B端产品的主要需求来源于业务方，由业务驱动并主导。

这是因为B端产品主要是为了解决组织内某个或某一类具体业务领域的问题。业务方通常离业务最近，也最了解使用用户的需求，因此他们在产品需求上拥有较大的话语权。

用户群体差异大：

不同于C端用户需求的大同小异，B端用户群体的需求差异巨大。

这些差异主要体现在角色差异、组织差异、管理层级差异、用户深度差异、客户规模差异、客户行业差异以及客户性质差异等。这种多样性要求B端产品在设计时需要考虑更多的变量和定制化需求。

高效性与便捷性

：

企业级用户非常重视工作效率和操作流程的简化。

他们希望产品能够提供高效的功能和简洁的操作界面，以减少工作中的繁琐步骤和时间成本。因此，B端产品设计需要注重提升用户的工作效率，提供便捷的操作体验。

安全性与稳定性：

对于企业级用户来说，数据安全和系统稳定是至关重要的。

他们需要一个可靠且安全的平台来处理和存储敏感的业务数据。B端产品必须能够提供强大的安全防护措施和稳定的系统性能，以确保企业业务的正常运行和数据的安全。

定制化与灵活性：

每个企业的业务流程和需求都是独特的，因此B端用户希望产品能够根据自身的实际情况进行定制。

他们需要一个灵活可配置的产品解决方案，以满足企业特定的业务需求和工作流程。

集成性与兼容性：

在企业级应用中，B端产品往往需要与其他系统或软件进行集成，以实现数据的共享和流程的协同。

因此，产品的集成性和兼容性是企业用户非常关注的一个方面。B端产品设计需要考虑到与现有系统的无缝对接和数据交换的便捷性。

综上所述，B端用户的独特需求主要体现在业务的强驱动性、用户群体的大差异性、对高效便捷的追求、对安全稳定的重视、对定制化和灵活性的需求以及对集成性和兼容性的关注等方面。这些需求特点要求B端产品在设计时必须充分考虑企业级用户的实际需求和业务场景，以提供符合用户期望的优质产品解决方案。

三、

B端产品设计的核心原则

B端产品设计需要遵循一系列核心原则，以确保产品能够满足企业级用户的独特需求。

3.1 用户中心设计

深入理解目标用户：

在设计B端产品时，必须首先了解目标用户，包括他们的工作流程、需求痛点以及行为习惯。这需要通过深入的用户研究和调查来实现，以便更好地设计适合用户的产品。

符合用户期望：

产品的设计应以用户为中心，确保功能、界面和操作都符合用户的期望和习惯。这有助于提高用户满意度和使用效率。

3.2 简洁直观的界面

简约性：

B端产品的交互界面应该简洁明了，避免过多的复杂功能和视觉元素。这样用户可以更轻松地理解和使用产品。

直观性：

界面设计应直观易懂，减少用户的学习成本。通过明确的导航和标识，帮助用户快速找到所需功能。

3.3 强大的功能支持

满足业务需求：

B端产品需要提供丰富的功能，以满足企业复杂的业务需求。这些功能应涵盖用户在工作流程中的各个环节，确保用户能够顺利完成工作任务。

灵活配置：

产品功能应具备高度的可配置性，以便用户根据自身需求进行灵活调整。这有助于提升产品的适用性和用户体验。

3.4 高度可配置性

定制化体验：

B端产品应允许用户根据自身需求灵活配置产品功能和界面。这包括调整功能模块、设置权限、定制报表等，以满足不同用户的个性化需求。

易于管理：

产品应提供便捷的管理工具，使用户能够轻松地对产品进行配置和管理。这有助于降低用户的操作难度和提升工作效率。

3.5 数据驱动决策

数据分析：

B端产品应具备强大的数据分析功能，帮助用户深入挖掘业务数据中的价值。通过对数据的分析，用户可以更好地了解业务状况、发现问题并制定相应的解决方案。

决策支持：

产品应提供可视化的数据报表和分析工具，为用户提供决策支持。这有助于用户做出更明智的决策，推动企业的发展和创新。

综上所述，B端产品设计的核心原则包括用户中心设计、简洁直观的界面、强大的功能支持、高度可配置性以及数据驱动决策。遵循这些原则有助于设计出符合企业级用户需求的优质B端产品。

四、B端产品设计流程

B端产品设计流程是一个系统性、结构化的过程，旨在确保产品能够满足企业级用户的实际需求和业务场景。

4.1 市场调研与用户研究

市场调研：

了解行业趋势、市场规模、主要竞争对手以及潜在的市场机会，为产品定位和设计提供市场层面的输入。

用户研究：

通过深入访谈、问卷调查、用户观察等方式，收集目标用户的需求、痛点、工作流程等信息。这些信息对于理解用户行为和期望至关重要。

4.2 需求调研和分析

需求收集：

从用户、业务方、利益相关者等多渠道收集需求。

需求分析：

对收集到的需求进行深入分析，理解需求的本质和背后的业务逻辑。

需求筛选与排序：

基于业务价值、用户价值、实现成本等因素，对需求进行筛选和优先级排序。

4.3 产品规划与设计

产品规划：

根据市场调研和用户研究结果，制定产品的发展规划和路线图。

功能设计：

明确产品的核心功能和特点，确保产品能够满足用户的实际需求。

信息架构设计：

对产品的内容和功能进行分类和组织，确定产品的核心功能和信息架构，使用户更容易找到和使用相关功能。

4.4 原型设计与UI设计

原型设计：

制作产品原型，展示产品的基本结构和交互流程，帮助团队更好地理解产品设计。

UI设计：

根据产品原型和业务需求，进行用户界面设计，确保界面简洁、美观且易于使用。

4.5 用户测试与反馈

用户测试：

邀请目标用户对产品原型或初步实现的产品进行测试，观察用户的使用行为和反馈。

反馈收集与分析：

收集用户的反馈意见，对反馈进行深入分析，找出产品的问题和改进点。

4.6 产品开发与迭代

产品开发：

基于产品设计文档和原型，进行产品的实际开发工作。

测试与修复：

对开发完成的产品进行详细的测试，确保产品质量和稳定性。针对测试中发现的问题进行及时修复。

产品迭代：

根据用户反馈和市场变化，持续对产品进行迭代和优化，以满足用户不断变化的需求。

4.7 上线与运维

产品上线：

经过充分的测试和验证后，将产品正式上线，供用户使用。

运维与监控：

持续监控产品的运行状况，及时发现并解决潜在的问题。同时，为用户提供必要的技术支持和服务。

整个B端产品设计流程需要跨部门的紧密协作和持续的用户参与。通过不断优化和完善设计流程，可以确保B端产品更加贴近用户需求，提升用户体验和业务效率。

五、结论

B端产品设计流程是一个复杂而精细的过程，它涉及到从市场调研、用户研究到产品开发、迭代和运维的多个环节。在这个过程中，始终以用户需求为中心，通过深入的市场和用户研究来确保产品的定位准确性，再通过原型设计、用户测试等环节不断优化产品设计，最终开发出满足用户需求、稳定且高效的B端产品。

通过遵循这一流程，

企业能够更有效地理解目标市场和用户的真实需求，设计出更符合用户使用习惯和业务流程的产品。这不仅可以提升用户的工作效率和满意度，还可以增强企业的市场竞争力，实现商业价值的最大化。

B端产品设计流程是确保产品质量和满足用户需求的关键，它需要多部门的协同合作和持续的用户参与，以打造出优秀的B端产品。

作者：张阳光Designer
链接：https://www.zcool.com.cn/article/ZMTYyMTczNg==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

评论(0) 浏览(718)

052024-8

B端数据可视化设计经验分享第二弹：表单设计（上）

涛涛

在电脑不普及的时代，企业或者机构在收集用户信息时，通常采用纸质单据让用户填写，而这个单据，就是最原始的表单。我们常说B端产品其实就是把线下已经存在的流程搬到线上，有利于扩大市场和提高使用效率和管理效率。而B端表单，其实就是把原先需要线下手工填写的表单映射到线上，并使其录入符合线上设备（如手机、电脑）的使用习惯。

评论(0) 浏览(1709)

212024-6

深入探究B端产品设计的核心

前端达人

一、B端用户需求的深入理解和分析

在当今高度信息化的商业环境中，B端产品已成为企业高效运营和持续发展的关键支撑。

这些产品不仅提供工具和服务，更是企业优化流程、提升工作效率和竞争力的有力武器。然而，要打造一款成功的B端产品，关键在于对

B端用户需求的深入理解与分析。

B端用户，

这些用户的独特需求不仅体现在产品的基本功能上，更涉及到产品的易用性、可扩展性以及服务支持等多个层面。

在需求分析的过程中，我们需要关注以下几个方面：

首先，

功能性需求

其次，

易用性需求

此外，

整合与扩展性需求

最后，

服务与支持需求

同样重要。B端用户期望获得专业的客户支持、完善的培训机制以及丰富的资源文档，以确保产品的稳定运行和持续优化。

二、B端用户的独特需求

B端用户，即企业级用户，他们的需求与C端个人用户有着显著的差异。

这些差异主要体现在以下几个方面：

业务强驱动性：

B端产品的主要需求来源于业务方，由业务驱动并主导。

用户群体差异大：

不同于C端用户需求的大同小异，B端用户群体的需求差异巨大。

高效性与便捷性

：

企业级用户非常重视工作效率和操作流程的简化。

安全性与稳定性：

对于企业级用户来说，数据安全和系统稳定是至关重要的。

定制化与灵活性：

每个企业的业务流程和需求都是独特的，因此B端用户希望产品能够根据自身的实际情况进行定制。

他们需要一个灵活可配置的产品解决方案，以满足企业特定的业务需求和工作流程。

集成性与兼容性：

在企业级应用中，B端产品往往需要与其他系统或软件进行集成，以实现数据的共享和流程的协同。

因此，产品的集成性和兼容性是企业用户非常关注的一个方面。B端产品设计需要考虑到与现有系统的无缝对接和数据交换的便捷性。

三、

B端产品设计的核心原则

B端产品设计需要遵循一系列核心原则，以确保产品能够满足企业级用户的独特需求。

3.1 用户中心设计

深入理解目标用户：

符合用户期望：

产品的设计应以用户为中心，确保功能、界面和操作都符合用户的期望和习惯。这有助于提高用户满意度和使用效率。

3.2 简洁直观的界面

简约性：

B端产品的交互界面应该简洁明了，避免过多的复杂功能和视觉元素。这样用户可以更轻松地理解和使用产品。

直观性：

界面设计应直观易懂，减少用户的学习成本。通过明确的导航和标识，帮助用户快速找到所需功能。

3.3 强大的功能支持

满足业务需求：

B端产品需要提供丰富的功能，以满足企业复杂的业务需求。这些功能应涵盖用户在工作流程中的各个环节，确保用户能够顺利完成工作任务。

灵活配置：

产品功能应具备高度的可配置性，以便用户根据自身需求进行灵活调整。这有助于提升产品的适用性和用户体验。

3.4 高度可配置性

定制化体验：

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

银行金融软件 UI界面设计、能源及监控软件 UI界面设计、气象行业 UI界面设计、轨道交通界面设计、地理信息系统 GIS UI界面设计、航天军工软件 UI界面设计、医疗行业软件 UI界面设计、教育行业软件 UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

评论(0) 浏览(1014)

212024-5

B端基础 | 52000余字总结 B 端基础设计知识

鹤鹤

1、

内容总结

因为在写这个系列的文章时我加入了很多扩展知识。希望告诉你更多。这里我会把主要的这个系列的知识总结一下让你尽量一次看完。

1.1、登陆页面

最近就在做我们系统的登陆页面优化。回头我会写一个项目总结给你们看。这里介绍一下B端登陆页面该怎么去做。其实还挺简单了。因为现在主流的布局就那几个。

登陆页面：布局分为三种；居左、居右、居中

页面元素：导航、登录框、背景（装饰元素）、互联网信息。

导航

高度：68px或48px、文字大小：14（大部分）16（也可以）

登录框

大小：大小尺寸不统一、没有固定的尺寸。可以根据自己和领导的喜好决定。对还有要承载的内容多少。

登录方式：扫码、手机号、账号、第三方

标题切换字号：我喜欢用26px（也要其他的16、/18、/20）

输入框高度：48px

按钮文字和高度：16px、和输入框高度一直就行。

背景

可以是配的插画（这种最简单）、一般都是科技风

底部

要不就是单纯的互联网信息。要不就是快捷入口、联系方式什么。这个就不多说了正常排版就行。

1.2、筛选

筛选相对是很简单的部分把、因为你直接用规范里的组件。虽然不会很优秀、但是刚重要的是不会出什么错误。主要是就大厂规范能够快速的帮你解决问题。

筛选的意义：定位数据、缩短查询路径、数据内容分类

筛选类型：基础筛选组件（就是我们常见的页面顶部的筛选）、高级筛选（就是那些需要你定义想一想的筛选部分）

筛选布局：顶部和左侧

筛选样式：平铺；折叠；Tab筛选；单侧选择；表头；综合

1.3、栅格

这里其实还简单的、首先你要明白栅格在我们的设计里面很重要。你不用当然也可以呀。但是你想要做的更好那就用起来你会有意外的收获。

怎么用：直接看ant design、TDesign、阿科desing的规范就行、写的很清楚。

注意点：不要硬套、我们要根据自己的系统去自己定制。比如我们系统、用的是ant design的框架、但是我们的网格系统是自己定制的。因而我们的边距不是24px、我们是20px

1.4、颜色

这部分相对来说是我自己的弱项、在写当时的文章的时候也是收获颇多的。明白了大厂规范是怎么确定自己色彩设计规范的。也清楚了自己应该怎么去规定自己的设计规范。

主色确定：常见的方法、1、用自己品牌logo的颜色；2、用行业色

配色确定：我一般是找竞品、或者优秀的配色方案、来确定自己的。多参考大厂的配色方案。虽然不全是好的。但是好的还是站大多数的。

大厂色彩：这里我分享了大厂的色彩是怎么去确定的、如何去确定。可以去看看。我在自己的工作中色彩的应用就参考了ant Design的色彩应用方式定制的。

1.5、字体

字体部分我觉得最有意思是的是分享了、我们宋体、楷体、隶属、甲骨的发展历史和由来。还有就是如何去设计一款自己的字体。还有后台字体规范的制定

中国文字：这里中国文字的发展历史、所有字体的产生都是有自己发展的历史原因的。很有意思。建议你看看、可以当做你喝酒吹水的谈资。

字体规范：我们大部分的字体会采用黑体、可读性强、亲和、现代、清晰。

字号：最新的字体12px、正文、14px、通过+2， +4，+8，+12，+16 的步数增长规律

行高：通过逻辑得到这样一个公式：「行高 = 字号 + n 」，8 作为变量正好同时满足与 1.5 倍的「 14px & 16px 」常用字号行高保持一致，总体文字间隙稳定呼吸，行高空间较一致得出计算公式：「line-height = font size+8」

字重（就是字粗）：建议使用两种常规和加粗（在前端里一般就是400和500）

颜色：我是主张带有色彩倾向的颜色应用的。根据字体样式的设计原则，制定了简易好记的透明度数值区间并且将该字色与界面系统的色彩系统结合，文字显示色彩对比满足至少1:4.5( AA级别）。且验证了其中的实用性，共分为亮暗两种模式，4 个色阶。

1.6、ICON（图标）

你要统一风格成套的去找参考和应用。在我们的系统里我是自己画icon的然后传到阿里巴巴矢量图库让开发直接引用。这个是自己累点、但是可以保障实现效果。

设计原则：准确、简单、节奏、愉悦。

设计实战：采用栅格

我是用的阿里巴巴矢量图库的设计规范、因为我要传到这个平台应用

ICON分类：交互性图标、装饰性图标、说明性图标

1.7、按钮

按钮我觉得这部分是相对简单的、也是要做到风格的统一。直接用大厂组件然后根据自己平台的风格、不如圆角的大小其他的倒是没什么了。

常规按钮：次要按钮、主要按钮、文字按钮、图标按钮

按钮状态：可用、禁用、加载、悬浮

尺寸：把按钮分成：迷你、小、中、大，四种尺寸。高度分别为：24px/28px/32px/36px。推荐及默认为尺寸「中」。

样式：各个规范对按钮形状的规范基本都一样。提供长方形、正方形、圆角长方形、圆形四种形状。

布局：这里分享了两个概念、古登堡法则、费茨定律、告诉你我们为什么这么排版。对产品和甲方很有用、哈哈、这是我的秘诀。

1.8、弹窗

后台弹窗是一个很复杂的内容、但是也是一个相对很好处理的部分。只要你做好规范这部分、简直就是一点开胃小菜。

弹窗是一个我头痛的问题因为不太好规范。但是我还是把这个弹窗系统、在我们的体系中形成了一个小的规范。感谢领导、感谢前段端的龙哥。

我们把前段粗略的分为400px、600、800、1000、最大、广告。业务里我们会采用4、/6、/8、/1、最大、推广和通知我们就统一的尺寸。

1.9、表单

什么是表单：我理解表单就是系统为和用户进行交互、所要收集用户信息的或获得用户反馈的一种方式的载体。在后台产品中对我们数据做的增、删、改、查、验都可以通过表单完成。

我们在后台系统中、大部分的场景都会使用上表单。信息采集呀、编辑数据呀等。在表单设计时要遵循的原则、简洁明了、清晰高效、适应业务、即时反馈。

表单的构成结构、基本都是由、标签、域、提示、操作按钮这四个部分构成的。

表单布局在表单中我们采用多种布局方式。信息分组、内容列表、标签页、分步骤。

1.10、表格

B端设计中，对数据浏览、操作、过滤、展示是最高效的。这你就不用质疑了。因为结构简单、精准高效、数据形式丰富。

表格是用来收集、整理、组织、分析数据的二维矩阵。它由内、外两部分组成。其中，内部包含表头、表体、底栏等。外部包含标题、筛选区、操作按钮区等。

表格的类型：基础表格、树形、子表格、交叉表格、图表表格、卡片表格

表格的样式：网格型、水平线型、斑马纹、自由形式

进阶的一些知识就是表格数据的优化和表格的交互知识了。想了解去看更详细的我的文章11表格设计和12表格优化项目实战。

1.11、大厂规范

如果你是一个小厂B端设计师、刚好没有自己平台的设计规范。那就去直接用的场的设计规范。去用没问题的。大厂那么多的牛逼设计给你做好了你不用。都塞到嘴巴上、不吃就不给面了。

在使用大厂的设计规范时然后慢慢的积累自己平台的设计规范。逐渐的你就会形成一个属于你们自己平台业务的高质量设计规范了。

2、计划

这个基础系列的文章就这样写结束掉吧、希望可以对你的B端设计有所帮助。之后我会写二个系列的文章、去分享我理解的B端设计。

第一个系列是B端基础设计的加强版、B端高手。B端高手是会写我的实战里是怎么去做的。其实就是我的设计项目复盘。

第二个系列就随便的去分享一些设计知识。比如哪些什么什么原理呀、什么什么法则呀、在设计里的应用。而且会提出和讨论一些设计问题。

作者：彪形大汉pro
链接：https://www.zcool.com.cn/article/ZMTYyMTEyNA==.html
来源：站酷
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

评论(0) 浏览(1054)

« 1 2 3 4 ... 10 »

日历

链接

个人资料

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

首页

构建企业级B端设计规范：全面步骤与实践指南

B端设计实战指南：常见问题详解与应对策略

B端设计精髓：基础组件的标准化与高效应用规范指南

B端设计案例修改

以B端小二拣货场景为例 - 视觉思维在交互体验中的运用

B端产品设计优化-基于用户需求调研与分析

深入探究B端产品设计的核心

B端数据可视化设计经验分享第二弹：表单设计（上）

深入探究B端产品设计的核心

B端基础 | 52000余字总结 B 端基础设计知识

分类

日历

链接

个人资料

存档