2019/09/21
UI/UXの壁の中のマインドマップ
サウラヴ・パンディはSnapdealのプロダクトデザイナーです。彼は楽しさあふれる体験を創り出すことが大好きで、ピクセルやベクターを使ってそれを伝えます。彼はマインドマップがコンセプトを深めるために役立つツールであることを発見し、UI/UXプロジェクトでXMindを使用しました。この記事では、彼の洞察とXMindがプロジェクトにどのように役立つかを共有しています。
複雑な考えを明確にするのは難しいことがありますが、XMindはマインドマッピングとして知られる戦略を解き明かし、その手続きをより簡単にします。
マインドマッピング
「よく定義された問題は半分解決された問題である」
マインドマップはコンセプトを深めるために役立つツールです。マインドマッピングには強調を置くべきで、新しいアイデアの生成や異なるデータや情報間の関係を特定するのに役立ちます。
私は個人的にマインドマップを作成する際にXMindを好んでいます。
私のプロジェクトのサンプルマインドマップ
XMindは、主題を中心に関連するアイディアを分岐させることができる図を作成させてくれます。
始めるには、コアアイデアを入力し、追加の「ノード」やサブトピックを付加します。これらはそれぞれサブノードに分岐し、さらにそのまたサブノードに分岐します。大局を見失いそうになったら、これまでに作成したすべてのノードの一覧を確認するだけです。
マインドマップには言葉だけでなく、アイコンや画像を含めてそれを活気付けたり、ノードを見つけやすくすることもできます。
ブレインストーミングだけでなく、マインドマッピングは大規模プロジェクトを具体的なアクション項目に分解するのにも役立ちます。
マインドマップのABC
ツリーモデル
ほとんどのマインドマップはツリーモデルに従います。それらは中心に配置されることが多い単一のオブジェクトから始まり、その後、関連するコンセプトを表すいくつかの枝に展開します。各枝は二つ以上の枝に分岐することがありますが、決して合流することはありません。全体のマップは階層スキームであり、それぞれのオブジェクトには一つの「親」があるだけですが、複数の「子」が持てます。
XMindでデザインされた
このモデルは複雑さが低いため、迅速かつ簡単に管理できますが、ヒエラルキーの制約により意味のある表現を許さないこともあります。私たちは時折、より柔軟性が必要です。
UXデザイナーのためのマインドマップ
見ての通り、マインドマップはブレインストーミング、パターン認識、プロセスの可視化のためのツールですので、UXデザインの仕事においてマインドマップが役立つ方法は無数にあります。しかし、特に役立つと感じたのは、エンティティとそれを結ぶ方法を示している種類のマインドマップであり、それをオントロジーマップと呼びます。
オントロジーは存在に関する哲学的研究であり、それは存在に直接関連する概念や存在の基本的なカテゴリーとその関係を研究します。
オントロジーマップは開発者が使うデータベースリレーションシップ図といくつかの類似点があり、実際には同じゴールを持っています：それはシステム中の既存オブジェクト間の関係を表すことを望んでいます。それにもかかわらず、オントロジーマップはよりしばしばデザインツールであり、ドキュメンテーションツールではなく、主にプロジェクトの初期段階でそれを使い、システムがどのように機能するかを定義するのを助けます。
Jack Magma Studioによるオントロジーマップ
マインドマップの特徴
明確な組織と構造。 マインドマップはツリーストラクチャに制限されており、ツリーの根から葉へと明確かつ指向性のある流れがあります。
一つの中心トピック。 マインドマップでは、全ノード（ツリーの根以外）は一つの親ノードしか持たない。一つのノードがその概念のサブトピックに対応する子供を持つことができ、マインドマップのすべての概念は根トピックに直接遡ることができます。
関係の定義なし。 各ノード間のリレーションシップに違いはなく、ツリー上のすべての枝は同じ方法で表現され、ラベルは付いていない。
UXにおける使用
マインドマップは、単一のトピックに関連する情報を整理し、それを体系的かつ有意義に構造化するのに役立ちます。UXでは、次のようなカテゴリカルアイデーションの仕事に役立ちます：
特定のウェブページのコンポーネントを詳細に分解すること—例として、そのページのミニIAを決定するため
ウェブサイト内のテーマトピックを計画する
情報を分離してより良い方法でカバーする
XMindが提供するクールな機能
XMindの私が個人的に好きな機能、または最も助かる機能： すべてのデバイスでシームレスな体験: マインドマップはラップトップやモバイルデバイスで簡単に見つけることができ、XMindは異なるプラットフォーム間で完璧に動作します。
ダークUI: XMind: ZENは任意のデスクトッププラットフォームでダークモードをサポートします。インターフェイスは、Preferencesでライトモードとダークモードの間で切り替えることができます。
結論
マインドマップをマイクロレベルで描くのは非常に難しく、多くの場合無駄です。デザインの初期段階では、詳細に時間を無駄にせず、Lo-Fiのマップを作成する方が生産的です。
各デザイナーには、自分が最も重視するモデルがあり、彼らは利点と不利点を秤にかけてそれを選ぶでしょう。私は個人的にそのシンプルさからツリーモデルを好みます。
注：この記事はサウラヴ・パンディによってMediumで公開されています。
