クリックしてHTML5アプリケーションのフィールドを編集してデスクトップで使用するのがスムーズになりましたが、クリックして編集するフィールドがモバイルユーザーにどのように認識されるかわかりません。モバイルアプリケーションではクリックして編集するフィールドを使用するのが適切でしょうか。
追伸:明確に言うと、クリックして編集するということは、テキストとして表示されるフィールドを意味します(編集可能であることを示す視覚的な手掛かりがあります)。クリックすると、テキストが入力フィールドに変わり、ユーザーが変更を行ってフォーカスを外した後、テキストに戻ります。
例については、こちらのフィドルを参照してください。 クリックして編集するフィールドの例を含むJS FIDDLE
これはおそらく機能しますが、より一般的なUIは、ページ全体を編集可能な状態に変更する「編集」ボタンを持つことです。たとえば、IOSの場合:
フィールドレベルでのタップによる編集に関する私の懸念は、誤って選択する方がはるかに簡単で、キーボードがトリガーされて迷惑になる可能性があることです。
これを探して、Nokia Lumiaに入力しています。
JSfiddleの外観と動作は問題ありません。ただし、これが編集ページであることを明確にする必要があります。現在のスタイル設定方法は、リンクのように見えます。
スペースを節約して簡素化しているので、これはモバイルでのやり方だと思います(機能をテストして機能した場合)。モバイルでは、人々はタップして発見することをますます学習しています。
私は編集可能なテキストを微妙なフラットボタンの外観を持つように設計します。または、小さな編集アイコンを使用します。