系统知识的搭建来自于日常阅读的积累，周刊汇集本周优秀文章案例，愿和大家一起学习成长01.品牌定位，抢占用户心智第一步本文通过实际案例，详细介绍品牌定位的经典思路，为品牌进入新市场，品牌诊断、品牌再定位等提供方向牵引。原文链接品牌定位，抢占用户心智第一步02.

在产品日趋同质化的背景下，品牌价值得到凸显，新老品牌不断更新品牌内涵，以期更加靠近目标人群，抢占用户心智。作为品牌经营的第一步，品牌定位成功与否决定了后期的品牌建设，品牌定位重要性可见一斑。品牌定位是企业建立与目标市场有关的品牌形象的过程和结果，使产品在用户心中占领一个独特位置，当产生某种需求时，能第一时间想到该品牌，从而使用其产品。本文将通过实际案例，详细介绍品牌定位的经典思路STP（Segmentation市场细分，Targeting确定目标用户群，Positioning定位），为品牌进入新市场、品牌诊断、品牌再定位等提供方法论借鉴，也能给不同阶段产品和设计迭代提供方向牵引。STP中涉及的Segmentation即“市场细分”也同样适用于人群/用户细分，服务于产品精细化运营。1.

系统知识的搭建来自于日常阅读的积累，周刊汇集本周优秀文章案例，愿和大家一起学习成长01.中后台产品的产研协同提效调研本文主要通过对设计产品的现状的了解和调研，找到更适合B端产品提效的方案。原文链接中后台产品的产研协同提效调研02.

-设计师如何快速熟悉陌生领域与产品业务？本文旨在向任何产品设计师展示如何在陌生领域研究复杂产品以创建出色的用户体验设计和视觉设计。原文链接设计师如何快速熟悉陌生领域与产品业务06.

第八期且曼B端产品设计训练营早鸟班车，2022最后一期，数量有限，先到先得！扫描下方二维码，或点击阅读原文获取课程详情

“不积跬步，无以至千里；不积小流，无以成江海”。系统知识的搭建来自于日常阅读的积累，周刊汇集本周优秀文章案例，愿和大家一起学习成长01.5千字深度解析B端产品的美即适用效应在打造一个产品时，不仅仅需要考虑它的好用与功能价值，同时也应当考虑产品在美感方面的设计，一个美观的设计会影响用户观感。本文将探索美即适用效应以及对产品的影响，希望对你有所启发。原文链接https://www.woshipm.com/pd/5604986.html02.

个优秀体验细节本篇文章中作者给大家分享了飞书文档的产品体验设计拆解，感兴趣的朋友们快来一起看看吧。原文链接https://www.woshipm.com/pd/5595076.html06.

-拖拽、双击用得好，青铜也能变王者本文分享了常见的拖拽、双击交互如何合适的将其融入产品，从而提升用户体验。原文链接拖拽、双击用得好，青铜也能变成王者05.

上一篇我们了解了一些硬件基础以及如何拆解产品需求。本期我们沿着上篇的思路继续和大家分享如何根据拆解出的需求制定相应的设计方案。本文将从以下五个方面讲解可视化大屏从0到1的设计过程：首先，确定画板大小；然后，合理安排模块布局；其次，明确整体界面的设计风格；再次，对业务数据进行梳理、合理安排信息层级以及选择合适的图表去精准的表达业务数据；最后，就是快速的搭建一块可视化大屏。

随着人工智能、云计算、VR等新技术的兴起，机器逐步解放或替代人力，新型人机协作方式也开辟出一些新岗位和新的工作形式，让学习能力一般的普通人使用机器完成工作。学习与机器建立良好协作关系，是推动新技术工具产品普及市场，提高生产效率的关键，这种变化也对体验设计发出了新的挑战。本文将以58同城自研的VR激光拍摄工具体验改版项目为例，提供一些新技术背景下软硬件生产工具设计思路。提高效率始终是生产制造行业的重点，机器在生产中的主动参与程度随着技术发展逐步增加，人与机器逐步走向协作共生的关系，即在共同时空下，人和机器相互利用优势和资源，更快更好地完成任务。在过去机器被动参与的时期，设计的重点放在人如何发出指令让机器做正确动作，而且很多时候是以机器而非人的逻辑进行界面设计，并没有考虑无经验小白用户的学习体验，才会出现一些让人费解的界面设计。在人机协作时期，设计的重点转向“协作”，所以需要关注整体工作流程下，人的认知和行为是否能与机器做到同步。并且面临新技术和新的工作流程，未来产品使用者在经验认知上就存在较大鸿沟，设计需要做到“新技术人性化”，尽量抹平学习门槛，建立人机协作的良好信任关系。VR激光拍摄工具依托自动化算法技术，尽力解放人力实现拍摄和编辑流程全自动化，进行现实空间点云数据采集和户型图绘制，未来使用者以零经验的经纪人小白用户为主。相比于过去全景图拍摄，VR激光拍摄可以自动进行空间关系搭建、空间颜色和尺寸数据获取等操作，实现除了全景图之外更多的三维空间复刻。在产品投入业务使用的初期，设计的目标是对工具的易学性和人机交互效率进行优化，提升整体任务完成效率，从而保障在业务场景的流畅使用。在人机协作的不同工作阶段中，由于构成协作关系的构成元素、任务目标和操作方式不同，人机在决策优先级、信息互动形式、交互行为方式等方面都有区别，因而设计的目标是协调好不同工作情境下人机优势，避免无效和错误的信息，来达到人机协作的愿景。经过相关前沿文献调研，在工作中人和机器主要以下面四种方式进行协作：1、区域一

小红书作为新生代消费者聚集地，是年轻人重要的生活方式平台，如何与年轻人对话，抢占用户心智，高效打造出圈爆款，成为众多品牌关注的焦点。本期MEUX对话设计特别邀请了小红书设计团队资深设计师一起聊聊创作者及电商服务心智的核心思考过程。MEUX对话设计是百度移动生态用户体验设计中心发起的系列栏目，邀请来自外部行业专家、创新设计实践者，作为主讲嘉宾，开展分享，深度剖析用户体验，分享设计对社会对商业的价值。本期分享包括小红书UED团队对于创作者服务与电商服务的思考；以及百度MEUX团队对搜索下服务心智的建立与对B端设计的探索。小红书UED分享内容小红书作为一个生活内容社区，连接着创作者和消费者，在平台消费内容和时间的用户都能被归纳为消费者。创作者生产出更优质的内容，并吸引消费者提供正向反馈，这也是小红书社区的良性生产循环。我们通过滤镜、贴纸、文字、模版等工具辅助用户的内容创作和表达，帮助用户更多元化表达。滤镜贴纸滤镜的优势在于缩小数码设备和人眼看到景象的差异。这一辅助功能主要围绕着质感优化、渲染情绪和增强氛围三个方面为用户提供更便捷的内容创作方式。对贴纸的设计围绕着扩大信息、表达情绪、增加氛围和内容互动四大功能开展。文字｜模版通过不同的文字和模版内容，打破静态图片对于信息传递的局限，为用户提供更有趣的创作可能，结合图片视频模版可以在减少用户创作困难的同时提高产出内容的质量，通过这些工具赋能用户多元化表达。创作中心针对用户发布后需要解决的问题，小红书创立了创作中心，着眼于创作者的成长。从短期的账号笔记维度的数据反馈，社区规则的透传到持续发布的动机。数据中心会为用户提供多方位的数据解析，并且直观地针对账号和笔记给出指导性诊断建议。笔记是小红书连接平台和用户之间最重要的部分。有明确意图的，小红书的内容会帮助TA决策，没有明确意图的，小红书会帮助TA发现多元生活。消费已经从商品进化到了生活方式。小红书商城-虚拟世界的商业街小红书的大街，就是社区商店，也就是首页笔记流。为了吸引用户消费，首先要做到内容引起兴趣，告知交易能力的同时还要做到建立安全感和信任感。商卡商卡的呈现方式有两个优点-满足用户获取内容的预期；作为小颗粒的容器，笔记可以在app内灵活流动。故事笔记的存在为商卡里的内容增加了信任的背书。而直达的商品界面可以看到销量，售后保障和评价等及时增加消费者和商家之间的良性互动，也能让消费者对购物行为更加放心。百度MEUX

-B端设计经验总结-帮助新人快速上手本篇文章总结了交互新人在初工作过程中可能面临的疑惑与问题，并结合自身经历总结了相关设计经验，希望能够帮助新人设计师快速上手B端设计。原文链接帮助新人快速上手03.

