我似乎从来都没有说过这方面的理论，只说过一些局部功能的设计原因和魔改。在网上大多也都是组件的魔改。这篇文章我想写一个纯理论的文章，以我现在的博客为例子，引申出博客的设计思考。 相信通过这篇文章，能够给想要修改自己博客的小伙伴一些方向性的建议，而不是盲目使用网上的组件，看见一个好就直接扒下来。 这篇文章也只是阐述我的理解，可能有个人的主观偏好。 做博客是为了什么？这个是每个人一开始搭建博客的原因，而且会随着时间慢慢去改变。说起我最初想要将自己遇到的问题都写在博客里，这样下次自己再次遇到的时候，不会因为相隔的时间过长而找不到。 所以我们可以看到，我的最初目标就是「通过搜索关键词来快速找到曾经写过的文章，方便找到解决方案」。 所以我的博客首先最重要的就是优化搜索。 曾经在butterfly版本比较低的时候，因为文章比较多，加载本地搜索索引耗费的时间非常长，所以当时首先采用algolia。两年前我记得当时还没几个人在用这个，但是我知道我需要这个，所以即使配置比较麻烦，还是首先选择了algolia。 这就是设计目标，你的每一个功能，都需要有需求来支撑。 你没必要为了并不需要的功能花费时间，而是需 ...

APP的设计有的时候是需要用户的一定信息的，无论是对于用户画像的基本判断还是对用户进行针对性的优化设计都是基于信息来进行判断。目前人们对于隐私保护、隐私安全的意识逐渐加深，厂商对于隐私安全的限制和保护让用户心甘情愿去同意授权变得更加艰难，用户不会再一味的同意授权，早期拒绝授权带来的功能禁止运行也不能使用了。 那么提升授权成功率无疑是对产品设计的一项挑战。 在必要时授权在App启动时总是会要求弹一大堆授权提示，这是非常不可取的。我们非常清楚，在第一次被拒绝之后，重新打开的步骤不仅繁琐，授权成本也大大提高，所以我们的目标就是在第一次请求授权时同意。 很多人在下载这个产品的原因千奇百怪，很多分类方式。我们可以用一种比较简单的方式：尝鲜用户和有效用户。 尝鲜用户我在这定义为用户并不清楚这个App实际的体验，而只清楚宣传的文案和内容。用户并没有决定是否长期使用，或者只决定短期使用后卸载。非尝鲜用户即为有效用户。 所以我们清楚的意识到：向尝鲜用户提供授权的行为是非常危险的，因为对隐私保护意识强的尝鲜用户而言，所有的授权行为毫无必要。这种授权例如我们常见的：通知权限，地理位置权限等。在用户的眼中，一 ...

国家鼓励应用推出适老化模式，针对大龄人群进行独立的设计。一方面迎合社会的老龄化日益严重，一方面疫情让更多老年人接触到手机和互联网，也算是帮助国家更多的互联网边缘人口连接起来。对于应用的适老化设计，以下是几个设计的思考方向。 用的人是谁相比于前一阵强制的青少年模式，很多人深恶痛绝的点就在于：明明知道用的这个人是个成年人，但是还是会天天弹出使用青少年模式的弹窗，让人不胜其烦。相比容易被家长借手机的青少年不同，老年人一般会具备使用设备的所有权。所以第一次安装时的选择非常重要。适老化最需要的就是第一步的提示。 让用户知道：他是否需要适老化模式。 如果以60岁以上的年龄层为用户画像的话，找到适老化模式的入口非常不易。但是对于整个app的用户体量来说，老年人的用户量并不庞大，带来的经济效益也非常低。一般来说入口就会放置在不起眼的位置，甚至需要点击「我的」滑动很久或者跳转多个页面才可以进入这个模式。 解决方法就是需要在用户安装这个应用的第一刻起知道为用户提供什么模式，开启了，就不会变更。（如果变更了，就说明其他问题，后面再说）。 应用需要提供非常显著差异的提示、包括模式切换适用于什么样的人群。并不代 ...

