惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
M
MIT News - Artificial intelligence
MyScale Blog
MyScale Blog
博客园_首页
G
Google Developers Blog
博客园 - 【当耐特】
美团技术团队
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
Vercel News
Vercel News
小众软件
小众软件
博客园 - 司徒正美
雷峰网
雷峰网
T
Tailwind CSS Blog
V
V2EX
博客园 - 三生石上(FineUI控件)
F
Fortinet All Blogs
罗磊的独立博客
量子位
P
Proofpoint News Feed
Microsoft Azure Blog
Microsoft Azure Blog
月光博客
月光博客
A
About on SuperTechFans
Hugging Face - Blog
Hugging Face - Blog

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
干货丨微交互,原来可以这样做!
元尧 · 2022-06-08 · via 人人都是产品经理

编辑导语:微交互是很常见的设计手段,目的是让用户感觉顺畅、愉悦,设计师借此创造出吸引人的瞬间,让用户在某一刻感到人性化。本文作者从视觉优化、内容呈现、功能改善、情感传递这四个方面,对微交互做了分类,希望能给你带来帮助。

微交互,在现在已是很常见的设计手段。微交互存在的目的是让用户感觉顺畅、愉悦,设计师借此创造出吸引人的瞬间,让用户在某一刻感受到人性化。我从视觉优化、内容呈现、功能改善、情感传递这四个方面,对微交互做了分类,也为大家做微交互的设计提供一些思路和角度。

一、视觉优化类

1. 精巧的动画

使用精巧的动画效果丰富和活跃界面的视觉氛围,给用户带来小惊喜和愉悦感。

例如京东的物流评价模块,在打 5 星满分时会有放烟花的效果出现:

干货丨微交互,原来可以这样做!

2. 创新的呈现方式

使用新颖的展现形式,给用户不同的呈现效果,出奇制胜。用户在得物 APP 查看商品详情页时,可点击产品图 3D 浏览,360 度无死角查看产品的全貌:

干货丨微交互,原来可以这样做!

3. 拟物化的设计思路

仿照现实世界中与物体的交互行为,将现实世界中的行为带入到手机界面中,有趣而有共鸣感。微信读书用了用户下拉线来切换白天和黑色的阅读模式,模拟了生活中关灯的形式,让交互更真实有趣:

干货丨微交互,原来可以这样做!

4. 设计技巧总结

  • 对生活的热爱和对小确幸的捕捉
  • 视觉效果的大胆尝试,不拘一格
  • 形式来源于功能,效果服务于内容,夸张要有依据
  • 拟物化的设计思路,将手机界面与现实世界相连接
  • 应该与 APP 的整体风格相匹配,帮助产品建立品质感

二、内容呈现类

1. 合理排布信息

根据用户的行为习惯和使用需求,对页面的信息进行人性化的排布,使用户在使用时更高效、方便。

飞猪在选择往返机票的时候,会将界面分成左右两边分别进行滚动操作,方便用户对价格和时间做对比。比之前的单一页面滚动操作方便很多:

干货丨微交互,原来可以这样做!

2. 可视化信息

将文字信息使用可视化的方式表达出来,让用户更易读、易操作。

哈啰单车在故障上报页面直接将单车拟真拆解展示,易于辨认报修部件,只需选择就能快速完成报修流程,避免文字描述不清的情况,极大简化了上报的步骤:

干货丨微交互,原来可以这样做!

3. 标记重要信息、提醒用户

标记和强化用户需要注意的内容,对用户进行提醒。

钉钉日程:日程会标注当前的时间点,当把日程往下或往上滑出屏幕时,会有箭头提示上或下有日程:

干货丨微交互,原来可以这样做!

4. 隐藏不必要的信息

交互行为与内容呈现紧密相连,自然地隐藏掉不必要的信息,为用户创造更流畅的交互体验。

马蜂窝 APP 的底部导航栏在用户向下浏览时会自动收起,减少对主要内容的遮挡,让用户更通畅的浏览内容;在用户向上浏览时自动张开,方便用户使用其他功能:

干货丨微交互,原来可以这样做!

5. 设计技巧总结

  • 熟知用户行为和习惯,以用户为本
  • 一定程度上可视化信息,直观易用
  • 自然地突出主体信息
  • 自然地标记重要信息
  • 自然地隐藏不必要的信息
  • 找到交互行为与内容之间的关联性,让交互与内容融会贯通

三、功能改善类

1. 提升效率

优化产品功能的上的不足之处,让产品更好用、更易用,节约用户时间,提升效率。

苹果 IOS 最新版本 13.3, 键盘英文输入功能更新,滑动手指将字母连成词,使键入更快速:

干货丨微交互,原来可以这样做!

2. 偶尔调整功能,制造小惊喜

借助节日、活动等时机部分开放功能的限制,让用户有种薅羊毛或被关照的惊喜感。

某年七夕节到来,微信将原本最高 200 元的红包金额调整到了 520 元,算得上是一个惊喜又有人文关怀的产品细节:

干货丨微交互,原来可以这样做!

3. 预测用户行为

预测用户的行为,或提前对用户的下一步动作进行自然地引导,简化用户的操作动作和步骤,提供捷径,或替用户完成操作。

微信-朋友圈在阅读朋友圈中途退出再次进入时,会在内容流中间出现一个“跳到还没看的位置”,帮助用户快速定位之前离开的位置:

干货丨微交互,原来可以这样做!

4. 设计技巧总结

  • 小而美的对功能进行持续优化
  • 节约用户的时间,提升效率
  • 节省用户的精力,优化交互流程,替用户做不必要的操作步骤
  • 洞察用户的每一步动作的上下关联动作,提供预判和引导

四、情感传递类

1. 给用户适当的提醒和关爱

适当的提醒(包括隐私提醒、天气提醒、时间提醒等)让用户觉得自己时刻被关注、被惦记,传达出人情味儿。

美团外卖针对用户所在区域,提前推送天气变化,提醒用户提前下单:

干货丨微交互,原来可以这样做!

2. 特殊日子搞事情

在节假日对界面的配色、元素做装扮和替换,也可以在独属于用户个人的特殊日子为用户做界面更改,烘托气氛、传递情感。

万圣节,美团的共享单车界面将一辆辆单车的 icon 变成了南瓜的形象,十分应景地烘托出了节日气氛。情感化的细节设计凸显了产品的温度与个性:

干货丨微交互,原来可以这样做!

3. 创造仪式感

在用户开始/完成某项任务的时候给用户以鼓励、激励,让用户有仪式感,感受到被重视。

购买了得到 APP 的精英日课之后,会给用户发一个入学通知书,让用户感觉到课程的专业性,银子没有白花:

干货丨微交互,原来可以这样做!

4. 设计技巧总结

  • 把用户当朋友,传递关爱
  • 适当的夸张情感的表达方式
  • 节日/用户的特殊日子适当搞事情
  • 对用户适当提供个性化的服务和交互
  • 创造仪式感、量化用户行为,以激励用户

作者:元尧;微信公众号:长弓小子。

本文由@ 元尧 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。