产品体验日记-交互设计锦囊
2020 年已经过完一大半,今天将近期体验到的交互设计锦囊分享给大家,也许某一天就能成为你灵感的一角。
01-支付宝_添加银行卡

-交互阐述
支付宝添加银行卡功能,支持拍照获取银行卡账号。拍照之后系统自动截取账号部分,并在下方提示“如有错误,点击修改”。
-启发及思考
此功能的设计,减少了用户手持银行卡进行二次确认的动作,直接在当前页面就能完成对比确认和修改,交互精简流畅,提升操作效率
02-夸克浏览器

-交互阐述
底部一级导航的个人中心,没有采取传统页面跳转形式,而是采用底部弹窗方式展现
-启发及思考
此功能设计跳出传统思维框架,弹窗展示个人中心功能入口,缩短操作路径,减少页面的跳转提升体验的沉浸感
03-支付宝

-交互阐述
股票大盘晴雨表,用天气来展示大盘涨跌及开闭市情况
-启发及思考
线上功能与生活场景相结合,实现情感化设计,增强产品趣味性及吸引力,最终提升产品转化
04-私人FM

-交互阐述
1、私人FM,模拟实物调频拨盘,根据不同的频道变幻背景颜色
2、滑动拨盘时除色彩变幻外在触觉上也有一定的反馈(轻微震动)模拟现实场景的感觉,且伴随轻微的拨动的声音
-启发及思考
1、从视觉、触觉、听觉上去营造现实情境,给用户以更立体的情感化感受
2、丰富产品细节体验,用更细微的感受打动用户
05-youtube

-交互阐述
youtube功能描述:进入到搜索界面后,点击标签后面的向左上方指向的箭头,则可以把当前的关键词添加至搜索栏,随即出现与关键词相关联的信息列表。若直接点击列表信息内容,可直接进行当前关键词信息搜索。
-启发及思考
页面解决的问题:帮助用户快速找到与所选关键词相关联的信息,减少用户操作步骤,提升搜索效率。
这样设计的好处:为用户提供与搜索关键词相关联的信息,使用户更高效的找到可能为心中所想目标的信息关键词,或类似信息,从而提高用户的搜索效率。也能提高搜索词条的曝光率,增加信息之间的联动。
06-粘贴功能体验

-交互阐述
事先QQ系统内复制了什么然后打开某个聊天对话界面,在输入框上方会自动弹出点击粘贴的toast。
支付宝查询快递也有智能识别单号的功能
-启发及思考
这样一步到位的复制粘贴交互极大地减少了用户的操作时间和步骤。
07-支付宝理财-基金-指数红绿灯

-交互阐述
运用生活中红绿灯🚥 结合基金涨停,融入表情表达情绪,给用户更加直观的感受,加入对话气泡,双引号等元素,营造人机对话的场景。
-启发及思考
关键词:涨跌,收益,理财,金融
基金指明灯:帮助基友投资行情分析
通过表情高兴、正常、生气来更好的帮助理财小白理解“估值低、正常、高“的含义
用户理解门槛低,又有趣味性,增加用户留存率
感谢大家耐心的阅读,接下来会陆续坚持进行分享好的体验进行记录
谢谢大家!















































































