书籍《福格行为模型》

压缩客观等待时间的设计原则与影响因素结合用户与软件产品交互的具体场景，我筛选并总结了6条适用于软件产品交互的等待设计策略（具体筛选方式我将在小课堂中为大家详细介绍）下面我们就来逐一介绍：▲图10

设计提案的整体思路研究阶段：做正确的设计；设计阶段：正确地做设计；验证阶段：验证设计的正确性；设计是解决问题的过程，所以我沿袭设计提案的思路，将交互设计改版总结成五大步骤：▲图3

一个爱学习和分享的设计专家~本文3173字，阅读时间约8分钟~22年的Flag之一是要输出《交互设计基础课程》，所以计划每周一篇，欢迎大家持续关注和监督👀

行业分析的4个步骤1、行业信息收集；2、行业信息整理；3、行业分析；4、行业预测；真实分析过程中，这四个步骤其实是相互交织的，只是为了方便讲解，才把他们分拆来看。3.1

复盘的围棋定义走出棋局，再看看那些我们耳熟能详的中外名人：曾子曰“吾日三省吾身”；亚里士多德“未经反省的人生不值得一过”；稻盛和夫的“六项精进”中就有一条：每天反省；可谓大道三千，殊途同归。▲图2

悦姐归纳的微文案类型1、名称类：主要包括按钮名称和链接名称；2、说明类：包括操作前的规则、引导、预期说明，操作时的状态、进度、预期说明、操作后的（成功/失败）状态、结果、下一步引导说明等。二。How

更直观的交互流程再比如，在撰写交互细节时，可以在界面上给撰写的交互细节标上数字标号，并为每个交互细节提炼名称，方便项目成员快速匹配交互说明和交互对象。▲图5

如何构建界面设计框架？👈讲完需求分析、设计策略、信息架构等课程，终于到了可见的交互设计产物：界面框架。那一个界面的框架究竟是如何设计出来的呢？我们可以从4个维度来寻找答案：▲图1

联想卡片搜索流程那到了搜索结果页，还有没有方法可以缩短用户操作路径呢？百度给出答案是框计划，直接在搜索结果第一位显示用户需要的详情信息，让用户在信息结果页即满足需求，而不需要进详情页查看。▲图17

手把手教你绘制用户旅程图👈用户旅程，顾名思义，是用户旅行的过程。所以在讲用户旅程图之前，我们先了解一下现实世界的用户旅程，方便大家类比迁移理解。我们以大家熟悉的旅游攻略为例来了解用户旅程：▲图1

设计的意义通过场景化的设计，可以促进用户理解（减少用户认知成本），提升效率（降低用户操作成本），引起用户共鸣（情感化设计），帮助用户和产品更快更好的达成目标。三。How

完善用户画像通过前面用户细分后，我们已经得到了几类不同的典型用户，接下来我们需要对这几类用户进行优先级排序，并输出完整的可视化的用户画像。确定用户优先级一般有以下几个考虑维度：▲图11

不同信息架构的示意作为设计师，我们有必要根据用户的行为和特征，结合信息环境，选择合适的信息，并以适合的方式进行组织和呈现，以便让用户获取并理解信息更容易，完成信息的组织和传达作用。三。How

交互设计4大通用过程目标与5大实现策略奥卡姆剃刀原理：如无必要，勿增实体，即“简单有效原理”。米勒定律：人们工作记忆平均能记住的元素数量仅为4±1。多尔蒂门槛：系统需要在

产品目标是否明确具体：作为设计师，你能否通过目标描述，清晰地知道要达成的可预期结果是什么？比如【让vivo浏览器成为行业一流品牌】，就是不清晰的，因为对于行业一流大家并没有统一的评判标准。②

吸引用户的四大秘籍1、运动（包括自身运动+附加运动元素）2、人脸（尤其是带有和用户互动眼睛的人脸）3、对比（包括色彩、形状、大小、虚实、投影、情绪等）4、本能（包括危险、食物、性）▲图11

