モバイルアプリにおけるナビゲーションUIのデザインパターン
アプリのナビゲーションは、直感的で予測ができなければいけません。新規のユーザーや再訪問したユーザーが、アプリをどのように使ったら良いか迷わないよう、理解しやすくする必要があります。 しかし小さい画面という制限の中で、コンテンツの優先順位を考慮しながら、ナビゲーションを使いやすくすることは非常に難しいです。 この問題に、様々なナビゲーションを使って異なる方法で立ち向かっていますが、多様なユーザビリティの問題に、皆悩まされています。 そこでこの記事では、モバイルアプリの基本的なナビゲーションであるハンバーガーメニュー、タブバーとジェスチャーベースのナビゲーション（タップやフリックを使用したナビゲーション）の３つについて検証し、それぞれの長所と短所を説明します。 ハンバーガーメニュー 画面のスペースは、モバイル上の貴重な商品であり、画面の節約に役立つモバイルナビゲーションのパターンのうち、ハンバ
サイト改善には欠かせない！ヒートマップツールの価格＆機能比較まとめ
WebサイトやLPの運営では、ユーザーの動きを知ることが欠かせません。今回は、ヒートマップ分析の特徴と、おすすめの主要サービスについてご紹介します。 ヒートマップとは？ ヒートマップとは、Webサイト上でのユーザーの行動を知るための分析手法のことで、サーモグラフィのように視覚的にWebページを分析できるという特徴があります。例えば、ユーザーが閲覧もしくはクリックした部分は赤色で、そうでない部分は青色で表示されます。Webページのどの部分がユーザーの興味を集めているのかがビジュアルとして一目でわかります。 ヒートマップツールの主要機能 ・アテンションヒートマップ サイト上での滞在時間などから、ユーザーが興味を持っている部分や関心を持っているコンテンツ、読まれている文章、またスキップされてしまっている部分などを知ることができます。 ・マウスムーブヒートマップ サイト上でのマウスの動きから、ユー
失敗しがちなA/Bテストを効果的に回す10のガイドライン
AlexはWeb Profitsの戦略チーフです。コンバージョン率最適化における10年以上の経験を活かし、Web Profitsとそのクライアントらを常に業界の先端へと導いています。 A/BテストはWebサイトのコンバージョン率を改善するために最良の方法の一つですが、その成功例は案外少ないものです。毎回成功させるというのは至難の業ですが、最低4回に1回くらいは成功にこぎつけたいものです。 では、A/Bテストの成功率を改善するにはどうすればよいのでしょうか？ コンバージョン率にできるだけ大きなインパクトを与えるようなテストを、どうすれば実現できるのでしょうか。 以上を念頭に置きつつ、A/Bテストの成功率を改善する10のガイドラインをお伝えします。 1. Google Analyticsでコンバージョン率への貢献度を確認する 訪問客はどうやってあなたのサイトに辿り着いたのでしょうか。どのページ
レスポンシブだけがスマホ対応じゃない？モバイルフレンドリーなサイトとは
レスポンシブWebデザインはいまや当たり前になっていますが、レスポンシブにしたからといって、それはスマホ対応したと同意義になるわけではありません。 レスポンシブはあくまでPC・スマホ両対応にするための１手段であり、その手法は古典的なものも含め複数存在するので、場合によって使い分けていく必要があります。 モバイルフレンドリーが検索順位を決める Googleは2015年4月から、検索順位の決定要因としてモバイルフレンドリーの要素を追加しました。モバイルフレンドリーなサイトは、スマホやタブレットなどのモバイル端末でも閲覧がしやすいからです。 これはあくまでGoogle独自のチェック項目でしかないのですが、WebにおいてGoogleの存在は依然として大きく、Webサイトのスマホ対応は急務と言えます。 このモバイルフレンドリーに対応するための技術としてはレスポンシブWebデザインが有名ですが、今回は
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選
UX MILK