タグ

ブックマーク / www.seleqt.net (2)

  • 【ハンバーガーメニューの次はこれが来る!】モバイルに最適なメニューデザイン7例

    今やハンバーガーメニューはスマートフォン用のデザイン要素として最もポピュラーです。しかしながら、どこでも使われるようになったために、批判も起きています。 そこで、ハンバーガーメニューの代替案として試す価値のあるデザインをいくつかご紹介します。 1.タブ タブは最もシンプルなナビゲーションパターンの一つです。コンテンツ数が5つかそれ以下の場合に有効です。 2.タブ+More 5つ以上のコンテンツがある場合は、4つのコンテンツをタブに表示し、5つ目のタブを”More”とすることもできます。よく使われる4つのコンテンツが常に見える点は、ハンバーガーメニューよりも優れていると言えるでしょう。 3.折り畳み式のナビゲーション ウィンドウの幅に合わせて変化するメニューデザインは、タブ+Moreよりも優れているナビゲーションと言えるでしょう。 4.スクロール可能なナビゲーション メニューの優先順位をつけ

    【ハンバーガーメニューの次はこれが来る!】モバイルに最適なメニューデザイン7例
    Kuichi
    Kuichi 2017/03/30
    モバイルのメニューはまだまだ模索中。画面が小さいから全部表示もできないしというジレンマはある。
  • 【Webデザインの大鉄則】全デザイナー要確認の「シンプル・デザイン」10のコツ

    Webデザインにはシンプル・イズ・ザ・ベストという原則がとてもよく当てはまることをご存知でしょうか。 デザインがシンプルな方が分かりやすく使いやすいので、閲覧者をアクティブユーザにしてくれる可能性が高いのです。 目的となるゴールを設定して、ユーザがそこにたどり着くのに差し障るものは徹底的にデザインから排除するのがベターです。 この記事ではそんなシンプル・デザインのコツを10の項目にまとめてたので参考にしてください。 1.行動のきっかけを作る ウェブサイトにはユーザに働きかける何らかの目的があり、目にしたユーザの行動に結びつくようなものでなければなりません。 ユーザにどんな行動をとってほしいのかを明確にし、目に入りやすい大きさと場所に配置してクリックしてもらいやすくしましょう。 2.合理的なページ数を そのデザイン、そこまでのページ数が必要ですか? コンテンツを読みやすいボリュームにまとめて

    【Webデザインの大鉄則】全デザイナー要確認の「シンプル・デザイン」10のコツ
  • 1