产品体验日记-交互设计锦囊

01-支付宝_添加银行卡

-交互阐述

支付宝添加银行卡功能，支持拍照获取银行卡账号。拍照之后系统自动截取账号部分，并在下方提示“如有错误，点击修改”。

-启发及思考

此功能的设计，减少了用户手持银行卡进行二次确认的动作，直接在当前页面就能完成对比确认和修改，交互精简流畅，提升操作效率

02-夸克浏览器

-交互阐述

底部一级导航的个人中心，没有采取传统页面跳转形式，而是采用底部弹窗方式展现

-启发及思考

此功能设计跳出传统思维框架，弹窗展示个人中心功能入口，缩短操作路径，减少页面的跳转提升体验的沉浸感

03-支付宝

-交互阐述

股票大盘晴雨表，用天气来展示大盘涨跌及开闭市情况

-启发及思考

线上功能与生活场景相结合，实现情感化设计，增强产品趣味性及吸引力，最终提升产品转化

04-私人FM

-交互阐述

1、私人FM，模拟实物调频拨盘，根据不同的频道变幻背景颜色

2、滑动拨盘时除色彩变幻外在触觉上也有一定的反馈（轻微震动）模拟现实场景的感觉，且伴随轻微的拨动的声音

-启发及思考

1、从视觉、触觉、听觉上去营造现实情境，给用户以更立体的情感化感受

2、丰富产品细节体验，用更细微的感受打动用户

05-youtube

-交互阐述

youtube功能描述：进入到搜索界面后，点击标签后面的向左上方指向的箭头，则可以把当前的关键词添加至搜索栏，随即出现与关键词相关联的信息列表。若直接点击列表信息内容，可直接进行当前关键词信息搜索。

-启发及思考

页面解决的问题：帮助用户快速找到与所选关键词相关联的信息，减少用户操作步骤，提升搜索效率。

这样设计的好处：为用户提供与搜索关键词相关联的信息，使用户更高效的找到可能为心中所想目标的信息关键词，或类似信息，从而提高用户的搜索效率。也能提高搜索词条的曝光率，增加信息之间的联动。

06-粘贴功能体验

-交互阐述

事先QQ系统内复制了什么然后打开某个聊天对话界面，在输入框上方会自动弹出点击粘贴的toast。

支付宝查询快递也有智能识别单号的功能

-启发及思考

这样一步到位的复制粘贴交互极大地减少了用户的操作时间和步骤。

07-支付宝理财-基金-指数红绿灯

-交互阐述

运用生活中红绿灯🚥 结合基金涨停，融入表情表达情绪，给用户更加直观的感受，加入对话气泡，双引号等元素，营造人机对话的场景。

-启发及思考

关键词：涨跌，收益，理财，金融

基金指明灯：帮助基友投资行情分析

通过表情高兴、正常、生气来更好的帮助理财小白理解“估值低、正常、高“的含义

用户理解门槛低，又有趣味性，增加用户留存率

感谢大家耐心的阅读，接下来会陆续坚持进行分享好的体验进行记录

谢谢大家！