B端产品页面如何设计,从用户专注维度详解B端产品的三种页面类型。

前言

在 B 端产品当中,我们经常看到五花八门的设计页面,很多人会质疑自己,这是 B 端产品的页面么?

从用户专注维度,我总结了B端产品的三种页面类型

感觉品牌调性不太符合,B 端产品往往传达给用户的都是严肃、刻板,但是在同一个产品当中,同样会存在这样的差异。

在浏览各大设计系统时,我们经常听到 B 端页面的具体归类,通常都会分为:表单页、列表页、详情页、结果页、工作台 等等…,但是除了这些维度进行划分之外,我们还可以从另一个角度去看待 B 端的具体页面。

那今天就是我们要讲的,按照用户的专注维度去划分的三种 B 端产品的页面类型:"过渡页面、沉浸页面、配置页面"

从用户专注维度,我总结了B端产品的三种页面类型

其实在我划分页面类型的本质上,是在对用户的不同姿态所去使用的专注度的思考。因为我们用户最终的使用姿态也就导致了,页面需要进行细致的分类。

过渡页面

为什么工作台总是五颜六色?花花绿绿?

为什么我明明想要的是表格、表单,你却给我看这个花花绿绿的页面?

为什么我不建议打工人的居住位置选择在公司附近?

其实都可以通过过渡页面/场景进行解答。过渡页面,在设计中也就是用户不需要非常专注于某一个具体的页面。而用户在这些页面当中主要起到过渡的作用,也就是用户可以通过这些页面去寻找到他想要的内容。

比如工作台/首页,它本质其实就是分发,也就是说在 C 端产品它分发的是用户流量,而在 B 端产品它分发的是产品功能。因此你会发现 B
端产品的工作台都是以各种各样花里胡哨的功能入口来展开的,即使是相应的图表,折线图,但通常情况下这些数据可以通过图表进入到对应的页面当中。因此它的本质都是提供给用户进入系统功能的入口。而花里胡哨则是通过颜色的区分,能够让他明确的知道我究竟要去到哪,要用什么功能?

比如现在你打开 Sketch/Figma,它的页面当中总是花花绿绿。其实在它看来,这个页面就不是一个严肃,需要去沉浸的页面,而更多是让你找到你想要的信息内容。

从用户专注维度,我总结了B端产品的三种页面类型

其实过渡页面的本质就是如同我们上班工作,每天都需要有一个通勤时间,比如 15 分钟、30 分钟,来去缓冲工作与生活,通过这样的方式来进行切换自己的工作状态,能够让你知道在哪些地方我需要格外专注、在哪些地方我们稍微放松。

沉浸页面

沉浸页面,顾名思义就是让用户更为投入的页面,我们再以 Figma 为例。

你会发现 Figma 在首页当中,它的设计风格是非常跳跃、夸张的,而到了沉浸式场景当中,他的设计风格就是克制、聚焦。

这究竟是为什么?其实这个和我们 B 端产品有着异曲同工的地方。在 B
端产品当中,你会发现,表单、表格,我们在设计这些页面的时候,考虑的不是如何设计其颜色、样式,想的更多就是在用户不被干扰的前提下,能够更加合理、高效展示这些信息。而这些页面在设计的时候其实就是一个沉浸页面,考虑的是从统一的页面布局,相同的交互形式,来对用户进行教育。

这也是为什么你看 Sketch、Photoshop、Figma。这类相同类型的工具型软件,都拥有着相类似的信息布局方式,而我们再去做其他的 B 端系统时也会借鉴他们的布局方式。

从用户专注维度,我总结了B端产品的三种页面类型

配置页面

配置页面,也就是用户对于前台应用的相应配置,在 B 端系统当中就是我们常说的管理后台系统。

在管理后台的设计当中,考虑的就不是如何布局、如何进行颜色突出,我们更多应该去思考如何降低用户的使用成本。常见的处理方式会有几类:可视化配置、帮助体系的建立、专业门槛的降低、产品模版的建立。这里就不展开讲了,里面会涉及到较多的细节。在接触到的任意
B 端系统的管理后台,都需要做到上面几点才能够算是一个合格的 B 端管理后台。