在产品开发的阶段，特别是产品初期，总会有很多非常繁杂的产品需求。当这些需求一窝蜂的砸过来时，首先要对这些需求进行筛选、归类和排序。并且实时跟踪进度来进行完善。 开发什么需求？选择当下的需求当产品出现多个需求时，我们要区分战略性需求和当前需求。在与开发沟通产品发展方向后，决定发展方向的战略性需求应滞后。例如用户有想要分享自己生活的需要，现在有两个需求： 添加一个动态功能，用户可以类似微博一样表达自己的看法。 增加一个相册功能，用户可以发送自己的照片到相册中，其他人也能看到。 从体量上判断，相册功能体量会远小于动态功能；从功能上判断，动态功能的添加会影响产品逻辑。当出现此类情况，应该以体量小、实现功能、简单满足需求的前提选择第二条进行开发。当通过数据表现出用户强烈的分享欲望——当相册功能不满足用户的需求时，再考虑开发第一项。 即不过度规划、不过度设计、不过度开发 即使在做决策的时候感觉未来一定会做动态，也不要去强烈追求一步到位。即需求推动着产品，而不是产品走在需求之前，臆想真实需求的开发。 产品领先需求的后果当产品的开发规划是远超用户需求的时候，就会出现浪费开发资源的情况。当今时代很难 ...

补充一下，动态定价违反了《关于平台经济领域的反垄断指南（征求意见稿）》第七条 纵向垄断协议的利用数据和算法对价格进行直接或间接限定，遵纪守法，每个公司都有责任，遇到问题建议举报 最近美团又因为定价火了一把，产品如何做定价，如何才能将产品的利润最大化呢？通过资料来看，平台是通过用户来判断收费价格，针对优质用户提供更高的配送费和更低的优惠政策的方式进行差异化定价，让不同消费能力的用户用最大的消费金额来购买，保障用户使用和利润的最大化。但是这带来的问题就是会产生舆论压力和公关风险，进而影响股价。那么有没有更好的定价方式呢？ 我们假设一份食物店铺50元，外卖原价70元。针对优质用户收费55元，针对其他用户收费45元。平台抽佣25%（17.5元）。 全部以标准价出售当我们修改成针对所有用户定价相同时产生的问题就是与竞品竞争和比店铺价高的问题。首先这个市场已经是几个平台垄断的情况，所以当价格略微高于其他平台时优质用户一半不会去比价，但是对于消费金额比较敏感的人群和初入平台的用户来说，当你一家店铺使用标准价格的时候，他们可能会放弃整个平台。所以在竞争对手使用差异化定价时，你使用标准定价显然对于价 ...

为什么深色模式适合在黑夜中查看呢？其实深色模式就是类似于换了一个皮肤，一个新的主题。很多公司的产品都会自己去定义和创造一个特别风格的深色模式。那么做深色模式需要注意的点就很重要了。 为什么放弃灰色模式大多数产品在深色模式推出初期习惯性的降低对比度来保证夜间使用时的体验，例如微信、知乎、微博。其实在大多使用场景下，即使是在夜间也不会在纯黑环境下使用手机。纯黑无灯光环境下使用手机十分伤害眼睛。在手机亮度因为手机硬件的自动亮度调低的情况下，如果产品的文字对比度变得低了，识别就会造成极大的困难，需要用户去手动调高亮度；如果用户切换到其他app时，超亮的亮光会严重损伤用户，这就是为什么曾经的「灰色模式」是非常错误的设计。 在通常有光源辅助的情况下使用手机时，因为oled特性深色模式会降低用户接受光的量，进而保证用户拥有一个较好的睡眠。对比度较强的产品可以让用户的手机亮度保持较为低的水平，并且在用户困意来袭，看不太清屏幕的时候也能保证能够清晰的阅读。 而高对比度是进一步让用户在白天使用深色模式的前提条件，扩充了深色模式的适应性。很多用户喜爱深色模式，他们喜欢聚焦于他们想要的关键信息，高对比度的深色 ...

