列表页就是以展示列表 List 为主的页面，所以我们需要先理解列表是什么。
列表源自编程术语，是一种数据结构，即按照线性顺序排列的数据项集合（有限序列）。说人话，就是按照一定顺序展示数据的形式。
我们再用UI设计的角度来理解它，可以把它分为 “列” 和 “表” 两个部分。我们先理解表，表就是“表格”的意思，这也是计算机中存储数据最基础的形式（关系型），我们在页面中看见的多数内容都以这种形式记录。
列则是动词 “排列” 的意思，用一定的逻辑、方法、顺序将表格排列出来。这种排列是要经过设计和调整的，不会和原来的表格完全一致。
也就是说，列表设计是种对表格的转换，是种对数据的可视化呈现形式。
之所以要强调这个，就是因为想要做好列表设计就离不开对数据的理解，一个专业的列表设计不是做一个好看整齐的重复性组件，而是将数据表格清晰有效的反映出来。
数据表格对列表的影响包含下面几个要素：
1. 属性字段的影响
属性字段就是列表内要放的具体信息点，也就是数据表格中的表头。比如一个商品列表中，要放商品图片、商品名、品牌标签、节日标签、营销标签、销售量、好评率、价格、原价……每个独立的信息就是一个字段。
而一个真实的项目列表内，往往会包含非常多的字段，所以开始设计前要先搞清楚数量和明细，以及它们各自的含义。一方面是设计中不能有字段的缺失，另一方面是字段中包含对应的权重、分类，是设计前必须要确定的信息。
比如下面的列表内容，就包含了大量的字段信息，而这些字段既有权重的强弱，也有分类的整理，是经过设计师的专业分析和设计的结果。
2. 属性值的影响
属性值就是每个属性具体放什么内容，有什么限制。比如商品名，肯定是放商品名称的文本，但文本一般是什么样的，最长支持多少字，这些就是属性值的基本信息。
属性值在开发环境中只能是文本（字符串），但在设计中这个值就不一定只是文本，可能还是图片、图标、符号等内容，中间会有转化过程。比如用户列表中，用户有不同的 VIP 等级，数据中记录的等级肯定是文本性质的，而展示出来却可能是专属的黄金、白银、青铜图标。
属性值的认识同样非常重要，决定了列表的设计是否准确，符合产品的规划。
3. 字段状态的影响
最后字段的状态，就是字段展示的逻辑，简单解释起来就是字段什么情况下出现，什么时候隐藏，出现的时候显示什么内容这三个问题。
比如美团的列表中，有美团商家列表中，运输标签有美团快送、专送、全城送、商家自配等不同类型，而下方的配送时间也在样式上会有差异，这就是对字段状态的表达。
而越是复杂的列表，包含的字段状态差异就越大，往往会直接影响列表的样式，所以设计过程中就要体现尽可能多的样式状态，也就是设计它的不同变体，确保在各种场景中它们能正确显示。
想要设计好列表，就要面对上面提到的三个问题。优秀的列表不止是一种视觉结果，而是一种能兼容相关数据展示的容器规则。
接着我们来理解列表页的主要框架和布局形式，入门它的基本设计要点。
首先列表页不是只有列表一种组件，多数还会包含对列表数据进行搜索、筛选、排序的组件。
除此之外，部分重要的列表页还可能在顶部放运营模块，用来展示一些热门推荐内容或单纯作为广告位。
运营内容放顶部且篇幅较小是因为页面形式的限制，不能在顶部放太多内容让列表被顶到第二屏去。所以目前的设计为了更好的塞入内容，就会选择在列表中插入其它数据，比如纯运营广告，也可能是内容推荐，或者是模块入口等。
总结起来，列表页的主要框架就是顶部搜索栏、特殊模块、筛选排序栏、列表区域的组合。
而最关键的列表区域，可以使用不同的列表来展示信息，我们可以简单分成“单列”和“多列”两个布局大类。下面我们就分别对这两个分类类型做个解析。
1. 单列列表
单列列表就是一行只有一个数据对象的列表形式。而单列列表模式中还区分两种类型的列表，一种是引导型，一种是展示型。
引导型就是引导用户点击进入查看详情，比如商品列表、酒店列表，是为了让我们在列表中找到感兴趣的内容点击进入详情页面。
而展示型，就是直接在列表中展示主要信息，让用户直接顺着列表的顺序查看主要的内容，而不是进入到详情页查看。最有代表性的展示型列表，就是朋友圈这类动态列表了。
单列列表对单个数据对象的展示空间较大，但是单屏浏览数据量就会减少，适用于数据对象字段较多的场景。
2. 多列列表
多列列表就是一行会展示多个数据对象的列表形式。通常移动端的多列列表只有两列，在少数情况下才会出现三列。而两列模式中，也包含两种布局形式，一种是等高展示，一种是瀑布流。
等高展示就是列表内数据对象的高度是保持一致的，每个数据对象的尺寸统一左右对齐，适用于字段类型、内容相对统一变化小的场景。
而瀑布流，则是数据对象高度不一致的多列布局形式，相对更灵活适用面更广，适合字段类型、内容变化较大，不同数据对象的差异极大的场景。
转载自优设网
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
vivo小游戏的改版揭示了轻量化产品的设计本质——从点击量到用户时长的指标跃迁。本文深度拆解其首页分发逻辑重构与去低幼化视觉升级，揭秘如何通过动态专题矩阵、情感化设计和品牌色系统，同时实现商业价值提升与品牌心智进化。
小游戏业务的核心特点是“轻量化启动，依赖时长变现”。
在产品形态方面，“点击即玩”是重要特征，其试错成本极低，用户可快速、反复尝试多款游戏，使用时长比点击更能代表深入程度。在营收方面，对于依赖广告变现的游戏，时长直接影响广告曝光次数；对于内购游戏，时长则意味着付费窗口期的延长。“停留”比“点击”更能创造商业价值。
依据以上两个原因，小游戏业务成功的关键指标并非传统的分发效率（点击量），而是用户游戏总时长。这是小游戏设计改版的第一个核心目标。
<图：业务目标>
除此之外，在存量竞争时代，设计不仅仅是“做得好用”，更需要“做得准确”——准确理解业务，准确洞察用户，准确传递品牌心智。
“小游戏”，在很多用户的印象中，往往是“休闲、轻松、可爱，甚至样式上带点低幼感”的存在，这造就了其固有的用户心智。
实际上，【vivo小游戏】希望服务的用户是丰富、全面的，所以矛盾便浮出水面——亟待扭转“低幼感知”，这就是小游戏设计改版的第二个主要目标。
在以上两个背景之下，本次改版目标如下：
目标一（来自业务目标）：提升游戏时长，让分发更精准，帮助用户“玩进去，愿意留下”。
目标二（来自用户心智）：去除低幼感知，重塑“年轻、放松、品质”的产品形象。
<图：本次设计改版的两个目标>
这不仅仅是一次界面优化，更是一次以设计驱动产品品牌升级的系统性设计。下文将从三个维度，分享我们的设计推导与落地过程。
重构首页分发逻辑，使其服务于“提升时长”的目标。对首页三大核心模块——“用户爱玩”、“平台推荐”、“随机游戏”——进行了数据洞察和体验重塑。
<图：首页改版的三个重要模块>
数据显示，“最近爱玩”模块贡献了极高的总游戏时长。这证明，用户主动沉淀的偏好列表，是游戏启动的最强驱动力。
新的洞察随之而来：绝大多数的用户，其“最近爱玩”的游戏只有1-2款。旧版首页将4款游戏“平铺”外显，反而稀释了用户的注意力，导致分发的目标不清晰。
针对这一现象，我们的A/B Test结论是：满足需求，比增加曝光更重要。新版设计强化了“用户爱玩”的模块心智，使其成为用户返回时的“第一眼”核心，让用户能最快回到那个“TA真正想玩的游戏”，而不是在多个似是而非的选择中犹豫，从而直接锁定并延长核心游戏时长。
<图：左图为老方案，右图为新方案>
“平台推荐”是发现新游戏的主阵地。我们放弃了“一招鲜”的模式，转而构建了一套专题矩阵，针对不同游戏和用户意图，设计差异化的推荐理由：小编推荐专题：从“系统”到“有温度的个体”建立了“安利官”角色，把真实的小编推向用户。用真人头像、亲切口吻和官方认证，打造“有温度、有信任感”的真人推荐。情感化与专业性的结合，极大地拉近了与用户的距离。
<图：小编推荐>
<图：小编推荐>
场景化专题：从“游戏是什么”到“我此刻需要什么”将游戏分发融入用户生活场景。例如，“早上好：提神醒脑”、“下午好：坚强摸鱼人”、“晚上好：放松一下”。通过时间、情绪、状态的匹配，让游戏推荐更具说服力和即时价值。
<图：场景化推荐>
高品质专题：从“文字说”到“视觉证明”针对精品或内购游戏，我们用更大尺寸的卡片、更具沉浸感的图文或视频预览，来直观呈现游戏的“品质感”，将“高质量”这一抽象概念具体化。
<图：左图为老方案，右图为新方案>
玩法专题：用IP强化“类别识别”在“男生爱玩”、“挂机轻松玩”等玩法标签下，将专题内最具代表性的头部游戏IP（如“太空行动”、“一波超人”）进行视觉放大，强化用户对专题游戏类型的“一眼识别”。
<图：玩法专题>
魅力信息前置：从“默默无名”到“热度可见”将“XX万人在玩”这类强吸引力信息，从传统的文字区剥离，设计为高识别度的半透明标签，与游戏Icon强绑定。通过调整色彩、字重，使其在不遮挡Icon主视觉的同时，成为辅助用户决策的“魅力因子”，有效提升了点击意愿。
我们注意到，有相当一部分用户是在首页“逛了好几屏”后仍未找到目标，此时我们猜想“随机一下”可能是他们留下的最后机会。
强化了其“提供一次惊喜、一种可能性”的心智，为探索型用户保留了一个“轻量级出口”，这背后是对用户分层和场景的细致体察。
<图：随机玩>
设计思考：分发设计的精髓在于“对症下药”。我们不再追求统一的曝光策略，而是将首页视为一个动态的、有层次的决策场。“用户爱玩”是确定性满足，“平台推荐”是引导性探索，“随机游戏”是可能性兜底。
设计的价值在于，为每一种用户路径，都铺就了最合适的体验轨道，最终合力指向“停留与探索”的核心目标。
“去低幼化”不仅是风格的转换，更是品牌心智的重塑。为此，我们建立了一套完整的研究与执行方法。
“低幼”是一个感性评价。为了找到解法，我们首先要将其“可视化”。
对比了市面上的儿童教育产品，并结合对自身旧版设计的审视，提炼出三个维度的“低幼”视觉特征：
这三点，共同构成了我们需要打破的旧有特征。
<图：关于低幼感知来源的研究>
有了要规避的视觉特征，同时，要确立新方向。结合产品特性和目标用户，我们定义了vivo秒玩小游戏应有的产品调性：
<图：从情绪板到色彩定义>
色彩体系重构
定义品牌色：我们摒弃了“大杂烩”式的色彩，定义了“活力黄”与“轻松绿”作为品牌主色，分别承载“生命力、有趣”与“放松、自然”的情绪。并严格设定了60%背景色、30%白色卡片、10%品牌色的色彩使用比例，建立清晰的视觉层次。
<图：品牌色>
分层处理原则：
<图：分层处理原则>
注入“情绪价值”：
<图：“海岛”微动效>
<图：随机玩>
传承品牌基因：我们没有割裂历史，而是巧妙延续了品牌核心符号“闪电”。
新版设计中，“闪电”图形以“斜切线”的形式，融入魅力信息标签、专题卡片头图等细节，在去低幼的同时，保留了用户对品牌的核心认知，完成了视觉语言的平滑演进。
<图：老版本页面示例>
<图：新版本页面示例>
设计思考：去低幼化不等于“高冷化”或“同质化”。我们的解法是建立系统性的设计语言。它不是对某个元素的修修补补，而是从底层色彩逻辑、视觉层次、情感传达、品牌符号多个维度进行的一体化重构，最终在视觉上完成了从“儿童乐园”到“年轻人休闲客厅”的转变。
回顾整个项目，这不仅仅是一次界面优化。我们将其视作一个通过设计系统性地解决商业和品牌问题的范本。复盘整个过程，我们有几点深刻的心得，这几条心得从我们刚刚入行到目前都适用，感受愈发深刻：
1、理解产品是在做什么：设计必须服务于商业本质。深刻理解“小游戏靠时长盈利”这一核心，才让我们敢于将“提升分发效率”的惯性思维，转向“提升用户停留与沉浸”的差异路径，这是所有设计决策的“北极星”。
2、抓住重点：资源永远是有限的。通过数据分析，我们精准地识别出“最近爱玩”模块是提升大盘时长的关键。集中优势资源，在关键模块上做深做透，才能带来数据层面的最大回报。
3、以用户需求为导向：用户的核心需求是“找到我想玩/可能爱玩的游戏”，而不是“看到更多游戏”。设计要做的，是提供“理由”和“路径”，帮助用户高效决策，而不是制造“信息过载”。对“最近爱玩”模块的聚焦，正是这一思维的体现。
4、任何时候都不要忘记有趣。在追求“去低幼化”的过程中，我们并没有走向另一个极端——“严肃与无趣”。相反，我们将“放松”、“惊喜”、“有趣”这些属于游戏产品的核心情感价值，通过动态效果、场景化文案、情感化设计重新注入体验。
我们交付的不仅是一个“更好看、更好用”的首页，更是一个“更清晰、更高级、更具吸引力”的vivo小游戏品牌。
注：插图中全部实例均为设计稿，非线上截图。游戏icon、名称、在玩人数等基础信息非线上信息。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微UI设计公司：你会发现现在的移动端UI界面中极简风的设计越来越多了。极简主义设计风之所以能够如此的受欢迎，很大程度是源自于它对于设计、开发的友好，它不仅让APP的加载速度更快，让APP对于不同屏幕的兼容性更加优异。与此同时，越来越多的用户也开始青睐极简风的设计，极简风的UI界面不仅漂亮，而且在可用性上也非常的突出：它易于导航，并且具备强大的视觉表现力。
降低用户完成任务之时所需耗费的精力。
你为APP的每一屏都应当承载一个对用户有用、有价值的交互或者任务，一次完成一个任务，且只能有一个任务，其中应该不包含超过1次的行为召唤（CTA）。这样的设计能让用户更轻松地学习，更便捷地使用，在设计上也更容易添加删减以及构建。
以Uber为例，Uber 清楚地知道用户的目的是乘坐出租车，所以，应用程序不会一次给用户太多的信息，会根据地理信息自动检测用户的位置，而Uber 提供给用户的每一个界面的交互都是单个的，用户只需要选取位置，下单即可。
内容即是界面。
专注于内容，并且尽量删除不必要的元素，这样可以缩短用户集中注意力的时间，用户将会更快地被引导到他们正在搜寻的内容，而内容本身正是一个隐形的界面。最典型的就是Google 地图。在重新设计的时候，Google 地图删除了所有不必要的面板和按钮，地图本身就是最好的界面。
使用负空间让重要的内容吸引用户的注意力。
留白，或者负空间，指的是页面设计布局中的空白部分，或者空白元素，它们常常被忽略和忽视，虽然许多设计师认为这样的设计会浪费屏幕的空间，但是留白本身就是设计的基本元素之一。
留白可以提升可读性和内容的优先级，在页面布局中也发挥着重要的作用。因此，它可以合理地简化UI并提升用户体验。
导航应该是每个APP当中优先级最高的组成部分。移动端APP中导航应当容易被发现，可访问的，且尽可能少的占用屏幕空间。由于小屏幕的限制以及内容优先级的需要，移动端导航的可访问性设计一直是一个挑战。
标签栏和导航栏是非常适合用来展现较少的导航选项的，它们非常适合用来展示主要的导航选项，一个简单的点击就能流畅地切换到不同的页面。
让你的设计兼容更大的屏幕。
关于用户如何握持手机，下面的图为你展现了最常见的三种模式：
通过观察可以发现，85%的用户使用单手握持他们的手机，下面的热图展示了从2007年一来，各种不同尺寸的iPhone 的拇指操作区域。毫无疑问，随着屏幕尺寸的增加，拇指能够触及的区域的比例正在逐步降低。所以，移动端界面的用户体验设计应当进行调整，尝试让你的APP 能够在手机上面能够单手操作，将导航置于用户的拇指可以触及的区域之内。
不要让用户等待内容呈现
试图让程序的响应速度提升起来。许多任务尽量在后台跑起来，让前台的展现速度显得很快。将一部分操作打包到后台运行有两个好处：让一些等待和加载过程不再展现在用户面前，并且可以让许多操作在用户请求之前就发生。一个很好的例子就是 Instagram 中上传图片，当用户选择要共享的图片之时，上传就已经开始。
在推送信息之前请三思。
每天用户都会被无数无用的推送通知所轰炸，被分散注意力，这也使得通知常常会显得颇为恼人。根据调研，超过70%的受访者表示，令人烦躁的推送信息是促使他们卸载应用的主要原因。
所以，要做好移动端设计，需要用好每一次的信息推送。不要为了吸引用户而推送消息，这往往会适得其反。你需要将对于用户有价值的信息推送出去，这样才合适。
有效的移动端APP信息推送策略是采用多种类型的信息推送机制，推送通知，电子邮件，应用内通知，新闻Feed等。多样化的信息推送通过合理的协调，创造良好的用户体验。
转载自优设网
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
又到了分享界面改版优化的时候了，这次是近期C端学员做的体育场馆预约平台，主要用于在线预约羽毛球、网球、篮球等场馆。
下面是目前的设计图例：
学员作业
还是老规矩，我们从原设计的问题入手，然后逐步完成对它的改版优化。
问题分析：
问题的分析从不同维度入手，这里分享个最简单的分析方式，先从基础样式分析，再分析组件设计。
基础样式包含规范、字体、色彩、图片四个要素的分析，而组件设计则是检查样式的合理性为主。
首先基础样式的规范应用上，顶部状态栏和底部指示器、导航是没有太大问题的，所以我们可以直接进入下一个环节。
在字体应用上，问题就多起来了，主要还是特殊标题使用太多，且广告中的标题也和下方 UI 元素标题没有拉开差距，看起来就很别扭。而且大粗黑字体使用过多，使得信息权重被分散掉，没有对比性。
有问题的部分截图
在色彩层面，蓝色虽然是主色，但是使用过于频繁，且其它色彩的应用数量也过多，画面充斥了让人眼花缭乱的色彩，尤其色彩多的情况下图片色彩也丰富，外加一系列渐变色块，让场面变得更“错综复杂”。
使用的色彩过多
最后图片应用上，主要问题出在广告图里，图例和文字排版看起来很有年代感，加上瓷片区内的素材用图，和整体主体的关联性并不好。这里着重强调， 3D 拟人类图片素材的使用最好局限在特定运营活动物料里，不要作为正式的 UI 元素进行引用，怎么做效果都不会好。
接着分析组件样式，因为这次案例框架很简单，我们不用太多考虑组件排序依据还是产品问题，只需要每个组件孤立出来分析即可。
1 .首页顶部组件
主要问题就是广告图的设计，不符合当前应用的设计标准，字体用图排版都很简单。
2.快速入口组件
快速入口上下两排权重完全不同，虽然有大小的差异但依旧对比不够强烈，且色彩使用混乱。
3.瓷片区应用
两个页面都有瓷片区，布局过于接近，且没有实质性的内容全是装饰素材，非常影响点击欲望和观感。
4.常去场馆卡片
属于问题相对较小的模块，但标签的应用色彩不合理，而且标题也露不全，实际空间利用率没有必要的低。
5.列表卡片
列表卡片的主要问题还是和主色按钮有关，过于强调按钮的同时又要突出其它信息元素，就让卡片看起来非常聒噪，信息之间是会起冲突的。
6.底部导航
底部导航设计过于普通，且一般选项选中凸起只适合在首页选项中使用。中间添加按钮的尺寸过小，和两侧选项看起来不对齐，重心偏移。
以上就是对问题的简单总结，实际上改版就是围绕这些问题做出调整，你先分析得出问题，才能聚焦到具体设计的过程和细节。
基础规范是整体，而我们设计过程中大多从细节出发，所以我们对优化的内容解释就要反过来从组件开始。
1.顶部模块设计
首先调整顶部模块的设计，优化图例，使用比较突出的字体标题和更有冲击力的配图，符合运动类应用的主基调。同时因为之前主色用太多，这次顶部直接不加主色类背景。
2.快速入口的设计
快速入口设计上使用两种图标体系，上方用偏扁平插画型的风格（素材示意），下方用面性图标风格，弱化它们的权重。同时第二个页面的快速入口使用摄影图型图标，避免一直出现不同风格的图标。
3.瓷片区设计
瓷片区做大就需要有内容展示，但这些主体值得展示的内容并不是太多且需要那么大空间，所以缩小尺寸不会让设计那么难处理，也让画面更精致一点。
4.其它模块设计
因为首页上方已经有很花哨的模块了，所以常去场馆就不应该再花哨下去，可以务实点的设计，不再用复杂的外边框套娃。
第二个页面其它模块相对简单，拼团功能又重要所以可以突出它用包边型的组件设计。
5.列表模块设计
两个页面下方的列表模块，都移除原来主色的按钮，只保留关键信息，让卡片视觉看起来更简约和谐一点。
6.底部导航栏设计
放大中间的按钮，同时优化第一个选项选中的设计，可以更突出（时间够就做LOGO进去了）更强调选中。
完成这些处理以后，最后合并起来可以整体再调整一番进行最终输出。我们可以看看下面改版前后的对比，你们可以自己感受是否有差异：
这是纯视觉方向的优化，在新手阶段，不要过度去使用色彩和字体，实现样式的落差要通过组件样式和图片、素材应用的差异来塑造。
转载：优设
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
闲鱼发闲置功能接入AI，只需上传商品图片就可以直接生成描述文案，极大帮助用户简化发布流程
1. 零门槛发布，降低发布时间成本
解决非专业用户 “不会写文案、不懂专业术语” 的痛点，自动提取商品特征，组合成规范文案；相比传统发布流程的耗时编辑文案、核对信息，更高效快捷。
2. 优化内容，提升交易转化
自动生成符合当前市场热点的文案表述，更能多文风转换，一键转为趣味的 “抽象文学”“黛玉文学”等，提升内容点击率。
支付宝的首页Banner通过游戏化的包装，快速吸引注意力，驱动用户主动点击探索，高效地为活动页面引流。
1. 互动机制强化用户参与感
采用悬念式互动设计，button以 “猜猜是什么” 这类问答形式，激发用户好奇心，通过游戏化场景的营造，降低参与门槛，驱动用户主动点击探索。
2. 场景氛围营造提升吸引力
在以功能入口为主的首页，该模块具有游戏化趣味性的氛围营造，从视觉上差异化的呈现，相比传统的静态广告位，更能有效抓住用户眼球，高效地为活动页面引流。
当有中转单的用户在点击退票时，用挽留浮层及时给用户弹出更优的解决方案，并在方案中量化利益点，同时保证原有票的安全感。整体通过 “先抓痛点→再给解决方案→最后引导操作” 的路径，优化了用户出行体验。
1. 量化利益点
除了直达更方便之外，直达还有更省时间、金钱，保底票免费退等更多的利益点
2. 有兜底有安全感
用当前的中转作为保底，先抢票，抢到了还能再退票。让用户安心下单，在未抢到心仪票的时候能有中转的替补票，可以缓解用户的焦虑情绪，有兜底的保障安全感
通过一个巧妙的互动行为“摇动手机”，降低用户对会员充值广告的反感。
1. 提升用户参与感与趣味性
“摇一摇”互动将被动观看广告转变为主动参与，用户通过简单的物理动作即可触发折扣，这种即时反馈机制增强了趣味性，降低了传统广告的侵入感。
2. 降低付费决策的心理门槛
通过互动行为展示折扣，巧妙地将付费流程包装成一种“奖励”而非强制推销。用户感受到的是“主动获取优惠”的成就感，而非被广告打扰的抵触情绪，从而更愿意接受付费选项。
通过拟物化的卡牌堆叠形态，将传统的平面信息流转变为具有空间纵深感和探索趣味的交互式叙事焦点
1. 视觉层次突破传统束缚
通过卡片堆叠、倾斜，在二维屏幕上创造出三维空间感。不对称的布局打破了传统设计的呆板，赋予界面动感与活力，能有效抓住用户视线，对抗“横幅盲视效应”
2. 建立拟物化的趣味交互
模拟物理世界卡牌的操作体验，配合流畅的滑动动画，让用户产生"翻阅卡片"的愉悦感，这种情感化设计能显著提升用户的操作满足感和停留时长
3. 内容暗示激发探索行为
堆叠效果露出部分内容作为预览，能有效刺激用户的好奇心，主动进行滑动探索，提升内容消费深度
该设计通过 “贴合用户习惯的交互 + 强引导 + 积分激励” 的组合策略，实现签到转化与用户留存
1. 交互设计贴合用户固有习惯
采用下拉触发模式，无需额外学习成本，降低用户参与签到的操作门槛，提升即时转化效率
2. 视觉设计强化引导与目标感知
以金币掉落清晰的视觉元素突出金币中心入口，让用户快速捕捉核心功能，减少寻找成本，缩短 “看到 - 参与” 的路径
3. 激励设计构建留存闭环
用 “金币” 作为即时激励，满足用户即时反馈的心理需求，驱动次日复访，同时联动积分体系，将单次签到转化为长期行为
本期的设计分享就到这里啦。
文章中的案例与思考来自于UED同学的日常分享。
后续我们将持续深度体验产品，挖掘更多值得分享、学习的设计案例。努力将其中的方法理论应用到后续的产品设计中。
愿我们的努力为你带来更好的体验。下次见。
转载：优设
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
蓝蓝设计的小编 http://www.lanlanwork.com
