viewを変更するのにわずか5分。

マイクロ障害：優れたユーザーエクスペリエンスを作成するウェブ上の小さな詳細

2025年6月13日

長い間、読みたいですか？

ウェブ上のボタンをクリックしたことがありますか...静かですか？それは問題です！

このように感じたことはありますか？ボタンを押します。「確認確認」ウェブサイトで最も重要です。しかし、一度押されると...すべてが「完全に静か」です。何も起こりませんでした。画面は移動しません。通知メッセージあなたの心はめまいを始めます。「ええ...私はもうそれを押しましたか？」「お金は複製されますか？」またはフォームに記入するとき。誤って少し間違っていることは、再び気づきにくいチャネルが、情報が完全になくなったことを示唆していません！これらの欲求不満、混乱、不確実性の感情。ユーザーが「死んでいる」または「活気に満ちていない」と感じているウェブサイトで毎日実際に遭遇する問題であり、あなたの良い顧客が戻って静かに立ち去る重要な要素です

‍

なぜほとんどのWebサイトが「主にない」もので、コミュニケーションができないのですか

ほとんどのWebの人々（デザイナーとプログラマーの両方）が「大きな画像」に焦点を当てる傾向があるため、この問題は発生します。たとえば、Webページ構造は美しくなければならず、主な機能が機能する必要があり、ブランドの色は正しい必要があります。それらはすべて非常に重要ですが、途中で「小さな詳細」を見落とす傾向があります。彼らは、データをロードするときに押したり小さなアニメーションを使用したりするときに色が変更されたときにボタンを変更したり、時間を無駄にする必要のない「装飾」であると考えています。しかし、実際には、これらの詳細は単なる美しいものではありません。ユーザーに直接使用するのは、ウェブサイトの「ボディーランゲージ」です。「静かな」ウェブサイトは、私たちがそれに応じてうなずき、アイコンタクトをしないか、反応せずに話さない人と話すようなものです。最後に、彼が私たちの話を聞いているかどうかはわかりません。そして、それが多くのウェブサイトが魅力に欠け、知らないうちに厄介な体験を生み出す理由です

‍

「静かな」ウェブサイトを続ける=顧客が毎日「逃げる」ことをしましょう

「コミュニケーションができない」ウェブサイトを持っていることは、あなたが思っているよりも深刻です。それは単なる美しさの問題ではありません。しかし、あなたのビジネスに直接影響を与えます：

信頼性が低下します。 HABB：フィードバックがないウェブサイトは、顧客が不安で安全でないと感じさせます。特に、金融取引をしなければならないとき、彼らはこのウェブサイトが「プロモーションを見せない」と感じ、詐欺のウェブサイトであると感じるでしょう。
コンバージョン率の低下：ユーザーが自分のアクションが成功しているかどうかわからない場合（車への追加を押すなど）、顧客が非常に高く消えるようになるUX、ほとんど買い物をしていてもウェブサイトを離れます
ユーザーはイライラしており、再び戻ってくることを望んでいません。悪い経験は常に心に埋もれます。あなたのウェブサイトが使用が困難であり、混乱を招く場合、再び使用するために戻ってくる理由はありません。より良い経験を提供する競合他社がいるとき
破損したブランドイメージ：ウェブサイトはあなたの会社の顔です。それが小さな詳細に注意を払っていないように見える場合、それはあなたのブランドも同様にそうであるかもしれないことを反映しています。これは権威を破壊し、容易に自信を蓄積します。

‍

解決策は「マイクロインターネーション」です。ウェブサイトを埋める秘密兵器。

このすべてのソリューションは、 「マイクロインターネーション」（微小絡み）。最も簡単に言えば、 「ユーザーがWebサイトで何かをしたときに発生する小さな詳細または反応は、ユーザーに「あなたが何をしているのかをすでに知っている」ことを知らせます。「これが結果です。」これは、かつては賢い会話パートナーに「静かに」していたウェブサイトでした。

Nielsen Norman Groupのような専門家の受け入れられている原則によれば 4つの主要な部分で構成されるマイクロインターネーションの利益の構成は次のとおりです。

1。トリガー（刺激装置）：ボタンをクリックしたり、スクロールバーをスクロールしたり、画面を引いて更新するなど、インタラクションを開始するユーザーのアクションですか
2。ルール（ルール）：トリガーが発生しているとき、「次に何が起こるか」、「いいね」ボタンを押すなど、数字が1を追加し、アイコンが青に変更されることを決定しました。
3。フィードバック（応答）：ユーザーが「see」、「heard」、または "feel"、「feel」は、アニメーションアイコンを見るなど、ルールが機能していること、アニメーションが出て、「ティング」を柔らかく聞いたり、少し揺れたりするものです。
4。Loopps＆Modes（条件とループ）： 「いいね」ボタンなど、インタラクティブが時間とともに変更されるか、繰り返し使用されるという追加のルールです。または、再び押すことが異なる場合