本博客是基于Butterfly主题进行魔改制作的，在最初从pure主题切换到butterfly中，我带着非常多的兴奋感。Butterfly的令人震撼的首屏和打字效果深深吸引着我。 博客用的久了就会产生一些想要调整的想法，于是经过了漫长时间的边改边用，现在博客已经魔改到了v3.3.2版本，相信每个魔改人都会有着自己的想法和思路改造一个完全属于自己的博客，那么我来表达一下我的看法。 理念设计理念：清晰、轻快、易操作 清晰首先解决清晰问题，博客的主要目的就是为了文章的阅读，所以首先我就要针对阅读体验进行改进。 原主题的字号真的太小了。小字体带来了美观，但是作为一个「实用性博客」，以快速找到需要的内容为核心，放大字体是不可避免的。那么多大合适呢？针对桌面屏幕来说，我选择了以我16寸mbp的屏幕距离1.2m左右能流畅阅读的程度作为参考依据。 1.2m 流畅阅读 在很多位置使用了隐喻的方式来表达这个部分是做什么的，例如右侧的卡片相比主题的失去了卡片标题。其实在我不告诉你标题的情况下，绝大多数人会知道这个卡片意味着什么。即使不清楚也完全不影响整个博客的阅读。包括文章下面的版权信息等。通过隐喻的 ...

今天读到一篇文章讲的是视频横屏和竖屏的设计差异，发现每个人的观点差异还比较明显，这篇报告我也写一些对于视频播放器的设计看法。仅个人观点。 如今视频行业非常火热，我们可以发现曾经的优酷、爱奇艺、腾讯视频、B站等都是采用的横向屏幕；我们看到的电影、电视都是横向屏幕。抖音、快手等都是纵向屏幕。微信小视频是横向屏幕。那么他们是怎么来的呢？ 以人类为核心一些人们会将横竖屏作为硬件的变化，认为设备是怎样的，软件就去适应它，所以才会出现了竖屏的设计。那么最初的横屏是怎么来的呢？ 其实原因非常简单而且显而易见：人类的眼睛是横向的。 不仅如此，因为人类的每只眼睛是横向的，眼球的顶部和底部容易被上下眼皮遮住；两只眼睛处于横向水平线，造成了人眼本身的视觉就是一个宽屏的画幅。并且人眼的长宽比例会非常宽：电影的21:9的宽幅比例就是适应人们视觉的生理器官。 所以我们所谓的「沉浸感」「沉溺其中」其实就是内容占我们视觉的比例。当视觉内容占据整体视觉信息的比值越大，沉浸感越强。当我们的注意力只在屏幕上时，大脑并不只是分析手机上的内容，他还在同时分析其他环境内容、周围的环境音等等。大脑在做的这些额外工作会削弱沉浸感。 ...

一个产品在视觉的UI程度做了很多努力，不仅在外观的流行度、切图的清晰度以及整个交互方式、交互风格上都走在前列。那么怎样才能让如此多的优秀产品中脱颖而出呢？其实在手机里，我们的产品已经占据了屏幕、扬声器、麦克风等，但是还有很多我们没有利用到，而绝大多数手机都有的一些传感器，例如：光线传感器、震动马达等。 这一期主要想说一下关于震动马达的事情。 震动不只是在手机上才会出现，我们生活的真实世界中经常能够遇见震动。当一个子扣卡在了母扣上，或是在档位调节上。我们通常都会通过声音和产生加速度变化造成的微弱震动来判断产品状态。震动无处不在，符合用户直觉、适时的震动是有必要的。 触发试想一下将震动功能融入到你的产品，你会将它放在什么地方呢？在这里我们可以头脑发散一下去思考。在这里提供几个方向。 首先就是在进行功能切换的时候：例如产品底部标签栏上的标签页切换，就可以在点击标签栏按钮的时候给予震动反馈。但是要注意的是，一般在可交互页面切换例如可以左右滑动切换的页面不应该加入震动功能。这取决于震动功能给人们带来的心智。 一般来说震动作为提醒功能最为常见。当一条新的消息送达时，由于信息是不可预见、非主动获取， ...

