今となっては陳腐だが使い古された表現:百聞は一見に如かず
私と密に仕事をしたことがある人は、私のホワイトボードへの深い愛着をすぐに理解するでしょう。私は、開放的なスペースと、描いたり描き直したり、フレームを設定したり再設定する柔軟性が大好きです。
Matt(グロース・ヘッド)と私がCodaの構築を始めたとき、私たちはホワイトボードに無数の時間を費やし、徐々にその技術を確立していきました。こうして、省略形を開発し、適切なフレームを作りやすくし、他の人々がすぐに理解できるようにしました。
インサイト:色を使った省略形式
もともとこれは偶然に起こったことです。私たちは色が決まったホワイトボードマーカーを少し入れた箱を持っていて、それを順番に使い始めました。事前にそれぞれの色の意味を決めておけば、コラボレーションがはるかに容易になることにすぐに気づきました。実際、私たちはしばしば、どちらかが問題のフレーミングを始め、残りがその後を引き継ぐ形で進めていました。
これらの色の割り当ては、年月を経ても私たちの中に定着しています。私たちが決めた色は次のとおりです:
質問(黒):枠組みの設定。重要な質問を定義する。これらの中から、一つまたは二つが本質的な質問になります。
オプション(青):大きく考えるために使用します。可能な回答やオプションを定義します。
具体的な例(グレーまたはブラウン):オプションを具体化するために使用します。ビジュアルは何ですか?
コールアウト(紫):青のオプションを示す具体例で、重要な概念を強調する。強調や視線を引くためによく使用されます。
選択(オレンジ):オプションの中で私たちがどこに傾いているかを示す決定やスペースを指摘します。
問題(赤):潜在的な問題があるか、かなり難しいかもしれません。注意。
利益(緑):これは非常に良さそうで、潜在的な素晴らしさを示しています。
それがすべてですが、シンプルなシステムで非常に便利な略式です。たとえば、図を見ながら次のようなことを言うことができます。
「まだフレーム作成中のようですね、まだ全部青のままです」
「トレードオフを検討する準備はできましたか?」「緑と赤を取ってきますね」
「決断の時?」「オレンジのペンをどうぞ」
「これらは正しい質問ではないかもしれませんか?」「黒のペンに戻りましょう」
例(およびテンプレート)
物理的なホワイトボードが好きですが、チームが徐々に分散型になるにつれ、デジタル代替品を使う機会が増えました。私が選ぶデジタルホワイトボードはMiroです(詳しくは別の記事で取り上げます)。
これは、このカラーリングテクニックが実際にどのように機能するかの例です!さらに詳しく知りたい場合は、こちらのドキュメントをご覧ください: Eigenquestions:問題のフレーム化の技術。
Shishir Mehrotra
共同創業者兼 CEO @ Coda
長年の生産性の問題が解決されて、ついに私の夢のドキュメントを構築できる機会がやってきました。以前は YouTube、Microsoft、Centrata で構築していました。MIT の卒業生です。ベイエリアに住み、大学時代の恋人と結婚し、2 人の素晴らしい娘たちがいます。
カテゴリー
類似テンプレート
ウェブサイト ワイヤーフレーム作成テンプレート
ウェブサイト ワイヤーフレーム作成テンプレート
ワイヤーフレームはウェブサイトを構造レベルでデザインする手法です。ワイヤーフレームは各ページのインターフェイス要素を示すスタイライズされたレイアウトです。このワイヤーフレームテンプレートを使用して、ウェブページを迅速かつ低コストで繰り返し設計してください。ワイヤーフレームをクライアントやチームメイトと共有して、関係者と共同作業することができます。ワイヤーフレームを使うことで、あまり時間やリソースをかけずに利害関係者の賛同を得やすくなります。これにより、ウェブサイトの構造やフローがユーザーのニーズや期待に応えることができるようになります。
オンラインスケッチ テンプレート

オンラインスケッチ テンプレート
有望なアイデアを本格的に進める前に、その機能や目標適合度を高い視点から確認しましょう。それがスケッチの役割です。このテンプレートは、モバイルアプリやウェブページのスケッチ、ロゴのデザイン、イベントの計画に役立つリモートコラボレーションツールを提供します。そして、スケッチをチームと簡単に共有し、段階ごとに保存して変更を加えながら発展させることができます。
アプリワイヤーフレーム テンプレート
アプリワイヤーフレーム テンプレート
アプリの構築を始める準備はできていますか?機能やユーザとのインタラクションを想像するだけではなく、ワイヤーフレームに示してもらいましょう。ワイヤーフレーム作成は、各画面の基本的なレイアウトを作成するための手法です。理想的にはプロセスの初期段階でワイヤーフレームを作成することで、各画面が何を達成するのかを理解し、重要な利害関係者の賛同を得ることができます。これはデザインやコンテンツを追加する前に行うため、時間と費用の節約になります。また、ユーザーの旅という観点から考えることによって、より説得力があり成功する体験を提供できるでしょう。
ウェブサイト ワイヤーフレーム作成テンプレート
ウェブサイト ワイヤーフレーム作成テンプレート
ワイヤーフレームはウェブサイトを構造レベルでデザインする手法です。ワイヤーフレームは各ページのインターフェイス要素を示すスタイライズされたレイアウトです。このワイヤーフレームテンプレートを使用して、ウェブページを迅速かつ低コストで繰り返し設計してください。ワイヤーフレームをクライアントやチームメイトと共有して、関係者と共同作業することができます。ワイヤーフレームを使うことで、あまり時間やリソースをかけずに利害関係者の賛同を得やすくなります。これにより、ウェブサイトの構造やフローがユーザーのニーズや期待に応えることができるようになります。
オンラインスケッチ テンプレート

オンラインスケッチ テンプレート
有望なアイデアを本格的に進める前に、その機能や目標適合度を高い視点から確認しましょう。それがスケッチの役割です。このテンプレートは、モバイルアプリやウェブページのスケッチ、ロゴのデザイン、イベントの計画に役立つリモートコラボレーションツールを提供します。そして、スケッチをチームと簡単に共有し、段階ごとに保存して変更を加えながら発展させることができます。
アプリワイヤーフレーム テンプレート
アプリワイヤーフレーム テンプレート
アプリの構築を始める準備はできていますか?機能やユーザとのインタラクションを想像するだけではなく、ワイヤーフレームに示してもらいましょう。ワイヤーフレーム作成は、各画面の基本的なレイアウトを作成するための手法です。理想的にはプロセスの初期段階でワイヤーフレームを作成することで、各画面が何を達成するのかを理解し、重要な利害関係者の賛同を得ることができます。これはデザインやコンテンツを追加する前に行うため、時間と費用の節約になります。また、ユーザーの旅という観点から考えることによって、より説得力があり成功する体験を提供できるでしょう。