最良の始まりは、ウェブサイトで最も重要なポイントを探すことです。またはさまざまな形式で、「寿命」またはこれらの小さなフィードバックの追加を開始します。デザインの背後にある心理学を理解することは、より強力なマイクロ脱作を作成するのに役立ちます

‍

本物からの例：退屈な形が感動するツールになるとき

大きな問題に遭遇したB2Bソフトウェア会社の例を挙げたいと思います。顧客は「引用をリクエストする」というページにたくさん来ますが、フォームにはほとんど記入しません。チームは検査に行き、彼らのフォームが長く退屈であることを発見しました。どこで記入するかは何も言わなかった。または、どのチャネルが間違っていますか

何をすべきか：彼らはこのフォームもオーバーホールすることにしました。マイクロ脱作

する前：それは長い形です。 1つのページの10以上のチャネルは、落胆しているように見えます。
やった後：彼らはマルチステップフォームに変更され、プログレスバー（フィードバック）で3つの短いステップに分割され、ユーザーがほぼ終了していることを知ることができます。正しい情報を入力するたびに、小さな緑のマーク少し振動して赤い縁を持つことはありません。メッセージ（フィードバック）をクリアし、最後のステップに記入すると、「データ」ボタンがロケットに空に変わります。「ベスト！チームは24時間以内に連絡するように急ぐ」というメッセージで。

結果：調整してください。これらのマイクロ脱作、フォーム完了率、最大60％の増加、そして「これはこれまでで最高のフォームに記入した経験である」という顧客から賞賛を受けました。、UX/UIが良く、詳細を気にかけているという明確な例ですウェブを良い顧客に任せようとしている人はどうすればいいのでしょうか？

‍

あなたは何をしたいですか？あなたのウェブサイトの簡単なチェックリスト。

ここを読んでくださいあなたはおそらくあなたのウェブサイトを改善し始めたいですよね？この簡単なチェックリストを使用してすぐに起動してみてください。

重要なインタラクションポイントを探索：顧客としてウェブサイトを探索するために歩いてください。次に、ユーザーがカートへの追加ボタン、ログインボタン、検索ボックス、フォームの式、ロードページなど、何かを「実行」する必要がある場所をリストします。
「クリック」の意味を作成します：さまざまなボタンの場合、ホバー効果（マウスをポイントにするときに色または少しサイズを変更する）を追加し、アクティブ状態（色を変更するか、押しているときに少し崩壊します）を作成して、ユーザーに「このボタンを押すことができる」と「私はそれを押すことができる」ことを知らせます。
フォームに記入するときにフィードバックを提供します。緑のマークを安く塗りつぶすときに緑色のマークにリアルタイムのデータ検証を追加し、間違った方法で塗りつぶしたときにアドバイスを追加して、ユーザーが「送信」を押してから間違っていると言うのを待たないでください。
退屈な読み込みページを変更するには、ユーザーが白い画面や腐ったアイコンを見つめる代わりに、スケルトン画面（ロードするウェブページのアウトライン）またはブランドに関連するアニメーションに変更してみてください。待機感を減らすため
少し幸せを作成する（楽しい詳細）：たとえば、ユーザーがニュースを受け取るために申請する場合、かわいいアニメーションがある場合、またはバスケットに製品をドラッグするとき、「Tung」ソフトがあります。これらのことは、感情的な関係を非常にうまく生み出すのに役立ちます。投資家向けのウェブサイトのような高い信頼性を必要とする企業では

このすべてを一度に行う必要はありません。重要な1-2を選択して、それを始めてください。のようなツールは、これらのものをより簡単に作成するのに役立つ相互作用ツールもあります

‍

人々が疑問に思う傾向がある質問（そして明確な答え）

Q1：アニメーションまたはマイクロインターネーションを入力します。これらのWebサイトは遅くなりますか？
A：とても良い質問です！答えは「いいえ、正しく行われた場合」です。マイクロイナクチョのほとんどは、CSSトランジション/アニメーションまたはSVGファイルを使用します。これは非常に軽く、Web速度にまったく影響しません。避けるべきは、大きなGIFファイルまたは不要なスクリプトを使用することです。ウェブスピードは常に心です。

Q2：それはただ美しいおもちゃですよね？あなたはそれをする必要がありますか？
A：いいえ！その主な機能は「コミュニケーションとフィードバック」であると説明されているように、混乱を減らすための自信を高め、ユーザーを目標に導くことはただの喜びです。、コンバージョン率と顧客ロイヤルティに直接的な影響を与える優れたユーザーエクスペリエンス（UX）を作成することです

Q3：コードを書くための根拠がまったくない場合、これらのことをすることができますか？
A：もちろん！現在、最新のWebサイト作成プラットフォーム、特にWebflowには、クリックしてコードを記述せずに驚くべき結果を作成できます。 UX/UIデザインの専門家の上に結果が必要な場合は、成功への近道です。

Q4：マイクロイラクションの追加を開始する必要があります。最初はどこにありますか？
A：「お金を稼ぐアクション」または最初にビジネスにとって最も重要なポイント、行動呼びかけ（CTA）ボタン（適用、注文、連絡先など）およびの情報始めます。

‍