UIでアイコンを使用するためのチェックリスト
アイコンは、GUIで最も頻繁に使用される要素の１つです。 どの様な要素があれば、よいアイコンなのでしょうか？ この記事ではあなたが使うアイコンがユーザーにとって機能するものとなるための簡単なチェックリストを紹介していき…
UI・UXのイロハ
188件活用事例からみるマウスインタラクション
マイクロインタラクションは2017年のもっとも大きなトレンドの一つとして、ビットコインと同様に話題になりました。デベロッパー達は進んでユーザー体験をよりよいものにしようとし、熱意を持ってこの仕事に当たりました。私たちは少…
ユーザーストーリーを深めるコンテキスト設計とは
Bugatti Veyronという車（上図）は信じられないほど速く走る車です。まるでボンネットの下に1000頭以上の怒れる馬がいるかのように、時速60マイルまで2.5秒もかからずに加速します。直線であれば、時速254マイ…
デザインプロセスを改善するためのフェーズ別ヒント
プロダクトチームが新しいプロジェクトを始めるたびに、圧倒的な長さのタスクリストが作成されます。 強固なデザインプロセスによって、明確な道筋やしっかりとした構造をつくり、プロジェクトの効率もよくなります。チームはまず課題を…
「UX」という用語が乱用されている現状にどう対処すべきか？
数週間前、私は入社して３ヶ月しか経っていないフィンテックのスタートアップから解雇されました。ご想像の通り、この出来事は少しばかりショックでした。私はリーダーとして招かれて新しいUXチームを立ち上げていたのですが、背後に投…
UIデザインにおける赤色と緑色の使い方
色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という２つの色に注目したいと思います。 赤色と緑色はどちらも実用的…
独創的なページネーションのコードスニペット８選
ページネーションはデザインの中での必需性が低く、見過ごされることが多いもののひとつです。しかしブログやコンテンツの多いサイトでは、ページネーションはナビゲーションにおいて重要な意味を持ちます。サイトのページネーションが上…
シンプルなデザインを実現するための４つの方法
シンプルにデザインする方法を学び、なぜデザインが過度に複雑になってしまうのかを知りましょう。もっとも成功した企業が作り出し、広く使われているプロダクトの多くは明らかにシンプルなものです。 また、シンプルさは一部の企業が競…
思わず目を引くポートフォリオサイト制作のコツ
私たちWebデザイナーは、クライアントが競争力のあるコンテンツ戦略を作り上げるために大いに貢献しています。しかし、私たち自身のWebサイトはどうなのかと言うと、それはまた別の問題です。 私たちはクライアントを手助けするの…
インタラクションデザインにおける５つの基本原則
多くの会社はWebで強力なプレゼンスが必要な理由を理解しているものの、しばしばユーザーをそのプロセスから放置しています。競争が激しいデジタル世界において、企業はシームレスなユーザー体験を保証するためにできる限りの努力をし…
共感を生み出すストーリーテリングのための７つの要素
「ストーリーテリング（Storytelling）」はUXデザインとデザイン思考のプロセスの中で大きな役割を担います。 ストーリーテリングはユーザーの物語を説得力のある形で具現化し、それによって私たちデザイナーは彼らのモチ…
モバイルにおけるステップインジケーターはどうあるべきか
フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。 画面上のスペー…
良質なデザインのための10の原則＆10のチェックリスト
あなたはどんなタイプのデザイナーでしょうか？ デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？ または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？ あなたが安心す…
フィンテックのUXデザインから学べる３つのこと
UXデザイナーに好きな仕事のランク付けを頼んだら、「金融サービスプラットフォーム」はおそらくトップ５には入らないでしょう。もしかするとトップ20、いや、トップ50にも入らないかもしれません。 フィンテックのプラットフォー…
サイトの問題点を浮き彫りにする「UX監査」のガイドライン
たとえばあなたがECサイトを運営していると考えてください。訪問者が検索エンジン経由でサイトを見つけてWebサイトを閲覧していることはわかっています。訪問者は購買手続きを始めました。ところが途中で手続きを止めてしまいコンバ…
住所入力フォームにテキストエリアを使うべき理由
Webフォームで住所を記入する際に戸惑ってしまうことはありませんか？ ある調査によると、30％のユーザーが「住所欄２」に入ったときに困惑して立ち止まることが分かりました。 そればかりでなく、この「住所欄２」は「住所欄１」…
スライダーを使いやすくする４つのクリエイティブな工夫
スライダーは昔から身のまわりにあり、任意の値や範囲を選ぶためのUIとしては事実上最もスタンダードなものとなっています。選べる範囲をユーザーがすぐに把握できるので便利です。 本記事では、UI要素として馴染み深いスライダーの…
ユーザーを飽きさせないためのローディングアニメーションの10選
システムのステータスを視覚化することは、UIデザインの指針の中でも最も重要なものの１つです。 良いインタラクションデザインはフィードバックを与える アプリやWebサイトから即座に反応があれば１番良いですが、読み込みが遅い…
プッシュ通知でよくある５つの間違いと７つの対処法
Webサイトやモバイルアプリのプッシュ通知は、コンバージョン率を改善し、リアルタイムにユーザーを惹きつけて成果を得るために、もっとも効率的で便利なツールの１つです。 さらに、パーソナライズされたプッシュ通知であれば、どん…
リリース前に合意を得るためのフォーマルデザインレビュー
ソフトウェア企業のUXデザイナーのように、私たちもたくさんのデザインレビューを実施します。製品開発を成功させるためには、デザインプロセスの全工程でデザインレビューとフィードバックをすることが決定的に重要です。中でもデザイ…