一、什么是画线工具画线是股票技术分析中非常重要的一种工具，是新股民进入股市后学习成长道路上的一门必修课。相比基本面要深入研究公司一大堆财务数据和行业未来发展前景来说，画线是新手更容易上手的股票分析工具，在实战交易中实用性更强，绝大多数在决策股票买卖点或预估大盘具体点位的时候，本质都会用到画线相关的理论。每一根K线代表着当天市场多空双方的博弈过程，多根K线连在一起就形成了股票的长期走势，认真观察我们是可以在K线图中找到某些特定规律，使用画线工具在K线图中将其刻画出来，就形成了例如波浪形态、上升/下降轨道、支撑压力位、黄金分割等辅助线，以此来帮助我们更高效准确的做出买卖决策。使用画线工具来分析股票十分的方便，对投资也是十分重要的。但是对于新手股民来说，怎样使用股票画线工具是一个难题。这里牵涉到两个方面，如何设计画线工具更易于使用，以及投教让新手股民学会如何使用画线工具。二、竞品做法情况摸排在证券领域画线工具由来已久，各家券商或平台也都做了很久。对于这种成熟功能，我们也去摸排竞品看看已经实现的基础上是否仍有进步空间。盘点市面上几款主流证券产品，带有画线工具的APP：主要发现在画线过程和手势操作上，各家做法不尽相同。画线过程大多依靠引导，仍保留“画”这个动作。但实际操作时候我们发现，“画”只是非常小的一步，而用户大多数时候都是在“调整”

从内容创作平台到多元内容供给生态，百家号原有形象已无法与当前的品牌定位相匹配。对此，设计侧发起了品牌视觉语言升级专项，帮助用户更新品牌认知，完善品牌心智。///塑造鲜活立体的品牌形象项目的核心目标是塑造鲜活立体的品牌形象，打破B端品牌生硬刻板的传统印象。设计难点是兼顾好视觉创新与品牌继承之间的关系，既要有焕然一新的视觉体验，又要有似曾相识的品牌印记。在前期创意阶段，我们通过大量的竞品调研、创意发散、概念嫁接等创意手段，最终我们从「戏剧」艺术形式中获得启发，通过戏剧中角色塑造的方法赋予品牌人格化特征，内修精气神，外塑骨皮相，内外兼修以达到品牌的知行合一。///视觉语言设计理念品牌形象·内修精气神追溯到品牌的起点，百家号作为连接百度内容生态BC两端用户的媒介，兼顾BC视角，对于C端用户来说，百家号是提供源源不断优质内容的内容之源，对B端创作者来说百家号是提供灵感和创意工具的创意之源。所以我们提炼了“源”这一核心设计理念，意为「源于发现，体验美好」，从体验愿景出发，为品牌注入灵魂。///视觉语言设计抓手品牌形象·外塑骨皮相我们提炼了“一横四纵”的设计打法，一横：是围绕用户群体的变化横向提取设计关键词「多元、年轻、专业」，统一贯穿品牌感受；四纵：通过「形」「色」「质」「字」四个纵向视觉维度环环相扣，让品牌形象可见可感可触可识。//

美事作为58集团内部线上办公软件，上线距今已经5年有余。在近两年疫情的影响下，随着线上办公、线上协同的诉求增加，旧版美事的诸多问题逐渐显现。为了给用户带来更好的使用体验，58UXD和企业平台部推动了本次改版设计。通过用户访谈和项目组线上内部讨论，我们总结旧版美事的问题集中在以下三点：品牌调性不清晰，缺乏品牌感；协同办公核心功能不突出；办公平台定位与内部运营框架混乱功能分散。所以本次改版的主要设计手段为：重塑品牌调性：品牌色、品牌标识优化，视觉语言升级；强化协同属性：更贴合办公产品的定位，打磨协同类功能使用体验；优化产品框架：聚合企业内部运营场景，提升企业内容扩张力。重新定义产品主色旧版美事的品牌色为橙色，寓意：友善，温暖，充满活力。从最早以内部沟通为核心功能的产品，到如今的在线协同办公平台，随着业务不断扩张和发展，我们的用户往往每天都要长时间使用我们的产品，大面积的橙色占比往往使用户更易疲劳。品牌色升级，从暖色系回归冷色系，只为向我们的用户传达：高效、安全、稳定、可信任的产品使用感受。品牌标识升级每一个品牌升级都不可避免的从重绘

