1. Secrets to High Engagement on Hamburger Menus

https://uxmovement.com/navigation/secrets-to-high-engagement-on-hamburger-menus/

ハンバーガーメニューのエンゲージメントを高める方法を解説した記事です。

以下に概要をまとめました。

ハンバーガーメニューに「メニュー」とラベルをつけてもそれほど効果はない

ユーザーが求めているものと「メニュー」という言葉は一致しないから

メニュー内の項目をカテゴリーにグループ化して、カテゴリへのリンクをメニューバーに配置する

そのカテゴリへのリンクをクリックするとハンバーガーメニューが開くようにする

モバイル画面の場合はカテゴリへのリンクをメニューバーの下の段に配置する

図1 ハンバーガーメニューのエンゲージメントを高める方法

  1. Successful Design Handoff

https://blog.plantapp.io/post/successful-design-handoff

デザインのハンドオフ(デザイナーから開発者への受け渡し)のガイドです。

プロセスごとのヒントと使用ツールについて解説しています。

モックアップとレイヤー

コンポーネントとアセット

プロトタイプとインタラクション

文章と文脈

空の状態と限界ギリギリの状態

図2 デザイナーから開発者への受け渡しのガイド