paint-brush
デジタル デザイン キャンバスは、現代のワークフローにより適した形で進化しています@chgd
615 測定値
615 測定値

デジタル デザイン キャンバスは、現代のワークフローにより適した形で進化しています

Charlie G.3m2022/11/11
Read on Terminal Reader
Read this story w/o Javascript

長すぎる; 読むには

Figma のようなモダンなデザインのキャンバスは、壁に貼った付箋からインスピレーションを得ています。付箋を追加して移動すると、付箋の目的が失われ、付箋にない追加情報が失われます。 FigDone は、生産性の実験として最近リリースした Figma プラグインです。クリックするだけで、特定のステータスのフレームを呼び出して、キャンバス自体から移動または共有できます。これにより、創造的な流れが生産的な出力にシームレスに溶け込むことができます。より多くのデザイナー、プロダクト マネージャー、およびプロダクト マネージャーがそれを使用するにつれて、流動的なデザインのニーズについて学習しています。

Company Mentioned

Mention Thumbnail
featured image - デジタル デザイン キャンバスは、現代のワークフローにより適した形で進化しています
Charlie G. HackerNoon profile picture
0-item

Figma のようなモダンなデザインのキャンバスは、壁に貼った付箋からインスピレーションを得ています。付箋を追加して移動すると、付箋の目的が失われ、付箋にない追加情報が失われます。同様に、デザイン キャンバスは、さまざまな完了状態の UI で満たされたフレームでごちゃごちゃになります。これらは最終的に、生産の準備ができているものとそうでないものを見分ける方法がないまま、スペースに散らばってしまいます。

たくさんのウェブサイトのモックアップがあちこちに散らばっているデザイン キャンバス

キャンバスを整理する現在の方法は、物理的なスペースの制限を受け継いでおり、その結果、キャンバスを整理するのに役立ちません。紙の場合と同様に、ほとんどの人はキャンバスにラベルを追加して、ステータスを示し、スペースを線引きします。彼らは「進行中」または「準備完了」ラベルを作成し、フレームの上に追加して準備レベルを示します。これは、キャンバスが静的なままである場合に機能しますが、ほとんどの場合ではありません。フレームを移動すると、ラベルを持ち歩かなければなりません。フレームを追加するということは、ラベルが増えることを意味し、レイヤー リストが無関係なオブジェクトで散らかってしまいます。

上に「完了」ラベルが付いた Web サイトのモックアップ。カーソルがモックアップを移動すると、カーソルが「完了」に戻って移動するまで、ラベルはその場所に留まります。

これは、デザイン ツールとしての無限キャンバスの進化における大きな第一歩でした。しかし、さまざまな役割を持つ人々によって使用されるようになるにつれて、より優れたツールが必要になります。

これが、私たちが FigDone で達成しようとしていることです。これは、生産性の実験として最近リリースした Figma プラグインです。キャンバスにステータス ラベルを追加する多くのプラグインがありました。プラグインの専用ボタンでステッカーを移動するものさえありました。しかし、それらすべてに欠けていたのは、それらのフレームを見つけてステータスを更新するためのデータ レイヤーでした。

上に透明なレイヤーがあり、その上にステータス ラベルが表示されている不完全なモバイル アプリのモックアップ。

これらのソリューションにより、ラベル ロボットが実現しました。速度は向上しますが、物理的な壁の可視性の制限は依然として残っていました。物がどこにあるかを覚えておく必要があり、誰かが誤ってフレームを移動した場合、見つけることができなくなりました。私たちのアイデアは、ロボットを拡張現実メガネに置き換えることでした。壁を見ることで、仕事のモードに合わせて情報のON/OFFを切り替えることができます。

情報を切り替えるだけでなく、フレームに追加するラベルがフレーム固有のプロパティになるとしたらどうでしょうか?彼らはそれをたどり、創造的な集中が必要なときに邪魔にならないようにしました。クリックするだけで、特定のステータスのすべてのフレームを呼び出して、キャンバス自体から移動または共有できます。これにより、創造的な流れが生産的な出力にシームレスに溶け込むことができます。

左は付箋を動かしているロボットアーム。右: 壁に貼られた付箋を見て、拡張現実メガネのレンズを通して付箋の上に追加情報を見ている人。

現在、FigDone は、ステータスの更新を高速化するフィルターを備えたシンプルな名前変更ツールです。より多くのデザイナー、製品マネージャー、および開発者がそれを使用するにつれて、私たちは彼らのニーズについて学んでいます.このフィードバックは、キャンバスの上に最も流動的なデザイン管理レイヤーを構築するのに役立ちます。

デジタル キャンバスは、1963 年のささやかな始まりから長い道のりを歩んできました。私たちは、さまざまなワークフローに対応できるデジタル キャンバスの能力に興奮しています。毎日のユーザーとして、私たちはすべての人にとってより良いものにするために積極的な役割を果たしたいと考えています.私たちのツールが私たちの働き方を形作っているように、現代のチームにとって理想的な環境を作るためにツールを元に戻す必要があります。

ここにも掲載されています。