スナップの歴史における5つの瞬間
原文は Marcin Wichary により に公開されました。 このブログを購読する
Bear(ノートアプリ)にはシンプルな画像リサイズ機能があるが、ちょっとした気配りが効いている——画像同士が近くに並んでいるとき、一方のサイズを変更するともう一方の幅にピタッとスナップするのだ:
Finderでは、カラム幅がすべての名前が省略されずに収まるのに必要な幅ぴったりにスナップする——1ピクセルたりとも無駄なく:
(余談:なお、今日紹介する中で、スナップの瞬間にトラックパッドの触覚フィードバックをうまく使っているのはここだけだ。動画の中でそれを示そうとしてみたが、これは私が考えている最終的な視覚表現ではない。もしこうした触覚の可視化が役に立ちそうだと感じたら、ぜひ教えてほしい!)
macOSは、ウィンドウ同士を近づけたときに実に興味深い挙動をする。磁石のように掴んでいるものを相手側へ引き寄せるという典型的なスナップではなく、どちらの方向にも、しばらくの間それ以上進めないようにするのだ。ここで適切な喩えは、おそらく接着剤(glue)だろう:
最初は少し奇妙に感じられるが、私は気に入っている。主張が控えめで、望まないときにそれをキャンセルする手段(オプションや修飾キー)が必要にならないからだ。そもそも邪魔になっていると感じることがないのである。
高さを揃える場合にも同じように機能する。Bearでの例のように:
Figmaでは、通常のスナップを土台に、私がぎこちなく「セルフスナップ(self-snapping)」と呼んでいたものを導入した。オブジェクトがコンテナの中にある場合、明示的なオートレイアウト/flexboxなしでも、コンテナのパディングが反対側にあるものに合わせてスナップするのだ:
私がこれらの5つの例(そして以前紹介した1つ)を共有するのは、これらがある素敵なことを体現していると思うからだ——煩雑な手続きを伴わない精密さ(precision without bureaucracy)である。どの場合でも、メニューのどこかにある重々しい明示的なオプションを想像できるだろう……
- Bear:画像の幅を設定…
- macOS:ウィンドウの高さを揃える
- Finder:カラム幅を復元
- Figma:パディングを統一
……しかし、そうしたやり方は遅くて煩わしく感じられるだろう。
その代わり、これらの機能はダイレクトマニピュレーションの自由さを保ったまま、その構造が間違いなく役立つ瞬間に、ほとんど目に見えないほどの構造を必要な分だけそっと振りかけるのだ。(もちろん、アクセシビリティの観点からだけでも、メニューやコマンドパレットのどこかに明示的なオプションを用意しておくことは依然として望ましいだろう。)
こうした控えめな機能が陰で支えてくれて、自分をよく見せてくれるところが私は好きだ。そして、その作り手たちが、ほとんど揃っている状態の方が、まったく揃っていない状態よりもかえって気分が悪いことを理解している点も気に入っている。
記事をランダムに読む
コメント
ログインしてコメントする