Browse commands

/impeccable distill

Distill

容赦ない引き算。デザインをその本質まで削ぎ落とす。

いつ使うか

/impeccable distill はそこに存在すべきでないものを削除します。競合するボタン、冗長な情報、装飾的なボーダー、1つで済むのに3つのフォント、3つが適切なのに6つのナビゲーション項目。インターフェースが乱雑、ビジー、または一度に多すぎることをしようとしていると感じる場合に使ってください。

/impeccable critique が「認知負荷」や「視覚的ノイズ」をフラグ付けした後、またはページが蓄積によって肥大化し誰も編集していない時に使ってください。

仕組み

スキルは1つの質問から始めます:このインターフェースが果たそうとしている単一の仕事は何か?その仕事に役立たないすべてが削除候補です。

2つのパスで動作します。

  1. 複雑さの原因を評価。多すぎる要素、過剰なバリエーション、情報過多、視覚的ノイズ、混乱した階層、機能のクリープ。それぞれに名前を付けます。
  2. 容赦なく編集。不可欠でないものを削除。組み合わせられるものは組み合わせ。待てるものは隠す。バリエーションを単一の処理に統合。単一の視覚言語にコミット。

原則:ページ上のすべての要素は存在理由を正当化しなければならない。機能を減らすのではなく、障害物を減らす。

試してみる

/impeccable distill this dashboard

Before:4つのカードスタイル、3つのボタンバリアント、2つのヘッダー処理、5セクションに分かれた14項目のサイドバー。

/distill パス後の典型的な変更:

  • 4つのカードスタイルを1つに統合
  • 1つのボタンバリアントを選び、他をテキストリンクに降格
  • ヘッダーを統一
  • サイドバーを5セクションから3セクションにグループ化
  • 高度なオプションを開示の背後に隠す

より少ないもの。それぞれがより明確に。

注意点

  • distillとdeleteを混同すること。 Distillは障害物を削除します。ユーザーが必要とする機能は削除しません。ユーザーが何かを毎日頼りにしているなら、削除する方法ではなく、静かに保持する方法を見つけてください。
  • 早すぎる時期に実行すること。 機能がまだ成長している場合、今蒸留すれば来週もう一度蒸留することになります。形が安定するまで待ってください。
  • 階層作業の代わりになると期待すること。 正しい修正が「削る」ことではなく「並べる」ことである場合があります。問題が量ではなくレイアウトにある時は /impeccable layout を使ってください。