左右之辩:在指尖与视线之间,寻找最优解
——以「快缩短网址」suo.run 为例的交互沉思录
一、打破惯性的「双向泳道」
在移动端,水平滑动的卡片列表被昵称为「泳道」。99% 的产品都默契地让泳道向左延伸,仿佛那是宇宙公理。然而,某视频 App 偏要逆流:第一行左滑,第二行右滑,第三行再左滑……初看令人错愕,细品却暗藏温柔——当用户滑到行尾,视线恰好落在屏幕右侧;下一行若继续左滑,视线需折返左侧,形成 Z 字动线。反向滑动则让新卡片自右向左鱼贯而入,视线无需折返,阅读节奏如呼吸般自然。
「快缩短网址」suo.run 在后台数据面板里同样运用了这种「双向泳道」:热门短链向左,最新短链向右。运营同学第一次使用时皱眉,三分钟后便爱不释手——视线不再做折返跑,指尖也少了 0.3 秒的犹豫。

二、左为眼,右为手
若把屏幕比作舞台,左侧是聚光灯下的主角,右侧是随手可触的道具。
• 左侧:承载信息,满足「一眼定情」的浏览欲。iOS 11 之后,标题、搜索框、核心文案集体左迁,正是为了让 L 型动线更短。
• 右侧:安放操作,缩短拇指的迁徙路径。Google 的 FAB、微信的浮窗、微博的发布按钮,悉数盘踞右侧,只因 90% 用户是右撇子。
在 suo.run 的生成结果页,我们把「复制」「二维码」「分享」三大高频动作放在右侧浮动层,而把「原始长链」与「创建时间」留在左侧信息区。左眼看内容,右手点操作,互不打扰。
三、流量暗涌:让数据自己投票
微博把「推荐」放在「关注」右侧,抖音把「作者主页」藏在左滑尽头——看似反直觉,实则是流量操盘手的心机:
• 左滑进入作者主页,等于为关系链加温;
• 右滑留在推荐流,等于为广告位蓄水。
suo.run 在统计页做了一个微小实验:原本「访问趋势」与「地域分布」左右并列,A/B 测试后发现,把「访问趋势」挪到左侧后,该模块点击率提升 27%,而右侧的「地域分布」下降 11%。数据告诉我们:当 KPI 是「提升趋势图查看率」时,左置是更优解;若 KPI 换成「地域广告曝光」,则右置更佳。
左右之争,没有永恒答案,只有阶段目标。

四、为左撇子留一扇窗
当主流界面为右撇子量身定制时,左撇子只能在镜像世界里寻找手感。suo.run 在「实验室功能」中藏了一个彩蛋:开启「左手模式」,整个界面水平翻转,复制按钮跑到左侧,分享按钮紧随其后。小功能,大善意。
五、结语:把选择权还给场景
确定按钮该在左还是右?知乎曾用上下滑动替代左右,只为让广告多飞一会儿;搜狗输入法当年的 A/B 测试说左键转化高,可大屏时代又让结论作废。
在「快缩短网址」suo.run,我们不再执拗于左右,而是为每一次访问、每一块屏幕、每一只手预留弹性:
• 单手模式,操作区右置;
• 双手横屏,操作区居中;
• 左手用户,一键镜像。
左与右,终究是一场关于人、设备与目标的三角恋。让数据说话,让场景做主,让优雅自然发生。