タグ: UIデザインの記事

[caption id="attachment_58380" align="aligncenter" width="640"] クレジット：Tubik[/caption] 画面上部から下部に「Pull-to-Refresh（引っ張って更新）」（または「Swipe-to-Refresh（スワイプで更新）」とも言う）することにより、ユーザーはタッチの操作だけで、より多くのデータを閲覧できるようになりま……

Webサイトやアプリは、もはや現代人の生活に不可欠です。Webサイトやアプリにおける「UIデザイン」は極めて重要で、玉石混交の「UI原則」や「UIテクニック」が数多く公開されています。しかし、UIデザインに関する膨大な情報を得ても、いざ自分のWebサイトやアプリ開発となると、「良いUIデザインは結局どうすれば作れるの？」と迷うことも多いのではないでしょうか。

本記事では、UIデザインとは何か、優れたUIデザインの原則・設計方法、成功事例などをわかりやすくご紹介します。無料でダウンロード可能なUIデザインに関する資料もご用意しておりますので、ぜひご活用ください。

【無料ダウンロード】UI改善の基礎

4つのデザイン構成要素を操り、優先順位をつけるための「レイアウト / 配置」「形」「色」「動き」について図付きで解説します（全45ページ）。ぜひUIの改善にご活用ください。

UI改善の基礎を見てみる＞＞

UXという言葉が騒がれるようになる前にも、UXデザインらしきものは確かに様々な形態で存在していました。この寄稿記事では、株式会社キトヒトデザインでユーザビリティ、UI/UXデザインなどを手がけている萩本さんがご自身で体験したデザインのお話を不定期更新でお届けしています。今回は第３回目です。シリーズ全編はこちら 大学で本格的に工業デザインを学び始めると、次々と新しい概念に触れることになります。今回は……

カルーセルは様々なWebサイトで使われています。特にECサイトでは非常に人気があり、そのほとんどが、PCサイトのトップにカルーセルを使っています。 [caption id="attachment_54122" align="aligncenter" width="800"] Walmartのトップページ[/caption] しかし、サイトのカルーセルは果たしてユーザーの役に立つものなのでしょうか？……

下の図のフォークを見て、それがサラダ用なのか、メイン用なのか見分けるのは簡単ではありません。形状も用途も同じものだからです。両方とも食べ物を突き刺すための、尖った部分をもつ道具ですが、それぞれコースの異なる料理用にデザインされています。 用途は同じでも異なる目的に設計されている Webデザインの世界でも、スイッチとチェックボックスを扱う際に、フォークと同様の混乱が起こります。どちらを使用するべき……

グリッドビューはEC系のアプリでよく使われる手法ですが、これには何か理由があるのでしょうか？　シンプルなリストビューよりグリッドビューの方が成果が上がるのは、どのような場合でしょうか？　この記事では、グリッドビューについて細かく見ていきつつ、双方の問いに対しての答えも探っていきたいと思います。 グリッドビューとは グリッドビューとは、標準のリストビューに代わる、コンテンツの表示手法です。グリッドビ……

ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクシ……