ソリッドとアウトライン、認識しやすいアイコンはどちら？ | UX MILK

2020/03/02 15 users ソリッド モバイルアプリ UX MILK アイコン ライター

UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適な... 続きを読む

トグルスイッチの誤用をやめよう | UX MILK

2019/11/20 324 users トグルスイッチ Anthony トグル 誤用 ユーザ

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状... 続きを読む

ユーザーが見落とすことがない入力フィールドを作るには | UX MILK

2019/10/16 55 users UX MILK 入力フィールド ユーザー ベストプラクティス

UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールド... 続きを読む

トグルボタンが混乱を招く理由 | UX MILK

2019/09/05 39 users トグルボタン Anthony ユーザ 混乱 UX MILK

AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 すべてのボタンがアクションを実行するわけではありません。たとえばトグルボタンなどは、アプリの状態を変えるために使われます。１つのコントロールで複数の機能をもつので、UIのスペースを節約すること... 続きを読む

インラインバリデーションがフォーム入力の妨げになるケース | UX MILK

2019/05/20 44 users UX MILK ケース フォーム入力 フィールド ライター

UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 フォーム入力におけるインラインバリデーションはユーザーの入力完了を妨げている恐れがあります。 インラインバリデーションは問題のあるフィールドのインラ... 続きを読む

ユーザーがアイコンを誤タップするのを防ぐためには | UX MILK

2019/05/08 53 users UX MILK アイコン ユーザー Anthony ライター

AnthonyはUX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 これまでにモバイルアプリをデザインしたことがある人なら、アイコンボタンがどれだけ便利で普及しているかはお分かりかと思います。しかし、それらが近すぎる位置に配置された... 続きを読む

モーダルウィンドウはコンバージョン率が高いという幻想 | UX MILK

2018/10/31 11 users モーダルウインドウ コンバージョン率 UX MILK 幻想

この記事はUX Movementからの翻訳転載です。配信元または著者の許可を得て配信しています。 The Conversion Rate Illusion of Modal Newsletter Forms (2017-01-10) これまでにモーダルウィンドウのメルマガ登録フォームを見たことがありますか？　世の多数のサイトで使われているので、おそらくあるでしょう。多くのサ... 続きを読む

見出しを最後まで読まないユーザーのためのアイブロウヘッドライン | UX MILK

2018/10/22 83 users 見出し UX MILK 文言 アイトラッキング調査 ユーザー

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 ユーザーがオンラインで読むことを想定して、文言を書いていますか？ アイトラッキング調査によると、多くのユーザーはオンライン記事の見出しを数単語だけ読み、最後までは読まないそう... 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 599 users UX MILK 著者 エラーメッセージ フォーム ユーザー

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む

文字や背景にピュアブラックを使ってはいけない理由 | UX MILK

2018/08/20 722 users デザイ UX MILK 統計 眼精疲労 成人

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイ... 続きを読む

UIのデザインはちょっとしたことで印象が大きく変わる、背景に適した色の選び方 | コリス

2018/05/29 79 users 彩度 明度 コリス テクニック スマホアプリ

背景の色に悩んだり、なんとなく決めてしまうことはありませんか？ Webサイトやスマホアプリの背景に適した色の選び方、明度と彩度を最適化するデザインのテクニックを紹介します。 Why You Shouldn’t Use Bright, Saturated Colors for Backgrounds 下記は UX Movement の記事を意訳したものです。UX Movementでは他にもUXデザイ... 続きを読む

メールアドレスの確認フィールドをなくすべき理由 | UX MILK

2018/03/27 567 users UX MILK 理由 メールアドレス メールア ユーザ

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールア... 続きを読む

ゴーストボタンを使う際の注意点と使いどき | UX MILK

2018/02/06 45 users UX MILK ゴーストボタン ユーザ ミニマリスト 著者

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 ゴーストボタンとは、外枠があるけれど中が透明なボタンのことです。Web上で人気のトレンドですが、多くのデザイナーが間違って使用しています。 クリック率が下がる ゴーストボタンはミニマリストな今どきの見た目と感覚を演出し、デザイナーの間で人気です。騒々しく威圧的な印象を、ユーザーに対して与えません... 続きを読む

ナビゲーションバーのボタンのデザインで犯しやすい５つの間違い | UX MILK

2018/01/22 53 users ナビゲーションバー ユーザ UX MILK 著者 要素

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 ナビゲーションバーは、サイトでもっとも大切な要素の１つです。ユーザーは必要なコンテンツを探し出すとき、ナビゲーションバーを頼ります。ナビゲーションバーのボタンを正しくデザインしなければ、ユーザーに無駄な作業をさせてしまうかもしれません。 間違ったデザインだと、ユーザーがナビゲーションフローのどこ... 続きを読む

モーダルウィンドウはやめて！モバイルで最適なUIとは？ | UX MILK

2015/07/28 57 users モーダルウインドウ フラストレーション モバイルサイト 翻訳

この記事はUX Movementの許可を得て翻訳転載しています。 翻訳元記事：UX Movement - Why You Should Avoid Using Modal Windows on Mobile (2015-01-27) モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示... 続きを読む

フォントはウェイトを使いこなすと更に面白くなる！ウェイトが軽いフォントの効果的な使い方 | コリス

2014/05/28 106 users コリス ウエイト フォント 印象 ユーザー

ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記は各ポイントを意訳し... 続きを読む