質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.49%

  • インターフェース

    26questions

    インターフェイスという用語はハードウェア・ソフトウェアの両方に使うことができます。 一般的に、インターフェイスは内部処理の詳細を見せないように設定されます。オブジェクト指向プログラミングにおいて、インターフェイスはabstractクラスとして定義されます。

Web画面で右クリック可能であることを知らせるインターフェース

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 338

maruhachi

score 16

Webアプリとして構築したツールがあり、それには右クリックでのオペレーションを要求するものが存在しています。
もちろん右クリックからその操作が行えることはマニュアル等には書いてはいますが、やはりぱっと見として分かりづらいと考えています。

世の中にそうした右クリックのコンテキストメニューにそのツール特有のメニューが表示されるものであまり思いつくものがなく、例を挙げずらいですが・・・。

右クリックすると可能なオペレーションがある、ということをユーザに知らせることができる見た目・インターフェースは何かあるものでしょうか。
それとも、右クリックというWeb系としては不自然なものである操作は使うべきではない、ということなのでしょうか。(タブレット等では不可能?ってことにもなるのでしょうか)

ツールチップで表示、は一度可能であることを知った後は邪魔でしかないと思うので、記号として可能であることをさりげなく知れるアイコンのようなものがいいのかな、と漠然と思っています。

どなたか、ご意見ください。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

「サイトツアー」を初回に実行するとか、ツールチップを初回のみ表示するとかでしょうか。(ツールチップは cookie とか localStorage に保存して2回目以降表示させない)

【順番に特徴を説明するサイトツアーを印象的にできるJavaScript「Intro.js」|skuare.net】
http://www.skuare.net/2013/04/javascriptintrojs.html

【Intro.js を使用して JavaScript アプリにインタラクティブなマニュアルを追加する】
https://www.ibm.com/developerworks/jp/web/library/wa-interactive-doc-javascript-introjs-bluemix-trs/


あとは書いておられるようにアイコンなどインターフェイスに一貫性を持たせることでしょうか。
例:青いボタンは右クリック可、右クリックに反応がないものに青を一切使わない


また、タブレット等で右クリックに当たるのは「長押し」だとは思いますが、使いやすいかというとどうかな、と思います。クリックで反応するボタンもおいておくのが良いと思います。(クリックも使うのであればボタンを並べるなどする)

【いくつ知ってる?Windows 10で役立つ11種類のタッチ操作 | デジタル生活部】
http://pcfan.121ware.com/convenience/763/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/06 01:42

    サイトツアー、最近たまに見かけますがこのように実現できるんですね。
    「初回のみ」ということをすれば、確かにこのあたりの手段が有効ですね。ありがとうございました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    HTTPリクエストの見方について

    HTTPリクエストの見方について プログラミング初心者でJavaについて勉強しています。 Webアクセスについて勉強しており、HTTPリクエストについて学びました。 http:

  • 受付中

    button onClick 値取得

    アンケートアプリを作っており、radioButtonで項目を作っていたのですがgrid形式に表示できないため、buttonで作成しております。 buttonをclickした場

  • 解決済

    FireFoxで要素の検証

    FirefoxでchromeのディベロッパーツールのCopy CSS path、Copy XPathのような機能はありませんか? 何重にもタグが重なっている部分を指定したく、仕事

  • 解決済

    bootswatchのどこをいじれば背景の色を変えられるのでしょうか?

    http://bootswatch.com/superhero/ 現在こちらのテーマを自作したサイトに適応させているのですが、 現在の暗めな藍色というかグレーというかな背景色を

  • 解決済

    削除しました。

    削除しました。  削除しました。  削除しました。  削除しました。  削除しました。  削除しました。  削除しました。  削除しました。  削除しました。 

  • 受付中

    JavaScriptのコンテンツを保存する方法

    現在とあるwebページを保存したいと思っているのですがうまくいかず困っています。 会員だけが閲覧できるテキストのコンテンツで、ログインすると閲覧できるようになっています

  • 解決済

    Unityでアプリ外部のxlsxファイルを読み込みたい

    前提・実現したいこと Unity5.5.1(C#)を使って、クイズを出題するWindows向けゲームアプリを作っています。 出題される問題を使用者が管理しやすいよう、問題のデー

  • 解決済

    PDFリンクをクリックしてもビューアーが立ち上がらずダウンロードダイアログが表示されてしまう

    今回初めてElectronを使い簡易的なHTMLを表示するアプリケーションを作っています。 やりたいことは、 a要素をクリックしたら指定されたpdfをビューアーで開くだけで

同じタグがついた質問を見る

  • インターフェース

    26questions

    インターフェイスという用語はハードウェア・ソフトウェアの両方に使うことができます。 一般的に、インターフェイスは内部処理の詳細を見せないように設定されます。オブジェクト指向プログラミングにおいて、インターフェイスはabstractクラスとして定義されます。