旋转图片操作方式的差异
编辑部一直(至今仍)担心,最近的大型互动文章展示了大量经典桌面示例,会让整件事显得过时,仿佛只适用于过去的时代。然而,文章中揭示的挑战具有普遍性。刚发现了一个例子,是在iPhone和Nothing Phone上旋转图片的操作。
这是一种相当标准的操作方式,点击一次,图片逆时针旋转;再点击一次,继续旋转,以此类推。同时,图片的旋转过渡效果很贴心,能让用户清楚知晓其方向。
现在把问题稍微夸大一下,快速点击九次90度旋转按钮。点击九次的结果,在工程师眼中是“无操作”,也就是图片完整旋转两圈后回到初始位置。在iPhone上,确实是这样。但在Nothing Phone/Android上,情况就不同了。
iPhone会记录并缓存点击操作,所以第一次旋转完成后,第二次旋转会立即开始。而Nothing Phone的按钮通过触觉反馈和声音给予点击确认,但如果上一次旋转动画还在进行,它就会“忽略”后续点击。
无障碍设计的重要性
为什么这一点重要呢?编辑部常常思考“情境性残障”这一概念,它指出残障并非只发生在少数人身上。实际上,几乎每个人都会偶尔遇到某种“情境”,让自己在特定情况下等同于残障人士。这就是为什么无障碍设计比很多人认为的更重要。
日常操作中的类似问题
编辑部对日常使用和非日常使用也有类似的看法。用手机拍照通常是日常操作。手机相机一般很擅长检测照片的方向,但当将手机朝下拍摄时,就容易出错。例如,需要拍摄一堆横向文档时,可能就得一张一张地旋转几十张照片。要是能随意点击按钮三次,不用思考、不用留意,也不会被不再有用的动画卡住界面,操作会变得更可预测、更舒适。
这就是“情境性高级用户”。假以时日,或者说面对足够庞大的用户群体,即使像手机照片编辑(或者GarageBand)这样的日常界面,也会遇到不得不认真对待并期望更多功能的用户。
解决方案与原则
顺便说一下,缓存点击操作并非唯一的解决方案。也可以在用户点击中断操作后,停止或加速动画。但原则是:永远不要强迫用户等待动画结束。
2026年7月4日
* [android 3](tags/android/) * [flow 42](tags/flow/) * [ios 13](tags/ios/) * [touch 16](tags/touch/)
[↑ 返回主页](/)/ [→ “所有外边距折叠问题的根源”](the-root-of-all-margin-collapsing-evil/)
通过 [RSS 订阅](/feed.xml) 或