如何设计页面

编辑导语：在B端产品中，我们往往更加注重产品功能，但却忽视了页面还原度的实现，它直接决定了从产品需求到设计实现。作者结合了自己的工作实践以及与产品、前端、测试的深度沟通，分享提升页面还原度的解决方案，希望对你有所启发。【页面还原度】即开发工程师对设计稿的还原程度，页面还原度的高低，直接决定从产品需求到设计实现的程度是否

编辑导语：在PC端及移动端的顶部常有一些顶部导航栏，标识当前所在页面及搜索过的内容等，但是却占用过多页面空间，在上滑页面时，影响用户体验。那么本文提出「吸顶设计」这一优化概念，并介绍了五种如何使用吸顶优化使用体验的方式，值得阅读学习。 大家好，我是Clippp，今天为大家分享的是 「吸顶设计」

一、定义Onboarding英文入职指引，个人翻译成——新用户欢迎页（新手引导页），指的是启动App的启动页（Launch Screen）之后的欢迎页面，是用户对产品的第一印象。Google Material design定义的使用场景仅限于新用户在应用商店下载完成，第一次运行App的体验。Apple Human In

编辑导读：本篇文章以58同镇二手车页面改版为例，着重于讨论如何结合「用户决策模型」，通过系统化的方法，高效的去推动页面结构型改版，重点阐述实践落地的方法，与大家分享。这次我们研究了同镇车用户购车决策因素，建立了决策模型2.0。本文主要讲述整体设计思路、以及研究后对同镇二手车产品的设计沉淀。项目初期产品侧针对服务能力提升

做可视化设计时画面很空，是如何处理？本篇文章介绍了11个数据可视化设计丰富页面的技巧，与大家分享！有许多小伙伴经常会有这种疑问，我做的可视化设计为什么按着需求做了。可是为什么画面却被吐槽空，太简单，不够炫。因为在可视化领域会经常存在误区，要把他们跟平面或者UI区分开，拆解开来讲。可视化领域所注重的小伙伴们一定不陌生：字

做可视化设计时画面很空，是如何处理？本篇文章介绍了11个数据可视化设计丰富页面的技巧，与大家分享！有许多小伙伴经常会有这种疑问，我做的可视化设计为什么按着需求做了。可是为什么画面却被吐槽空，太简单，不够炫。因为在可视化领域会经常存在误区，要把他们跟平面或者UI区分开，拆解开来讲。可视化领域所注重的小伙伴们一定不陌生：字

最好的「空状态」页面设计，要让用户感受不到它的存在，像一个方向导航仪，有效引导用户很顺畅的继续体验流程，激活用户对业务的转化提升业务指标。对于空状态页面，我们做体验设计的时候，很容易造成一种既定的心里预期就是：忽略空状态的重要性，觉得它就是一个简单的“什么都没有”的提示，认为它的价值也和它的名字一样空无意义。其实不然，

当遇到数据为空或异常状态的时候，产品则会出现空白页面，那么这个时候，空白页面中需要设计些什么内容呢？又有什么设计要点呢？在什么场景下会碰到空白页面？空白页面有通用的设计模式吗？你在过往项目中是否有对空白设计进行经验总结？… …你是否有以上疑问，下文将为你一一解答。01 空白页面为什么要设计？对空白状态的设计，主要有以下

乔布斯曾说，3.5寸屏幕是最适合人手大小的手机，但面对用户越来越强的视觉体验体验需求，市面上的手机越做越大，用户有点难~大屏下单手操作——难！Steven Hoober 在其2013年的手机设备研究报告中指出：49%的用户单手持机操作，36%的用户一手拿着手机另一手进行操作，另有15%的用户双手持机操作。到了大屏时代，

在产品设计时，我们的首要任务是对需求进行深入分析，先确认产品“有用”；然后根据可用性原则努力将产品变的“易用”；最后再贴近用户对产品进行打磨，那么我们的产品就离“好用”不远了；本文列举了一些常见的设计原则，以便大家在设计中进行自查。文章结构如下：一、符合用户使用需求产品的所有功能都必须用来支持用户特定的需求，在保证满足