![设计职场的三种打开方式:设计专家·设计管理·设计变现](https://wfqqreader-1252317822.image.myqcloud.com/cover/285/26351285/b_26351285.jpg)
5 加速体验“快”感
——交互组件优化原则
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0073_0001.png?sign=1738855730-VVabNln0rtmswAnRuaFKc4dR3XCfExFw-0-640691a2cb176d48d7e442b1b3faf0d3)
张贝
腾讯金融科技市场部设计中心负责人
导语:
何为体验设计的“快”感?很多时候,一个令人抓狂的操作体验给用户带来的不仅仅是口碑影响,而是对产品设计者能力的质疑。
本篇作者张贝曾负责手机QQ钱包及微信钱包海外版、QQ音乐全平台体验设计等工作,专注于多平台体验设计及社会化、弱数据化、情感化设计方面打造触动用户的产品,在引用产品的个性化推荐和社交化体验方面推动了多种设计尝试。
先来一起看一个输入密码的小案例:日常生活中,“我”的密码组成形式为12345+abc(后缀),为了在不同场合下区分密码级别,我有时候用12345,有时候用12345+abc,或者其他,那么问题就来了,在某邮箱的登录页面中出现了这样的体验,如图1-5-1所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0074_0001.jpg?sign=1738855730-owx423tRgyEaZDLi0yaP1Wre411at8lO-0-07b18168d39b9e17bfc347bbd1479071)
图1-5-1 邮箱登录体验
虽然登录操作不会频繁地在日常生活中出现,但是一旦出现问题的时候,我作为一个资深用户都被误导了几个圈子导致最终抓狂,更何况是普通用户。
如果我们改变一下思路,多点细节思考,少点自作聪明,同时也为了稳定个人情绪,继续设计师这份很有前途的工作,做些改变,如图1-5-2所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0074_0002.jpg?sign=1738855730-XJzY4d2bNgZFRZdkxMOWgGlDnMKNgQr2-0-041fef24ac589f9f41f9a218f4b8d673)
图1-5-2 邮箱登录设计
改良后的方案虽然在错误输入密码后用户需要重新输入,但由于主动清空了密码,将用户的记忆初始化,没有错误的“继续输入”反馈,所以不会产生体验中断的问题,也避免了一些不良分子试错摸索密码的可能性,从而减少了试错成本,这是替用户减少错误暗示的设计方向和案例。
我们再看一个比较好的例子,虽然经常见,但并不是在所有产品上都能看到,来自Instagram的登录/注册页面,如图1-5-3所示。
![](https://epubservercos.yuewen.com/AC45C8/14814528004471706/epubprivate/OEBPS/Images/figure_0075_0001.jpg?sign=1738855730-zOnfT2vRRkcgNXpjPpbew0w8I8q93qUY-0-a9c438ec57063925e4b1a2faec2e1fa9)
图1-5-3 Instagram的登录/注册页面
这样的登录体验减少了用户操作,记忆了输入位置,避免了焦点流失,不失为表单组件设计的业界良心之作。
我们日常接触到的很多交互组件及其操作体验都有很大的改进空间,而交互体验的基础是各类组件,接下来介绍一下交互组件及其演化因素。