随着移动端互联网普及碎片化时间增多，互联网产品满足着数字化时代人们各式各样的需求。面对结构复杂的产品，产品体验设计师如何跳脱出单一的设计维度更全面的进行体验方案的构建?内容产品的行业形态、产品孵化路径、产品设计流程具体是什么?以及了解这些内容和产品体验设计的关联性是什么?这里和大家做一个简单分享。　　本篇内容主要有四个模块：　　内容行业产品形态：内容行业产品形态有哪些 ?　　产品孵化路径：产品孵化路径以及产品体验作用是什么?　　产品设计流程：产品制作周期体验设计的配合路径是什么?　　体验设计流程：体

　　讲「个人主页」前，先跟大家捋一下它俩的区别，避免混淆。　　这就是「个人主页」背后的大概逻辑和目的。　　如何进行「个人主页」的设计?　　了解完「个人主页」存在的价值和目标之后，那么，作为产品或设计师们需要帮助用户解决几个问题：树立人设;辅助吸粉; 助力变现。头图，指的是「个人主页」顶部的图片区域。

　　人处于大自然或形色的社会中，会进行下列一系列活动。　　会通过观察周围环境来感知周围事物，同时把感知到的东西进行记忆。　　在感知事物的同时，大脑会进行思考，思考的时候，需要高度集中注意力，这样就会把东西牢记于大脑中～　　随着现代文明的发展，人们除了生存之外，越来越重视精神文明，提高精神文明的重要途径就是阅读(读书)。　　人是社会性动物，有着某些共同的特性，处理(决策)事情也会有共通的动机来源。　　人在一生中，总是在对事情进行决策，人无完人，人都是会犯错的，可能面临的就是相对的失败。　　根据以上场景

　　好的产品可以在内容不变的情况下，通过细节的处理让之焕然一新。　　在UI/UE设计中，我们如何将至关重要的信息有效地传递给用户，这是设计本身的职责。但是绝大多数信息的呈现，我们可以在细节的处理方面带给用户惊喜
，让用户喜欢并完成最终的转化，通过设计的手段提升产品的可读性以及可访问性。初级与高阶设计师的区别，并不是在整体大的布局上有什么差别，通常都体现在产品的细节上，好的产品可以在内容不变的情况下，通过细节的处理让之焕然一新。　　其实除了在细节上下功夫，还可以通过融入品牌基因、简化交互流程、增加适合