通常我们设计产品的时候都会兼顾到用户使用这个产品的效率。不仅要关注刚刚上手这个产品的用户的易用性，例如足够的提示、足够的可见性等；还要兼顾老用户的高效。这一次我们来模拟一个线下服务类产品的效率问题，这种问题可能考虑的效率就是其他的层面了。 这个报告是对线下店使用在线应用服务的一种理论支撑，仅个人观点。 线下类产品开了一个店铺、开了一个连锁店。当你有一个店铺的时候你会发现，店铺的地理位置变得非常重要，一个好的店铺位置能够带来更多的客流量。一个在用户回家必经之路的店铺更容易收获用户的票子。那么这种现象的原因是什么？ 原因其实也很简单，在这个人们生活紧张度、生活速度越来越快的社会环境下，人们都在追求主线任务的目标，而对于路上的风景却不愿去理睬。如果用户在完成主线任务的路上能够很快的完成额外的任务，人们也会顺带完成。人们对自己完成一件事情所需要的时间是有一定的心理预估的。特别是在做一个熟悉的事情、重复的事情下，即使这个事情可能有稍许变化，一般来说心理的预估时间是比较准确的。 如果用户路过一个奶茶店，奶茶店空无一人，用户预估可能在2分钟内就可以完成从购买到喝到奶茶的全部步骤，那么就会权衡两分钟的 ...

在设计功能的时候防误触机制无处不在，例如删除项目的确认弹窗和警示窗口、删除按钮做的尺寸会小一些、颜色足够特别、删除入口层级加深。但是有的时候我们会发现，我们经常做了很多无意义的防误触机制，这些多余的确认弹窗在无限制的占用着我们的时间和精力。我们真的需要这么多的确认弹窗吗？ 当然微博取消关注弹窗的产品原因有诸多方面，比如通过增加取消关注的步骤增加用户使用此功能的成本，减少用户使用这个功能的概率。本文主要是通过效率为侧重点进行分析，适用范围仅包含大多数需要效率和增强体验的场景。 误触率那么对于确认弹窗的关键因素在于：用户误触率有多高 在网页进行重复操作的场景（例如后台管理、后台运营等）这类场景误触率会出奇的高。因为它们的使用者自认为已经足够了解这个界面（事实也确实如此），所以不需要耗费很多精力去对自己的每一个操作进行思考。他们会存在肌肉记忆和预期。对于每一个步骤，用户能够简单的预知接下来的事情，如果出现了预期之外的情况，这些人可能会花时间去研究和判断。 那么用户的误触率高，我们就要增加多个窗口来进行防误触吗？ 我们可以观察一个场景。iPhone手机用户都知道，他们的手机抬起来或者轻点 ...

人们使用应用程序的目的一般分为两种：能解决问题的工具类需求和为用户带来价值的体验类需求。在算法普及当道的时代，算法能够为用户带来怎样的创意？下一代的体验设计是怎么样的？我想写下我的一些想法。 增加替换成本在产品前期，用户使用该应用后，无论是特色功能也好、产品调性、功能点等都是为了核心目标：增加替换成本 经过获客后通常会收到大量的反馈，最值得让人关心的其实是「用户不使用竞争产品的理由」。这个理由越充分，替换成本则越高。我们可以注意到很多产品的设计逐渐趋同，所以替换成本的层级就会被逐步拔高。已经从需求功能点逐步上升到美观与样式甚至预知的程度。在用户卸载该应用换到竞争应用时的理由渐渐从「XXX功能你没有」变成「XXX界面更好，体验更佳」。所以增加替换成本被拔高到了一个新的层次：吸引用户。 吸引用户吸引用户时多个层次的。在增加替换成本中，我们可以通过功能全、为用户提供满足感等功能层面来增加。那么吸引用户则需要从更高的层级例如美观度、成就感虚荣心等心理层面去进行深入探讨。 在产品体验上，美观非常重要。在应用中：符合用户期待、符合核心用户群审美、不干扰核心功能的界面设计非常重要。这篇文章主要想说 ...