雅各布定律提到，用户会把过往大量产品使用经验迁移到新的产品当中。对于交互设计师而言，持续体验各类线上产品，沉淀成熟的交互模式，是提升方案质量的重要途径。兰亭妙微在长期政企、C 端项目实践中，也会大量拆解优秀产品的交互细节，把经过市场验证的交互方案结合业务场景落地。今天从手势交互、按钮交互、输入框交互三个维度，分享一批可复用的交互设计思路。
手势交互是移动端非常有代表性的交互手段，用好手势可以简化界面，减少按钮堆砌，让操作更加自然流畅。 拖拽手势适合资源分配类场景，像电商多地址下单场景，通过拖拽完成商品与收货地址的匹配，不用多次跳转弹窗选择，操作链路简短直观。上滑、下滑手势可以实现页面模式切换，部分聊天产品通过上滑唤起阅后消失模式，搭配滑动进度提示，用户可以感知操作状态；外卖订单详情页，向下滑动卡片切换到骑手地图视图，兼顾详情浏览和沉浸式地图查看两种需求。还有摇一摇这类趣味手势，输入法语音编辑完成后，摇一摇即可撤销修改，省去页面额外放置撤销按钮，既精简界面，又增添操作趣味。当然手势交互不能滥用，必须给用户明确引导提示，避免用户无法发现隐藏操作。
按钮作为界面核心操作载体，小小的细节优化就能大幅提升操作体验。二次点击切换模式，常见于列表排序，点击按钮在升序、降序来回切换，不用展开下拉菜单，状态一目了然。动态按钮区域，应用市场的更新按钮就是典型，点击更新之后，同一位置直接展示下载进度，更新完成自动切换为打开按钮，同一容器承载多种状态，过渡顺滑，页面布局不会发生剧烈跳动。面对长页面场景，按钮吸顶或者吸底是高频方案，页面滚动时，保存、提交这类高频操作固定在视口之内，用户不用滚动回页面顶部或者底部，随时可以执行操作，降低操作成本，在 B 端表单、数据详情页面使用尤为广泛。
输入框承担信息录入工作，很多体验痛点都集中在这里，做好细节可以大幅降低用户的输入负担。标题与占位符整合的方案，将表单标题作为常驻标签，点击输入框之后标题收缩至框体左上角，既节省页面空间，标题也不会消失，用户随时确认当前填写项。占位符融合功能按钮，在输入提示文案内嵌入粘贴按钮，用户无需长按唤起系统菜单，一键完成粘贴，缩短操作步骤。收益可见性交互常见于理财计算器，用户输入金额的同时，输入框周边实时动态计算、展示预估收益，输入和反馈同步完成，强化信息感知。
值得注意，这些优秀交互模式不能直接照搬复用。每一种交互都有它适配的使用场景，C 端产品好用的手势，直接照搬到面向中老年、政务 B 端系统，反而会造成用户理解障碍。
兰亭妙微团队在做设计时，会大量参考成熟交互案例，但始终结合目标用户、业务场景做取舍调整。借鉴不是直接复制，理解交互背后解决的用户痛点，再结合自身业务做适配改造，才是借鉴案例的真正意义。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。