featured_tooltip

Microinteractions としてツールチップを使用する方法

From How to Use Tooltips as Microinteractions

ヒントが潜在的登録新しいユーザー任意に最高と最も効率的なアプローチアプリケーション、ソフトウェア、プログラム、またはユーザー インターフェイスです。
彼らは一般的に非常に役に立つ、彼らヤナシタがはっきり通信、控えめな、ユーザーが任意の impedi することがなく提案するツールチップを行うことができますので、メンター。
この方法で見て、平均のツールヒントは簡単にマイクロ相互作用それはユーザーを助けるよう、獲得、単一タスクまたは支援のユーザーのプロセスを操作します。
マイクロ相互作用使用のサブセットであります。
r の経験: トリガーによって開始される、何かが起こる、発生する動的なプロセスです。
ユーザーにフィードバックを提供し、次の手順をユーザーに通知します。
良いヒントがデジgned するので、控えめな、時に、あなたは彼らが決してあった誓うでしょう。
それは、indicatio です。
偉大なマイクロ相互作用の n も: がすべていない場合、あなたは本当にそれらを逃す、sudde のn タスクを達成するために。
Wha のどのツールチップで詳細見てみましょうされます。
t はツールヒントのデザインを含め、何と何を避けるために重要です。
ツールチップ ヒントの使用例あなたのサイトのやアプリの UX を後押しする存在します。
かなりそれであります。
これらのマイクロの相互作用は、t を持っています。
o は、いくつかの方法で、図形やフォームのユーザーのための生活を楽.彼らの目的は straightforward、正確かつ一貫してあなたのプラットフォームに実装するので、別の話があります。
右の呼出しをするトリッキー得ることができます。
不慣れなアイコンやボタンはあなたのユーザーがアイコンを発生した場合またはそれらに精通していないまたはそれ以外の場合分類されない、デジにそれをお勧めし、ボタンgn インタ フェースにいくつかのヒント。
アイコンまたはボタンは、身近な感じが、場合でも、まだ必要があります。
オンボードのユーザーに短い説明迅速に-と言う、ダッシュ ボード上の歯車の場合、ツールヒントを含む世界のすべての理にかなって。
ここで追加の (非必須) 情報キー: 必須ではありません。
ツールヒント、画面のユーザーに追加情報を提供します。
owser: タブの上にカーソルを合わせると、ツールヒントがすぐに表示、あなたがどこの正確なウェブページ ・ タイトル。
今、この余分な情報が、必須ではありませんが、hav って素敵です。
e 正確何ページのメモを作りたい場合は訪問しています。
情報が不可欠な場合は、tooltip です。
情報は、ユーザーのコンビニ用のインターフェイスで完全に右に含める必要があります。
体験とクイックリファレンス。
ツールヒントは同様に、すべての理想的なツールチップが quickly は、彼らが正しくない使用しているデバイスで優れた ux を実現する有害となります。
それらの使用をやり何のうんざりしているユーザーを確認する確実な方法は、それ以外の場合 y を導くの非常に有用な手段デザインするインターフェイスを通じてユーザーの皆様。
直感直感的デザインは、デザイン、インターフェイスを介してそれを作るヒントに頼って保つにユーザーを強制します。
このようなシナリオでは、最高のヒント役に立ちませんので、露骨に、何かが間違ってあなたのデザインで、あまりヒント チェックを維持するユーザーを強制を続けています。
ツールヒントが本当に必要がありますのみ使用登録ユーザーは特定のプロセスが、その初期のチュートリアル後、ユーザーはことができるはず自分自身のことを行う。
相互作用ツールヒントのコンテンツとなる必要な for ユーザー実際にツールヒント自体の内部コンテンツと対話します。
たとえば、ツールヒントコンテンツはアクション ボタンへの呼び出しを含めることが、内容は b をクリックするユーザーにプロンプトを表示ボタンをクリックします。
ログイン リンクにサインアップ ボタンからものになるかもしれない。
ただし、サブパーと見なされます彼らが消える場合、ツールチップ内などのインタラクティブな要素を含むようにデザイン時ユーザー mオベ. 次のアクションへの呼び出しにツールヒントをカーソル。
だけの方法だと思うことにイライラします。
ユーザーは、特に、ツールヒントを指示するときにどのように彼らはそもそもアクションを実行できる!このような場合だけ大幅に設計にすること、自分自身を代弁するアクションへの呼び出しを許可します。
十分なので、彼らはすべて自分で気づく得ることができます。
素晴らしいヒント設計のルールどのようにするデign ガイド ユーザー、マイクロの相互作用を提供し、フィードバックを提供するあなたのヒントになります、出来t 違いインターフェイスの彼らの楽しみに。
については少し余分な時間を過ごすことによって、療n ヒント 1 つ彼らはイライラするのではなく、ユーザーに便利なエクスペリエンスを提供できます with。
そんなに web デザインで他と同様ミニマリズム、ミニマリズムは、優れたインターフェイスになります。
そことしてクリア. ユーザーにそれが必要として、それによりされていない何かの少ないチャンス何を台無しに役に立つマイクロ相互作用がなければする必要があります。
ミニマリズムは、基本色、コピーおよび言語を意味します。
持続可能性、ツールヒントべきとして有用な控えめな、便利なユーザー 100 ティムe で、それは、非常に最初の時間でした。
疑わしいまたは巧妙なデザインのキューを移動する誘惑に抵抗します。
s と行く試みをテストし、真の代わりに。
かたさツールヒントは簡単に検索したり、参照してくださいする必要があります。
ユーザーに任意の探偵に頼ることがなく画面上で動作します。
これを達成する 1 つの方法は、私たちing 非常に明白な視覚や方向などのキュー、ツールヒントから要素 (b に行く矢印ボタン、アイコンなど)。
ツールヒントが表示されたら、情報そこに関連性の高い実用的な情報がユーザーが簡単に理解されます。
これは非常に明確な言語で短い文章を意味します。
T から彼は、画面に表示されるツールヒントのエリアは限定とにかく、それは非常に簡潔にするために必要な。
それにもかかわらず、ツールヒントに情報べきである o ので冗長な情報を提供することもご遠慮ください。
nly するインターフェイスにすぐに明らかではない情報を補完するものです。
これは、str をすることはできません。
十分に essed: あなたのツールチップを設計する方法を考えて、それらを作ることができます最大の p ライブ私たちツールヒントの最悪の種類を避けるため、ユーザーにタスクを阻害するものであるとスムーズに実現します。
ヒント: 多くの方法は、ツールチップで microinteractions の縮図が、ulti です。
microinteractions を仲間します。
彼らはタスクを達成するまたはインターフェイスでプロセスを操作、ユーザーを助ける設計したこと。
それらの設計方法、に応じて保存できます、ユーザー トラブル o の多くr は、彼らの生活を困難にします。
残念ながら、かなり簡単にデザイナー ツールヒント wron を取得することができます。
g — ユーザーの犠牲に。
確実に恒星ツールヒント デザインを毎回、それに役立ちます真の自然とものと一緒に最初の場所では、ツールヒントを使用しての理由を完全に理解するにはツールヒントのデザインとそうでないもので動作します。
だけにしてあなた、関連性をユーザーに提供できます。
彼らは便利で簡単な方法であなたのインターフェイスを効率的に理解する必要がある情報。
302発見発見された文書はここに移動します。
Apache サーバ www.mightydeals.com ポート 80 のソースで p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>