はじめに
わたしがGoogle UX Design Crtificateで得られた素晴らしい体験を、特に重要だと思われるポイントを小さく分割して、わかりやすく簡潔に紹介していきます。
興味があれば、ぜひ Google UX Design Certificateを受講してみてください。
これまでの振り返り
デジタルワイヤーフレームに移行する前に
紙の上でワイヤーフレームを描くのは迅速かつ安価ですが、デジタルワイヤーフレームに移行すると、少し厄介なことが起こります。
そのため、デジタルワイヤーフレームに移行する準備ができたかどうかを判断するために、いくつかの質問を自分に投げかけるとよいでしょう。
紙のワイヤーフレームは完成しているか？
完成とは、ワイヤーフレームで使用したい構造のアイデアがあることを意味します。
ワイヤーフレームに対するフィードバックを受け取ったか？
願わくば、この時点までに、ワイヤーフレームに対する同僚や上司からのフィードバックを受け取っていて欲しいものです。
基本的な視覚的手がかりを考慮する準備ができているか？
色や画像はもっと後にならないと出てきませんが、デザインプロセスのこの時点では、ワイヤーフレームに含めるテキストの種類を変えることができます。
これらの3つの質問に「はい」と答えられるなら、紙のワイヤーフレームからデジタルワイヤーフレームに移行する準備はできていると思われます。
デジタルワイヤーフレームに移行する際の留意点
1
まず、重要なテキストには、プレースホルダーのテキストばかりでなく、実際のコンテンツを使用します。
- 例えば、犬の散歩アプリの場合、犬の散歩仲間のリストの上に「お近くの犬の散歩仲間募集中」と書いて、それを明示します。
- また、ボトムバーでは、アイコンの下に実際のテキストラベルを記載して、それぞれのアイコンが何をするものなのかを明確にします。
- しかし、本文の大きな塊には、Lorem ipsumのようなプレースホルダーテキストを使用します。
2
ワイヤーフレームに色や画像などの表現力を加えることを、今のところ控えるべきだということです。ワイヤーフレームは、あくまでも機能性に重点を置くべきです。プロトタイプの制作に入るまで、表現力豊かなビジュアルを追加するのは待ってください。
なぜ、デジタルワイヤーフレームに移行する？
デジタルワイヤーフレームでは、より細部にまで注意を払うことができます。
紙のワイヤーフレームのゴールは、あなたのアイデアをすべて紙に書き出すことでした。そして、それは乱雑であっても構わないのです。しかし、デジタルワイヤーフレームでは、構造を正しく理解することが重要です。つまり、デザインをよりすっきりさせるということです。
また、デジタルワイヤーフレームは、紙のワイヤーフレームよりも共有しやすくなっています。デジタルデザインへのリンクを共有することは、コピーして関係者に郵送するよりもずっと簡単です。