同じアプリのハンバーガーメニューと下部タブメニュー
こんにちは、このスレッドを投稿するのに不適切な場所かどうかをお知らせください。
私たちが取り組んでいる音楽Webアプリプロジェクトのオーナー/プロジェクトマネージャーとの激しい議論がありました。 UI/UXデザイナーであり、チームの2人のフロントエンド開発者の1人である私は、デスクトップとモバイルの両方のユーザーインターフェイスを設計するために必要なすべてのことをスケッチし、描画し、実行しました。従うべきWebデザインの原則と実践に従っています（5か月前、チーム全体によって検証されました）。
今日、開発者の作業をフォローアップしているときに問題が発生しました。チームの私の同僚の開発者が彼に送信したコードの最初の部分を変更し、UIを次のように変更したことに気付きました。ページの左上にあるハンバーガーメニューとそのようにコード化しましたが、他の開発者は5つのアイコンを含むページに下のタブメニューを追加しました。 （ウェブサイト全体のメニューには正確に7つのカテゴリがあることに注意してください）
ご覧のとおり、このページには2つのメニューがあります。これを問題および回避すべき問題として指摘すると、チーム全体が私に同意せず、実際に解決策に満足しています。プロジェクトマネージャーは私にそのように知らせます..下部のタブに5つのカテゴリを、ハンバーガーメニューに他の2つのカテゴリを設定できます。これは私にはまったく意味がありませんが、間違いであり、ユーザーエクスペリエンスが非常に悪いようです。もちろん私が表現した感じですが、誰もが私に反対しているようで、プロジェクトマネージャーは、彼が上司であることを私に文字通り知らせて、それを行うことが良いウェブデザインの実践ではない理由を彼に示すことを拒否しました。決定します。もちろん、私はこれに対して支払われていないので、うまくいきませんでした（ちなみに、ホームページの4つのカテゴリ、下部のメニューにもリストされている4つのカテゴリへの「クイックアクセス」もあります）。
これが私の質問です。これは悪いデザインであり、ユーザーエクスペリエンスも悪いと私は思いますか？いいえの場合、どうすれば彼らが間違った方向に向かっていることを知らせることができますか。 「はい」の場合、どうしてウェブサイトがまだそれをやっていないのですか、なぜそんなに悪いデザインのプラクティスのように思われるのですか。
助けてください。これを間違った場所に投稿した場合は、事前に謝罪します。
ハンバーガー対メニュー/アイコン
メニューが勝ちます！ ハンバーガーは悪いUXを作り出す だからです。多くの人々はそれをよく理解していないことが研究によって示されています：
15人のユーザーでハンバーガーをテストしました。 3はそれを手に入れましたが、それは「アップル」のことだと思いました。 http://www.exquisitetweets.com/collection/lukew/2919
ラベル付きのメニューまたはアイコンは、誰にとっても最高の仕事をします。 Facebookモバイルアプリと同じように。
いくつかのメニューを前もって表示し、他のハンバーガーを押し込みますか？
主に使用されるメニューを前もって表示し、破壊的なものを非表示にするなど、それらは正しいと思います。ログアウト-ユーザーにアプリの使用を中止/停止させたくない。
複数のアクセスポイント？
これは良いUXではありません。実際、混乱を招きます。ユーザーはアプリの使用中に特定のメンタルモデルを形成し、多くのオプションが表示されると混乱します。
この投稿 here は、ハンバーガーメニューについてさらに深い洞察を提供します。
ソフトウェア開発の実際の世界へようこそ。
設計は1人の責任ではなく、開発チームに設計を任せます。設計はチーム全体が関与するコラボレーションである必要があり、結果としてはるかに強力なソリューションが得られ、あなたとの摩擦の一部がスムーズになります。チーム。
たとえば、彼らがデザインに貢献していると考える場合、彼らはより協力的になります。さらに、彼らはソリューションが戸外に出て速くなる可能性があることを意味する提案をするかもしれません、または彼らはあなたの創造的な思考を刺激してあなたに再設計を導き、わずかに異なるがはるかに優れたソリューションをもたらす提案をするかもしれません。
また、デザイナーとして、いくつかの妥協が必要な場合があります。優れたデザインを構築するには、12か月かかりすぎる場合があります。
開発中のものに目を光らせるのは間違いなく正しいことですが、UXデザイナーであることの大部分は、同僚と仲良くなるようなソフトスキルであることを忘れないでください。
他の人がここで言ったように-コア機能の下部メニュー、いくつかのメニューの下に他のマイナーな機能を入れます。データが設計の方向性をバックアップして、正しいか間違っているかを証明します。ソリューションがドアから出てもデザインは終わりません。
4番目のメニューを追加する時が来ました！ -冗談だよ
上手...
設計の原則として、同じものに2つの異なるアクセスポイントを配置するのは本当に悪いことです。あなたの場合、誰かがナビゲートできる3つの場所があり、ハンバーガーにはいくつかの追加のナビゲーション要素しかありません！また、ハンバーガーは左上にありますが、親指が上に届きにくいため、UXにとっては非常に悪い位置です。
私が提案し、多くのモバイルアプリで確認できる最善の解決策は、下部のアイコン/ Wordメニューです。使用頻度の高い4つのアイコンと3つのポイント-省略記号-アイコンを表示して、他の3.期間に移動します。すべてのナビゲーションを適切な説明と到達可能な場所に集め、ユーザーは満足しています。
それの私の2セント:)