从用户专注维度,我总结了B端产品的三种页面类型

比如在飞书的字段配置页面里面,你会发现就是如此。采取可视化的配置策略能够让你知道管理后台的配置结果,在前端系统的页面里面究竟应该如何展示。

最后聊聊

其实,最后你会发现,我们在文章里聊的其实并不是页面类型,而是你的用户它的使用究竟有哪些场景。虽然大家都在说 B 端,但 B 端产品本身就是一个复杂的结合体,它有着不同的页面、不同的,因此在设计上,我们更要格外小心。

作者: CE青年Youthce

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/233157.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月1日 12:37
下一篇 2023年3月1日 12:38

相关推荐

  • 网页设计趋势:预测2020年网页设计的流行趋势

    距离2020年还不到2个月的时间,不少网页设计师已经开始蠢蠢欲动关注明年的设计趋势。那麽,明年网页设计趋势到底流行哪些元素?我们一起研究下! 预测2020年网页设计的流行趋势 趋势一:3D的深度与现实主义 网页设计…

    2022年6月25日 建站资讯
    0128
  • 网页设计公司哪家好?选择正确的公司

    网页设计的主要目的在於让很多的消费者们的注意这里面,然後进入里面,更加方便的去使用网页,这就是他的额核心所在,但是不同的制作人员制作出来的是有很大的差别的,毕竟他们对於网页的理解是不一样的,所以需要…

    2022年6月14日
    0307
  • 四方面让电商直播页面设计更出色  

      从整个电商网站设计来看,直播形式的加入主要内容是由视频流以及交互层组成。视频流是直播的主题,因此交互层需要减少对主题的干扰。 横屏还是竖屏 很明显,既然是视频形式,那麽最优的设计方案固然是横屏。…

    2022年6月25日
    0165
  • 如何选择合适的网页制作公司 5大事项你须了解

    网站不仅仅是企业形象的展示窗口,也是企业与客户的交通平台,所以选择一家好的网站制作公司是非常重要的,同时它也是中小企业展开网络营销的重要一步。但是,坊间网页制作公司的收费从几百到几十万不等,且大多数…

    2022年6月25日
    0110
  • 分享网页设计中字的颜色。

    在网页设计和PPT制作中,选择合适的字体颜色是非常重要的,一个合适的字体颜色不仅可以提高阅读体验,还可以增强视觉效果,使内容更加吸引人,网页和PPT分别应该选择什么颜色的字体呢? 我们来谈谈网页字体颜色的选…

    2024年6月30日
    00
  • 极简主义网页设计案例:看看 Aesop如何利用网站连获三奖

    不知道大家有没有听说「Aesop」这个澳洲护肤品牌呢?Aesop是以天然有机植物草木为卖点的澳洲知名护肤品牌,价格亲民,深受不少当地女性喜爱。 除此之外,该品牌网站上线後更是连获三奖,这可能是因为Aesop一直清楚产…

    2022年6月23日 建站资讯
    0132
  • UI设计技巧:UI设计需要了解哪些心理学内容

    企业若想要透过UI设计能吸引用户关注、发掘潜在客户,甚至进行诱导转换等,了解相关的心理学是非常重要的。那麽UI设计需要了解哪些心理学内容? 为什麽UI设计需要了解心理学? 在UI设计和交互设计中,学懂用户心理学…

    2022年6月25日 建站资讯
    0215
  • 两招轻松消灭尴尬的空白状态

    第一招,情感化的表达 这招比较适合出现在用户操作异常的时候,为了有效的提升用户体验,缓解用户的疑惑和情绪,最好将提示文案写得生动活泼一些,并且搭配合适的动效元素。而不是冷冰冰的错误提醒。 第二招,提供…

    2022年6月25日
    0102

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息