///项目背景好看视频是一个致力于打造泛知识短视频平台。自PC站点19年上线，已有将近2年多的时间。在近期的自查过程中，我们发现首页视频筛选效率较低，相比竞品采用响应式布局结合推荐FEED流的模式，内容展现和功能体验上差距明显。于是设计侧发起专项提升PC站体验。竞对体验对比屏幕适配差：通过产品后台数据发现，浏览好看视频PC站的用户屏幕尺寸比例中，67%的用户屏幕尺寸在1920px以上，32%的用户在1700px-1280px，但旧版官网只基于1200px，没有更好的利用PC空间。对于更大的屏幕内容呈现更显低效。反观头部竞品，都按照栅格系统支持了响应式布局，对于任意屏幕尺寸都能很好的适配，保证内容展现的完整与高效，对于不同设备的兼容也有很好的效果。导航效率低：旧版好看采用顶部导航的形式，固定展示15个频道列表，后期拓展了更多的频道都收起在二级导航内，不方便拓展与筛选；一些常用的功能如：历史观看、我的收藏也都收起在二级菜单内，不利于用户使用。大部分头部竞品都采用了固定导航的形式，将常用功能与频道放置左侧，用户不论在站内的任何页面，都可以快速在左侧切换页面，提升了筛选效率与扩展性。内容展现少：顶部个性视频推荐只展示6个，需要手动点击左右切换按钮才能查看更多推荐视频；下方各垂类频道每个也只推荐了5个视频，如需查看更多需要再点击进入频道页查看。用户如果不能在首页这种关键场景快速筛选出自己想看的视频，那基本就会退出页面造成用户的流失。头部竞品基本选择了瀑布流的形式，直接通过算法推荐给用户喜欢的视频，用户仅需要滑动页面就能看到更多推荐内容，展现效率高。围绕问题确立设计目标1.建立响应式布局：网页设计最基本原则就是有序，一个清晰有序的布局可以给用户带来严谨、专业的感受。应用栅格化响应式布局设计，可以充分利用屏幕尺寸带来更多的展现与更自由的适配。2.提升浏览筛选效率：通过框架重构，视觉降噪等手段，体验升级，帮助用户快速达成目标。///设计方案栅格系统：页面响应式适配选择响应式网页设计可以很好的保证跨平台与多屏幕尺寸下的显示效果；而且只开发只需要开发一套代码，不需要单独维护不同设备站点。且对于好看视频这类视频浏览网站，用户交互操作少，能带来更多的视频展现。建立有序的栅格，可以有规律的把页面元素排列，保证页面的严谨和一致的韵律性，同时也可以让网页的信息更加美观易读。好看视频官网本次采用左侧固定宽度导航，右侧1920px区域设置栅格的混合响应式布局形式。整体最大页面宽度2160px，保证大尺寸屏幕浏览体验，采用24栅格，水槽宽度16px，页边距32px，列宽62px，均为8的倍数，符合偶数原则，不会出现小数点或半像素情况，方便开发还原效果。通过设置不同屏幕宽度的断点，右侧视频封面等比缩放，其余内容尺寸间距字号保持不变，小于断点宽度后缩减列数，最少保证4列。框架重构：增加扩展性及浏览体验在整个网站基础框架上，我们采用了侧边导航栏形式，拥有更好的功能拓展性，不光可以展示丰富的频道页，还能承接更多类型的功能，如热门视频榜单、放映厅、观看历史查看及收藏内容的快速查看，关注作者的最新内容也可以透出在左侧导航栏区域，帮助用户及时发现喜爱作者更新的内容。右侧视频筛选区域也变成无限加载feed流，相较原先顶部左右切换的推荐形式，筛选效率更高，仅需滚动鼠标即可看到更多视频，提升更多优质视频曝光的可能性。这种框架浏览习惯也和移动端类似，更适合现在快节奏短视频时代。///视觉降噪字号字色缩减：提升浏览可读性重新梳理了站内的字色字号来降低冗余视觉影响，从原先8种字号优化为全站仅4种；灰阶的字色也在保证清晰度对比度的情况下降为3种，采用蓝灰色阶保证阅读舒适体验，且遵循WCAG2.0标准进行可用性测试，保证视障用户使用。视频落地页评论区作为用户信息浏览的主要场景，改版过后浏览更清晰统一。icon重绘：更简洁清晰站内icon也经过重新绘制，各频道新增双色icon，风格统一，中性简洁，表义明确。///方案上线与设计验证首页AB实验数据对比我们首先挑选了官网首页进行测试验证，经过1个月AB测试后，实验组的页面带来了更多内容的展现和更舒适的屏幕适配，所以全站的内容展现和点展比及视频落地页展现和点展比均相对对照组均有小幅提升；用户对于新版页面接受程度也较高，留存数据变化稳定，长留还呈现正向上升的趋势。于是继续推动其余页面逐步改版落地，提升网站整体体验与感受。AB实验是最常用、成本低的设计验证方式，可以快速帮助设计判断效果，方便后续方案改进和改版推进。///写在最后在日常的工作中其实可以从单点体验优化升级为整个项目的改版升级，要时刻站着用户视角洞察问题，考虑不同边界情况对于设计展示的影响，在体验优先的时代，用户的流失可能仅仅是因为一个很小的体验问题。拥有更好的用户思维，能让你的设计更值得推敲与易用。随着移动设备及各种全面屏折叠屏的普及，PC网站的设计更加需要响应式布局设计，利用较少资源保证网站的适配与展示效果；在效率为先的互联网时代，响应式布局与内容推荐形式是很好的组合手段，非常契合短视频网站场景，展现更多的内容，提升筛选和决策效率。希望本次项目的体验升级经验可以给大家带来帮助。

