web-dev-qa-db-ja.com

組み込みのユーザーガイド

私のWebアプリケーションは自明です。説明のいくつかの段落を必要とする入力フィールドとページ全体があります。これらのユーザーガイドをアプリケーションに統合するにはどうすればよいですか?それらを表示して邪魔にならないようにする方法は?

8
Witek

私は徐々に助けを明らかにすることを検討します:

各フィールドにツールチップがある標準を設定すると、特別なアイコンを避けることができます-ユーザーはマウスオーバーがツールチップになることをすぐに認識します。

各ツールチップにはリンクが含まれている必要があります(または、ツールチップ全体を押すことができます)。この説明は、その場で、または別のページで開くことができます)。

7
Dan Barak

私は Twitterサインアップページ を見つけてこれでかなり良い仕事をします:


alt text


彼らはこれを検証/フィードバックのためにさえ使用します:


alt text


ただし、does入力フィールドの隣に数百ピクセル必要です。ただし、短いヘルプテキストとそれに続く「詳細」リンクを提供する自由はあります。

5
jensgram

私たちは、初めてサイトにアクセスしたユーザー(Cookieを使用)が警告バー(初めてSEにアクセスした場合と同様)にWebヘルプとサイトの使用方法に関するビデオを表示するアプローチを採用しました。

このアラートバーは、以降のアクセスでは表示されないため、再度ユーザーの注意をそらさないようにします。
(詳細については このブログの投稿

私たちのサイトでは、非モーダルアラートバーアプローチを優先しました。
しかし、私たちが検討していた別のアプローチは、最初の訪問時にモーダルアラートボックスであり、これは 'Do not show again' ティックボックスをクリックするまで毎回ポップアップします[OK]をクリックします。

2
Simon

SOログインページで行うように、サイドバーに簡単な説明を書き込むことができます。

別のオプションは、フィールドの横に小さなアイコンを配置し、各フィールドの横にホバーツールチップを含めることです。

0
Sruly