界面设计作为交互设计师，《简约至上》一书中介绍的交互式设计四策略，是大家一定要熟练掌握的，我将所有的界面设计原则也归纳到这四策略中，方便大家理解、学习和记忆。▲图13

悦姐聊设计

悦姐聊设计

一句话需求案例严格来讲，这根本不是一个需求，而是一个解决方案。那到底什么是需求呢？古有告子曰“食色，性也”。今有马斯洛归纳总结：生理需求、安全需求、归属和爱的需求、尊重需求和自我实现需求。▲图4

容器容器可可以分为两类：刚性容器和灵活容器。刚性容器尺寸固定，不随图像大小变化而变化，图像超出容器会被裁减。灵活容器尺寸可变，容器随图像大小变化而变化，始终保持图像在容器内。1.6

底部导航、导航轨和导航抽屉底部导航仅在移动设备和小型平板电脑界面上使用，在大屏幕上，需将底部导航换成导航轨或导航抽屉。MD中建议：在360-599dp手机等小型设备显示底部导航；600-1239dp

海拔·静态表达在静止状态下，要清楚的表现面的海拔高低，可以有3种方式：1、清晰的显示面的边缘，让它与周围环境形成对比；2、通过默认态或运动态与其他面重叠；3、与其他面相隔一定的距离。▲图13

重新结构化的32个标准虽然总的数量并没有减少，但结构化之后是不是清晰了很多。如果你对文章任意内容有疑问，请加悦姐微信yuechats，加入悦姐交互小课堂，听悦姐为你详细讲解~交互设计

状态栏iOS系统提供了深色和浅色两种状态栏，建议直接调用不要自定义。对于沉浸式页面可以暂时隐藏状态栏，但考虑到用户对时间电量等信息的关注，建议始终显示时间电量信息或者让用户很容易能唤出状态栏。1.2

设计原则—隐喻比如iOS桌面的图标：相机、时钟、设置、图书、天气等都采用了隐喻式的视觉设计，方便用户认知。钱包中工作表出现时是从底部弹出的，也隐喻了用户可以通过下滑将其收起，方便用户操作。2.6

ios和android规范其次，我们会讲解常用的设计原则，我把设计师日常会用的设计原则进行了汇总，大家可以根据这个图式进行理解和记忆、效率倍增，在设计时提取和运用就会比较容易。▲图4

第一步，如果涉及到任务链路的，先把主链路流程绘制出来，让大家可以知道核心的任务路径及页面的之间的跳转关系。如果分支链路只有1~2条，可以直接在主链路上延伸，如果分支链路较多，则单独编号绘制。▲图18

交互设计师的能力模型详细要求好了，关于交互设计体系和交互设计师的能力模型就介绍到这里了，详细交互体系+能力模型的讲解，请加悦姐微信yuechats，加入悦姐交互小课堂，听悦姐为你详细拆解~交互设计

Revenue

社会认同提升动机互联网上常见的使用社会认同的功能包括，榜单、评测、标签、评论等等，社会认同源自人的社交归属感。人类作为群体性动物，总是希望能够融入周围的圈子，与周围人的言行、思想保持同步。4.2

增加视觉复杂度当界面信息特别少时，我们也可以通过增加背景、插画等装饰性元素适当增加复杂度，以此来提升界面的视觉感受（如图2）。但要注意增加的装饰性元素不能影响到主体元素的视觉焦点（如下图3）。▲图3

虚实虚实模拟的是日常视觉世界中的远近关系，近处的物体清晰，远处的物体模糊。越清晰的物品，越容易吸引用户注意力。在手机上常用的毛玻璃效果，就是通过虚实的效果，让用户聚焦在当前的主体上。▲图15

什么是福格行为模型？在此之前，有很多书籍比如《上瘾》《助推》，以及网络上很多文章，都有提到过福格行为模型，简要示意如下：▲图1

少少的依据，来源于人的生理特征的。作为人类，我们有860亿个感知神经元，每秒钟约有400亿个感知信息输入，但人的意识一次只能注意到其中40个，而人的短期记忆真正能处理的只有4±1个。▲图3