誰もがモバイルサイトの上の角の「ハンバーガーメニュー」を見たことがあるでしょう。その名称は、３つの線が並んでハンバーガーのような形を作っていることに由来します。ハンバーガーメニューは、スペースを取らずにサイトメニューを組み込むためのWebサイトのデザインとして生み出されました。 情報を整理して、ミニマリズムを実現し、サイトをまとまった見た目にしてくれる一方で、ハンバーガーメニューには大きな欠点があ……

最近「モバイルファースト」という言葉を聞きますか？　これは６、７年前に流行った言葉ですが、モバイルファーストという言葉は新しく生まれ変わり、一周して再び使われるようになりました。デザイントレンドは、モバイルファーストからレスポンシブWebデザインへ移り変わり、そしてまたモバイルファーストへと戻ってきました。しかし、この変遷はいかがなものでしょうか。 モバイルテクノロジーは計り知れないほどの変化を遂……

この記事ではF字型レイアウトの基本、利点、作成方法ついてわかりやすく説明します。 F字型レイアウトとその働きについて 「F字型レイアウト」はユーザーがサイトを見るときの一般的な視線の動きをあらわします。 FはFastのFでもあり、多くのユーザーはWebサイトを高速で読み流しているのです。 F字型パターンは、200人以上のユーザーが数千のWebサイトを閲覧した結果を記録したNNGroupのアイトラッ……

インタラクションデザインは、UXデザインという大きな分野の中で非常に重要な要素です。この記事では、インタラクションデザインの基本概念と凡例、またインタラクションデザイナーが普段どのような仕事をしているのかを簡単に説明していきます。 インタラクションデザインとは インタラクションデザインとは、簡潔に言うとユーザーと製品間のインタラクションに関するデザインのことです。 インタラクションデザインにおける……

デフォルトとは、初めから導入されている初期値や初期設定のことです。一見大したことないように思えますが、デフォルトはユーザーの決断を左右大きな力を持っています。 この記事では、アプリでより優れたユーザー体験を生み出すために、あらかじめ用意された入力フィールドやデフォルト設定をどのように利用するべきか述べていきます。 入力フィールドのデフォルト値 フォーム入力が長いことが原因で、ユーザーはフォーム入力……