User Experience on Discourse with optional touch-input

Continuing the discussion from here, here, here, and here

All the topics linked above have in common that there are issues with Discourse, generally related to UX, when a using Discourse on a system that has touch, but primarily is interacted with via keyboard and mouse. First, it is my understanding (according to @codinghorror) that it is not possible with JS and HTML to detect this type of system, separately from any other system that has a touch input.

With that out of the way, I would like to suggest that this issue as a whole needs to be looked at seeing how the PC market is moving in recent years. When Discourse was first started, you could generally see two types of devices: mobile - like iPads, iPhones, Android phones/tablets, etc. - and desktop, like laptops, workstations, full-size PCs, etc. Today, the device landscape is very different. Thanks in part to a much better adoption of Windows 10 vs Windows 8, more “desktop” devices are coming with touch as an option. Now, touch is an option on most devices purchased from major manufacturers, even in their “business” models, and devices like Microsoft’s Surface, Lenovo’s Yoga, and similar 2-1/convertible designs are becoming much more popular in the marketplace.

Given that there is no reliable way to detect these devices, whether the user has a mouse and keyboard attached, or reliably guess what type of UX the user prefers, I would like to suggest a user setting “toggle” for Discourse. The closest analogous feature I can think of is Windows 10’s Tablet mode, that is user toggleable and makes changes to the UI to make Windows more (or less) friendly to touch. I understand that might not be ideal, as currently Discourse has a fully responsive design, and has purposefully avoided distinguishing “mobile mode” from “desktop mode”, but for users who use a laptop with an attached touch-enabled monitor, or multiple laptops some with and some without touch, it is jarring to have Discourse react differently depending on if the external monitor is connected, or if the device has touch or not.

「いいね!」 4

We have some precedent now, for iPads we have a “I have a keyboard” user setting

「いいね!」 9

So I haven’t used a device with touch (other than a phone) in 2+ years. Will see if I can get my hands on a Windows laptop with a touch screen to see the current situation.

「いいね!」 5

I actually have one, will try it out on Monday

「いいね!」 4

Didn’t @sam add this for iPad specifically? It could be opened up to everyone at the risk of confusing people.

それは実現しなかったのでしょうか?

Surface Proのようにキーボードを取り外せるデバイスについてはどうでしょうか?

同様に機能する「マウス/トラックパッドを持っている」というユーザー設定の導入を提案したいです。

確かに起こりました。いくつか修正を加えました。「キーボードを持っている」ための追加のユーザー設定が必要でした。

とてもうまく機能していました。

再度テストして、すべてが正常かどうか確認します。

「いいね!」 3

再びオプションのタッチデバイス(タッチスクリーン搭載のノートパソコン)を使用しています。半定期的に使っていますが、大きな問題は見当たりません。特に期待通りに動作していないものはありますか、@Justin_Vega

「いいね!」 1

以下の 3 つの問題について、@pmusaraj が iPad とキーボードでの調査を行います。

  1. オーバーレイが青い返信ボタンの表示を妨げている
  2. 返信のキーボードショートカットがコンポーザーにフォーカスを移さない
  3. Tab+Enter で送信されない
「いいね!」 9

新しいキーボード/タッチパッド付きiPadの発売は5月までお待ちください。それは約2ヶ月後です。私が注文しようとしたので、よくわかっています。

「いいね!」 6

OP でリンクしたトピックの中で、これがまだ問題となっている唯一のものです:

タッチデバイス以外の環境では、URL はテキストフィールドとして表示され、デフォルトでコピー用にハイライトされます。一方、私のノートパソコンのようなタッチデバイスでは、ハイパーリンクとして表示され、必ずしもハイライトされません。デバイスごとのユーザー設定として、「キーボードあり」機能(最終的なコピー機能は未定)を活用することを提案します。

「いいね!」 3

ユーザー設定に頼らずに共有の問題を修正するように努めるべきです。

「いいね!」 5

完全に同意します :clap: その設定を削除してくれて本当に嬉しいです。誰も見つけることのない特別な魔法のような設定を追加しても、ほとんど価値がありません。

「いいね!」 5

このスレッドをオープンにしておく必要があります。引き続き、User Experience on Discourse with optional touch-input - #13 by pmusaraj を追跡しています。話題外への脱線は削除しました。

「いいね!」 1

iOS のタッチデバイスではリンクが表示されず、OS の共有ダイアログが直接開いてしまいます。Joshua さんは Windows のタッチデバイス(タッチスクリーン付きのラップトップなど)をお使いですか?

「いいね!」 1

その通りです。タッチ対応のWindows 10ノートパソコンの場合、AndroidやiOSではOSの共有ダイアログが開きます。

「いいね!」 1

@jomaxro、これは解決できないと私は考えているので、なぜ再度開かれたのかよくわからない。Sam が言ったように

したがって、設定を追加するという唯一の可能な解決策は、議論の余地から外された。他に何を議論できるだろうか?

私自身はどちらの立場でも構わないが、もしその設定を提供したとしても、ユーザーの 0.00000001% しかそれを見つけたり使ったりしないだろうという点に、私は同意する傾向がある。

より

サイト設定なしでこの問題を修正する試みが行われるだろうと思っていました…

「いいね!」 1