细节设计篇
07 弹窗：如何设计才能降低对用户的困扰
困扰用户的弹窗：
一个 阻断性弹窗(模态弹窗) 用户无法关闭，必须做出相应。 对应引流网页，你需要进行一些查询操作，都需要你进行手机号码注册才能进行下一步操作。
另外额是非阻断性弹窗(非模态弹窗)。玩游戏时候，会问你是否继续看广告来获取更高奖励。或者是一些错误提示，可以点×关掉，依然可以进行后续操作。
如何优化弹窗？
1.时机，是进去就弹出，还是操作用户感兴趣功能时候，再弹出。相对而言，一进去就弹出是劝退，用户流失，先操作感兴趣功能，接受程度会相对高很多。总结来说，不要一开始就弹出，最好有一定的操作使用，对网站有认可感，再推出重要信息。不要在操作过程中推送，在用户完成某一个体验过程之后再推送，起码保证用户当前操作不会被打断。推送送点需要的，比如电商平台狂送五元兰博基尼优惠券，还不如送购买纸巾满10减1。
2.避免阻断性影响。更多是把选择权给用户，而不是弹出一个阻断性弹窗，然后哪里都没有点掉标识。
3.体现独立性，降低跳出感。采用底部弹窗，大面积铺满屏幕的设计。
4.交互方式上实现统一。提示框，对话框，功能框。一般来说，给用户选择权力，不卡流程，不占视觉页面。一般底部弹出，退出弹窗方式可控，弹窗设计上统一。
这里重点阐述了这么几点：
1.什么时候都要避开去中断用户的基本操作或阻止相关信息获取时出现弹窗
2.对弹窗做些可用性测试，以确保弹窗不会让用户在体验中受挫
3.保持弹窗的独立性，更能发挥出弹窗的价值
4.确保弹窗交互的统一性，用户的学习成本就会降低
08 状态 ：怎么打造即时体验让用户实时感知？
客户实时感知，也就意味产品需要实时反馈。
这里普遍网络中存在 网络异常的状态提醒，图片加载中的状态，未加载到的状态设计。也有系统在更新的跳转到特定页面处理，不过现在集群一般是 一部分更新，另外一部分稍后更新，客户无感更新。
体验前，提示引导性
体验中，即时体验型
体验后，结果反馈型
体验前，提示引导性：
很多后台程序设计中都有状态这个字段，是约定好的业务运行到某个状态时候，数据的标识。类似订单，待付款，已付款，待发货，已发货。已完成等等。。。一目了然。
当然也有其他状态，比如取消订单，支付未完成，所以可以看到订单的每一步状态都在提示引导你进行操作。
体验中，即时体验型：
加载时候有进度条，以及动画化展示进度，增加趣味性，缓解用户因等待产生的焦虑。
用户填写的话，存在实时校验，如果填写格式错误，可以即时反馈给用户，而不是填写完毕提交之后，返回客户错误信息，提交不通过。
体验完成结果反馈提示用户结果状态:
直接展示结果，或者出现已经支付完成，支付失败，权限通过，失败原因。
主要是完成任务，反馈结果，避免我们重复操作或者不知道下一步要做什么。
怎么设计状态才能让用户实时感知？
先从用户看到的视觉出发，醒目传达；再从用户到用户的交互层面出发，动态吸引；再生化到用户的情感层面，打动用户、
1.设计要容易理解且醒目
图文结合更好。色彩的话在用户早有一些约定俗成的色彩含义。红色表示严重警示或者失败。黄色是提醒，绿色/淡绿色是通过，完成。
不要抓住醒目的字眼不放，过于注重视觉的呈现，忽略了易于理解。
2.动效要引入入胜。
吸引到客户才能被用户关注到。
一般会加载中，转场，刷新中加入动画效果，这样做就已经可以辐射到所有界面中。
3.要注重情感化的表达。
情感化表达一定要拟人化，把人的情绪表达出来，才能触碰到用户的情感。
以上三个不是独立的。
3种类型不是固定的分类，互相综合才能成为完善体验的整个流程，比如，按钮的正常状态可以理解成提示引导型，按压态就变成了即时体验型，已点击的状态又是结果反馈型；
状态设计的目的要围绕用户的理解和感知，属于正常理解，不要过度滥用，增加用户的学习成本。
状态设计需要克制，不要滥用，克制好度。简约但不简单的内功修养。
09 表单：如何设计才能做到易于操作？
简单。给默认值/给填写案例，让客户一目了然知道填写什么。
实时保存，你的每次填写都类似草稿修改，不会因为突然关闭页面，然后回到就需要重新填写已经填写过的数据。
实时匹配结果，前端可以有一些必要的验证，填写完毕之后调用验证，直接给出一些格式错误，数据错误的反馈信息。主要还是需要实时给出客户一定的交互，引导客户进行后续操作，而不是盲目等待，不知所措。
改变表单展现的形式
登陆产品，以前是用户输入账号密码，或者是用户输入手机号码，然后手机验证码进行登陆。不过现在app很多采用了第三方登陆，在用qq，微信等同时获取用户其他的权限，基本信息，用户名称，头像，性别，生日等等，数据进行了互用，不用重复输入这些数据。
有一句 是做选择题比做填空题更让人能接受，所以一些表单采用了选择形式，选择组装好的套餐系列，也可以直接选择diy你想要的。
不过新技术带来全新的交互形式
多人同时编辑技术，多人同时协作编辑表单
语音输入技术，语音自动转换文字，也支持部分方言等
OCR技术 利用图像识别技术，用户上传图片代替表单输入，系统将图像内容转换为文本后填入对应输入框。比如银行卡扫描一下，就可以读取到卡上号码
10 签到页：用户是怎么被吸引进来每日打卡的？
签到，为了留住客户，让客户对产品有更多好感。
那么一般签到页设计会分成：天天签到提醒，奖励展示，签到周期，任务引导，业务营收模块等。
1.促进日活。日活是客户日活跃，日活从签到开始，签到领取福利来吸引客户打卡，登陆程序，就有客户在程序之后后续的行为可能性。
2.稳定留存。留存就是留住客户，签到满7天送大礼，那么客户因为一时冲动玩到了5 /6天，就差那么一二天了，客户极大可能性进行在进行签到，登陆程序。
3.带动拉新。签到之后有分享，邀请好友，成就展示，好友排名。通过分享来带动裂变拉新。
4.扩大营收，直接提示你需要怎么样，倒计时形式，类似很多拼多多碰到的处理就是这样，需要你进行分享，拉新人进行后续处理。
吸引客户钟情于签到的原因：
熟悉且经常用，回家的感觉，自己是老用户了。
好友邀请示范，好友收获福利的示范效应，带动拉新的真实场景，建立用户对产品的信任感，加强好友之间的互动，更容易带动签到页的裂变传播。
触发上瘾模式： 用户被签到的设计，玩法，体验所吸引，开启了每天的签到模式，领取做任务所收获的福利，不断投入精力还满足于自身的愉悦。这样签到页就占据用户的心智，触发了上瘾模型。
上瘾模型：触发(设计代入)>行动(签到体验)>多变的筹赏(签到周期)>投入 (持续签到)
1.怎么通过设计增强代入感
引导客户的方式有弹窗，悬浮球，功能入口。这里推荐还是弹窗。弹窗信息要吸引客户，不仅仅要把签到福利表达出来，最好具体且真实，还要设计醒目的签到入口。
2.签到体验暴露隐形设计的魅力
签到需要用户行动起来，决定用户行动的主要有3个要素，动机（足够吸引），能力（轻松驾驭），触发（足够简单）。简单明了，奖励粗暴，都是吸引用户行动的要素。
3.签到的周期增强用户黏性
一般是7天一个周期，而不是一个月的那种。因为7天给人一种更容易完成，更容易坚持下去。
4.领取福利要贴近实际。
小额奖金体现，实际水果领取。
签到页中福利设置的落地原则，使用让用户感受到真实的福利，比如直接的金额冲击比xx金币更容易让用户明白价值；
签到页的设计应该体现出一定的灵活性，根据设计需要渲染出场景氛围，更容易增加用户黏性，比如签到送红包，礼金，加入撒花的仪式设计，渲染送福利场景；
签到页设计中任务尽量简化，用户没有从签到页任务栏中进入的，也应该能收到一些任务完成的提示。
11.缺省页： 如何保持用户体验的连续性？
类似网络连接失败，系统维护，直接错误页面等缺省页。
1.告诉用户为空的原因，指引方向。用户不知道发生什么，也没有引导性进行下一步的操作提醒，很容易耐心耗尽，直接跳出系统，造成用户的流失。
2.引导用户快速操作，完成转换
怎么才能更好地保持体验连续性？
1.传达品牌形象，体现品牌温度
2.趣味性的表达，触发用户情感
3.提供新任务的引导，带来转化
扫一扫
996
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