“不积跬步，无以至千里；不积小流，无以成江海”。系统知识的搭建来自于日常阅读的积累，周刊汇集本周优秀文章案例，愿和大家一起学习成长01.

在受到不确定性扰动的外部环境下，今年的APP11.0升级格外不同。京东零售CEO辛利军在2022年618商家大会上向外界传达京东APP11.0将以“新生态、新体验、新增长”为主题，为商家构建一个更健康、开放、有序的开放生态，为数十万商家提供持续发展的机会。这是首次京东APP改版在B端大会上亮相，意味着此次改版更加重点围绕B端的生态进行打造，相比过往更具体系化。此次改版京东APP11.0也被苹果应用市场评选为精选APP。这是11.0的起点，下面，京东APP11.0改版团队将分享一些APP改版背后的一些解读和思考。全文累计1.1W字

最近有不少粉丝朋友们反馈：“都说B端不怎么卷，是2022年的风口。为什么我感受到的却是铜墙铁壁，哪里有风了？”“作品集做了七八十页，使出了浑身解数，吃奶时候做的项目都放上去了！简历却依旧石沉大海……

写在前面一大家好，我是小鹿，周末来小小的充个电吧～今天为大家分享的是「B端典型页面-表格（上篇）」，文章将从概念和结构拆分为以下四个部分为大家进行全方位的解读复盘。01

金三银四即将来临，为回馈粉丝，官方开启过往高薪学员B端作品集大放送。首次公开的是第三期的师姐，目前月薪28k/月，坐标上海，业务为媒体管理系统。扫码添加文末范范微信，可以免费加入B端交流群，并获取2月24日晚公开课链接。关注公众号，获取更多B端福利。原创声明：已获取学员授权。禁止二传二改或偷作品集的行为，转发可私信获取白名单。扫码添加文末范范微信，可以免费加入B端交流群，并获取2月24日晚公开课链接。关注公众号，获取更多B端福利。相关文章链接：《年薪50万的B端作品集长啥样》《谁说现在是设计师就业寒冬》《B端用研如何成为面试中的核武器》《文章导读：B端用研如何做好用户访谈》《文章导读：腾讯云是怎么做用户访谈的》

写在前面：听说这套作品集，被我们同学早期面过的面试官给传出来了？既然这么想看，就大大方方给你们看吧。第五期《且曼B端设计》即将开课，文末有公开课福利，不容错过哦～【作品集声明】版本：一年前第一期学员作品集，1.0淘汰版作品集。目前课程已迭代到第五期，毕业生们就别抄了。来自：《且曼B端设计》02期学员——阳光帅气的小田同学。目前是课程里阳光帅气小田助教～内容：学员真实工作产出（已经上线）版权：可以转发公众号，仅供学习交流。拒绝一切形式的私自转载、抄袭、盗版传阅。谢谢大家。好的，正片开始吧。且曼B端设计第五期开营啦，为期两天的公开课【免费直播】，全程干货，还有超强课程优惠限时抢，不容错过。时间：10月27日晚8:30（周三）10月29日晚8:30（周五）直播平台：Bilibili，直播账号：美芳Mia、像素范也可扫下方二维码，联系助教加直播群👇