　　最近发现在很多场合都有关于UX专业术语的使用场景，比如dribbble搜个灵感的时候、写规范的时候和作品集里排版的时候。但如果选择去度娘一下的话就会发现各个平台五花八门还不一定*专业的翻译━∑(￣□￣*|||━。这里借助当时留英学数媒时候pro.Jules传授的一些叨逼叨术语和自己的调研收集给大家分享一波，确保精准全面，建议收藏喔。　　*一大趴还给各位海选了产品、运营嘴边常叨叨的一些和UED有些关联的业务术语及简单介绍，帮助大家更好的摄取相关文章的知识点，了解业务背景，以及补缺补漏。　　相关职业方向(入坑了解)　　UI(User

　　前言　　用户路径是指用户达到目标时一系列的操作。我们可以将用户在产品中由开始到结束的整个过程划分成很多节点，用户从一个节点到另一个节点的过程可以被视为是一条路径。用户路径主要分为两种：一种是用户找寻信息的路径，另一种是使用功能的路径。核心路径则是需要对用户路径中关键节点进行提取总结形成用户的核心动线，进而根据核心动线定义设计策略进行设计。　　接下来我将会以企鹅电竞小程序改版为例陈述如何将用户核心路径转化为设计语言。　　洞察现状　　小程序的核心理念「用完即走，走了还会回来」。「用完即走」是指用

　　设计不是拼图，深入下去，有很多细节需要推敲，而这些细节的背后的逻辑与意义更值得关注。产品主要强调的是与人的交互，用户通过对产品的操作来实现自身的目的，比如双击，滑动，常按等，而操作一般建立在产品的功能基础上，产品的功能细节体现在产品的业务逻辑中，产品所提供的功能是否更好的满足用户的需求，操作细节与功能细节密不可分，功能影响着用户的操作，而操作细节更多体现在用户的感受。　　「微信」扫描二维码：选择性识别　　1. 产品体验：　　使用微信扫一扫，如果扫描区域出现多个二维码，会在每个二维码上方出现按钮，

　　我们产品的目标用户较为年轻，95后、00后居多，这一部分人群有怎么样的特点，是我们一直在关注的。　　看了一些网上的行业报告，加上对很多年轻化产品的分析，总结了一些共性。　　当然，一个产品最重要的肯定还是内容和功能本身，今天我们只是在设计的维度，来简单聊聊对于年轻化产品，设计的发力点可以在哪里。　　如果你的产品目标人群也很年轻，而你又是个设计师，希望能够在方向上能给你一点启发。　　高颜值　　现在的年轻一代，从小接触的事物是前几代人所不能比的，互联网的崛起让他们的眼界和审美门槛极高，对于这样的人群，

　　很多直播间开始支持横屏模式。在横屏模式下，有两种礼物面板的布局形式，*种是以 B 站为例的送礼面板，由下弹出;第二种是以 Look
直播为例的右侧滑出。是什么原因导致这两种设计的差异呢?　　△ B 站礼物面板　　△ 网易 Look 直播礼物面板　　大家都知道，B 站文化的核心之一就是弹幕，甚至延伸出了一种弹幕文化类似的说法，虽然我对弹幕不是很了解，但是从中可以看出，弹幕对于 B
站而言，或者说对于 B
站用户而言，是非常重要的。很多时候，它的重要性甚至与直播内容难分伯仲。类似于，一个很好看的视频，少了弹幕，总觉得少

　　不管是晋升答辩还是跳槽面试，甚至是过稿评审，大家一定都会被问到大致这么几个问题：　　大多数铁汁对设计语言或者设计系统已经有了自己的理解，但因为问题太宏观所以并不明确这两个概念的具体含义以及区别，导致阐述的时候模棱两可，拉低面试评价(都是痛，我懂得)。所以本文会重点科普下设计语言与设计系统的概念。　　设计语言是什么?　　1. 为什么会有设计语言?　　拆分来看，先聚焦「语言」。　　维基百科对语言的解释：就广义而言，是用于沟通的一套方式，有其符号与处理规则，一般称为文法。符号通常称为文字，会以视觉、声音或

　　掌握表格的设计，就掌握 B 端设计的半壁江山，我们赶紧开始吧!　　1. 表格是什么，为什么重要?　　表格已经是现代电子计算机系统中重要的组成部分之一，从小学开始，我们就已经在电脑课上学习如何使用 Office Excel 来制作电子表格。　　那么我们为什么需要使用表格呢?因为我们有记录和查询数据的需求。　　在任何商业活动中，都会产生大量的数据信息，虽然我们发明了 SQL、Mysql 等数据库语言记录数据，但最原始的数据记录是没有可读性的。　　所以，为了让数据可以更好的展示，我们就必须借助可视性更强的图形工具，即电子表格。通过

　　虽然空状态对用户体验很重要，但它常常被忽略。良好的空状态设计能提升产品体验，有效留存用户，了解空状态的概念以及如何使用它们，可以有效提高产品的特色和价值。　　文章目录：　　什么是空状态?　　在产品设计过程中，设计师有很多机会创造愉悦和有意义的体验，其中一个经常被忽视的体验就是空状态。空状态是用户在使用产品时某个界面无法显示的时刻，即没有其他元素。　　以网购为例，回想一下常见的空状态情况：　　搜索商品却没有找到的状态　　查看商品时加载不出来或出错的状态　　购物车里没有商品时的状态　　地址管理页面

　　背景　　“时间”作为人机交互界面中经常出现的元素，本质上都是为了去传递时间维度的信息。但是我们平时在使用一些互联网产品时会发现，关于“时间”的显示状态或形式在不同场景、不同页面里往往是不太一样的，这是出于怎样的考虑呢?今天我们就来聊一聊，如何在产品设计中把握“时间”显示的诀窍，让其在页面中发挥*的作用。　　“时间”元素的分类　　按照“时间”元素在页面中的出现场景和所起到的作用，可以大致归为以下几类：　　A. 事件的关键构成要素　　时间作为描述整个事件的重要组成部分，缺失后会对原本所要传达的内容产生

　　新闻阅读的现状　　vivo浏览器产品中，基于阅读模块的相关设计在关注度和方法论上都有所欠缺。线上的新闻阅读版式处理较陈旧，视觉体验较差，用户在使用过程中障碍较多。归根究底，由于整体的设计思路缺失，表面的调整一直是修修补补状态，没有根本解决阅读体验的问题。　　目的和价值　　了解了这样的背景情况后，我们提炼了此次新闻阅读优化的目的和设计价值：　　业务侧：提升浏览器阅读时长。提升新闻阅读效率。　　用户侧：带来沉浸且高效的阅读体验。　　设计价值体现在：优化新闻模块有助于提升用户浏览效率，固定时间用户可以

　　作为设计师，在拿到产品需求的时候，所要做的不仅仅是完成产品的设计工作，更重要的是要思考如何通过设计的的手段去推动产品背后的商业价值达到*化，提升视觉体验、增强用户的粘性以达到用户转化的目的。不需要我们设计的有多么复杂，可能是一个步骤的简化、一句打动人心的文案、贴心的提示、趣味的动效…　　「美团外卖」喊你回家吃*的午餐　　1. 产品体验：　　打开美团外卖APP，在每个店铺下方都有突出的满减提示，进入店铺详情页，在顶部和底部同样都有，选好商品后，商品的总价达到满减条件，就可以减掉对应的金额。　　2. 设计思

　　解读抖音中延长用户使用时间的案例　　抖音中的一个案例场景如下：　　前几天看抖音，被抖音的「刚刚看过」所惊喜，这个功能对于我来说就是魅力需求。　　过年期间一直频繁刷抖音看博主剪辑好的电视电影片段，经常遇到这样的场景，当我刷到电影片段后，勾起了我想继续看的欲望，会去主页找到与该视频相关的片段;　　到主页之后很难一下就找到刚才观看过的视频，需要返回记住该视频名称，然后去众多视频中挑选出来，特别耗费时间影响心情，一瞬间找不到就直接退出去刷别的视频了;　　从设计的角度剖析：「刚刚看过」我认为是「及时反馈

　　解读MOO音乐的极简设计　　由小良同学投稿，我们一起讨论并编辑完成，MOO音乐中的案例，场景如下：　　今天为大家带来的是MOO音乐中播放页面的设计解析。MOO音乐这个产品不知道大家有没有使用过，它是腾讯在18年末推出的一款音乐app，主要面向喜欢流行音乐与小众音乐的潮流年轻人。与主流音乐app不同，他没有过多复杂的功能模块，旨在打造沉浸感的听歌体验。我们今天就通过其播放页面的设计来看看：　　进入MOO音乐的播放页面，最直观的感受就是简洁。对比QQ音乐，MOO音乐在此页面中的各种元素与文字都非常少，控件数量也是屈指可数。

　　通知设计是双向的，关键是要保持适当的平衡。　　通知设计处在产品的外围，所以设计师倾向于将通知设计留到*。　　但它帮助用户实现目标的体验，产品设计过程中尽早处理通知设计将产生更好的结果，一起来看看如何深度执行通知设计。　　通知设计的基本原则　　进行通知设计时，需要牢记的基本设计原则是它必须协助(而不是阻碍)用户执行操作。　　通知的形式取决于以下几个关键因素：　　传达的信息类型　　信息是否需要用户操作　　信息的紧迫性(是否需要立即查看)　　一个设计良好的通知模型会考虑到可访问性，并具有适应不同语言的灵

　　最近团队尝试使用Figma构建一套适用团队的组件库与规范，发现Figma比Sketch的构建方式要更简单和更灵活，尤其是自动布局(Auto
Layout)和联级嵌套能极大提升组件库的设计灵活度;另外Figma插件库日新月异，能够有效提升组件库在构建过程中的效率。本文主要分享了我们团队在创建组件库中的一些经验方法。　　首先我们确定组件库框架包含哪些内容，这里主要针对ToB端的业务场景来进行演示。　　组件库框架　　B端业务组件库框架内容相比C端产品的要复杂且难以上手，除了对产品业务的理解和掌握之外，组件库到底有哪些内容?针对我们团队所

　　响应式网页设计 (Responsive web design)
虽然早已被提出，不过因为国内开发习惯和APP设计优先，日常工作使用这种布局方式的机会不多。　　国外网站使用这种布局方式较多，经过调研，结合尝试后，本文梳理了响应式设计的方法流程，记录问题与思考，帮助以后类似的项目开展更快。　　什么是响应式布局　　响应式布局常常和自适应布局搞混。其实通过下面的动图我们很容易能理解两者的区别。　　△ 响应式和自适应的区别，来源网上资料　　响应式布局：容器大小随窗口大小而变化。　　自适应布局：容器大小不随窗口大小而变化，边距随窗