再:ディスカッションページ2.0モックアップオリジナルのメッセージと初期のデザインへの私の反応を追加する:
2019年6月28日午前11時44分、Ryan Gilmore < Ryan.Gilmore@jmp.com >書いた:
最初の考え
- 目的の明確さがとても好きです。
- 項目がタブであることは私には明白ではありませんでした。私はあなたの答えを探すのサイズが不適切だと思った。
- 広告のサイズを小さくし、広告内のボタンを強調しないようにします。目的と内容の明確さにより焦点を当てます。
- 複数のメニュー項目を表示するか、それをハンバーグに変更する必要があると思います。
- 私は検索についてどう思うかわからない。私が役立つと思うのは、「コミュニティを検索する」のように、フィールド内にテキストを含めることです。
全体的に、良いスタートです。デザインをありがとう。
少なくとも2つ以上のデザインをお願いします。少なくとも1つのデザインについては、開発の観点からどれだけ早くそれができるかについて心配しないでください。
あなたが特別な挑戦を必要とするならば、彼/彼女がタブを選んだ後にユーザーの旅の次のステップのためにあなたの考えのモックアップを作成しなさい。
私はこれを仮定します COM-188 ?
ありがとう。
から: イアン・クラインフェルト< Ian.Kleinfeld@jmp.com >
日付: 2019年6月28日金曜日の10:55 AM
に: ライアン・ギルモア< Ryan.Gilmore@jmp.com >、ジェフパーキンソン< jperk@mac.com >
件名: 初期ディスカッション2のモックアップを確認する
レビューと議論のための最初のラフドラフト。合理的に素早く実行できる単純な再設計。
https://xd.adobe.com/view/23f6a53b-1fb6-4c82-6376-36465525eec0-55c7/
含む
- 小さい広告
- 目的を明確にするための大きなボタン/タブ
- トップメニューと検索バーを修正しました。
_______________________
イアン・クラインフェルト
再:ディスカッションページ2.0モックアップ私はこれの外観が好きです、 @IanAtJMP !トップナビゲーションが折りたたまれて検索バー、サインイン、メニューが表示されたままになってしまいます。私はそれが好きです。再:ディスカッションページ2.0モックアップありがとう、 @IanAtJMP 。
何を達成しようとしていたのか、そしてそれらの項目にどのような要素が対処されているのかについて、コメントをお願いします。それは思考過程を理解するのに役立ちます。
ありがとうございます。
ディスカッションページ2.0モックアップ概要
この再設計の主な変更点は3つあります。
- メインセクションのボタンタブ
- Nav Barセクション
- メニューが折りたたみメニューに変更されました
- 検索バーがメニューに移動されました(これは、ページがどこにスクロールされても持続するためです)。
- ページスクロール時にも表示される[サインイン/参加]ボタン([サインインテキストのみ]ではなく)
- 小規模コミュニティプロモーション
このモックアップにより、ディスカッションページを3種類のユーザーにとってナビゲートしやすくすることを目指しています。
- 匿名ユーザー
- コミュニティメンバー
- スーパーユーザー
画像の下のさらなる説明と分析。

メインセクション
このデザインのこのメイン(中央)セクション主なアクションとして、大きくて明るい色のタブのようなオブジェクト(TLO)を使うと、アクションの経路がより明確になります。
- あなたの答えを見つける
- 質問する
- 他人を助け、
- サインインまたは参加すると、ユーザーのミニプロファイルの統計情報に変わります(モックアップでは表示されませんでしたが、次のようになります。

匿名ユーザー特定の質問に対する答えを探している可能性が最も高いのです。デフォルトとしてそのタブに着陸することによって、私たちはコミュニティに参加したい人々に最も有用な情報を提供します。さらに、サインインまたは結合タブ/ボタンを大きく明確にし、「あなたの顔の中」にして結合を促します。コミュニティメンバーコミュニティに参加するために参加するためにサインインしていないユーザー、および追跡データを提供するユーザー。
コミュニティメンバー (匿名ユーザーとは異なり)質問に答えたり、質問に答えて他の人を助けることができます。
スーパーユーザー時折可能な質問がある間、他の人の質問に答えるのを助けるためにそこに最もありそうです。
ナビゲーションバー
ナビゲーションバーは、ページスクロールの一番上に固定されるようにすでに変更されています。これは、持続的な検索フォームだけでなく、サインインと参加を促進する絶好の機会を提供します。これらの両方を達成するために、水平メニューをより標準的なパンケーキメニューに変更して垂直リストを提供する必要があります。
コミュニティプロモーション広告
広告が小さくなったため、ページにアクセスしてきたユーザーが特定の操作(広告をクリックすることはほとんどありません)、つまり[回答を探す]、[質問する]、または[他の人に役立つ]を気にする必要がなくなります。これらを小さくすると、目的のアクションがより明確になり、余分な(ただし便利な)情報が邪魔にならずに利用できるようになるため、ユーザーのワークフローが向上します。
デザインパターン再:ディスカッションページ2.0モックアップ説明と分析を加えて本稿を編集しました。
再:ディスカッションページ2.0モックアップ最初のデザインの修正、右上のJOINとSIGN INリンクをボタンとテキストに分割。明るいオレンジ色のJOIN / SIGN INブロックは、サインインまたは参加の重要性を視覚的に補強します。

Kristenからのフィードバックを受けて、JOIN / SIGN INブロックを左に移動して、ユーザーに最初に表示されるようにしました。

サインインした後、ユーザーはJOIN / SIGN INブロックの代わりに彼らの基本的な統計を見るでしょう。このオプションは、JOIN / SIGN INブロックを直接置き換えて、左側に表示します。

そしてこれは、それが最も適切でないことを示しています(私の好みです)。

対照的に、これは通常のタブとしてのbuttontabです。これは以前のモックアップほど見栄えがよくないと思います。
