https://uxmovement.com/navigation/secrets-to-high-engagement-on-hamburger-menus/
ハンバーガーメニューのエンゲージメントを高める方法を解説した記事です。
以下に概要をまとめました。
ハンバーガーメニューに「メニュー」とラベルをつけてもそれほど効果はない
ユーザーが求めているものと「メニュー」という言葉は一致しないから
メニュー内の項目をカテゴリーにグループ化して、カテゴリへのリンクをメニューバーに配置する
そのカテゴリへのリンクをクリックするとハンバーガーメニューが開くようにする
モバイル画面の場合はカテゴリへのリンクをメニューバーの下の段に配置する
図1 ハンバーガーメニューのエンゲージメントを高める方法
https://blog.plantapp.io/post/successful-design-handoff
デザインのハンドオフ(デザイナーから開発者への受け渡し)のガイドです。
プロセスごとのヒントと使用ツールについて解説しています。
モックアップとレイヤー
コンポーネントとアセット
プロトタイプとインタラクション
文章と文脈
空の状態と限界ギリギリの状態
図2 デザイナーから開発者への受け渡しのガイド