タッチパネルで操作するwebサイトについて

質問

コーディング初心者です。タッチパネルで操作する、ある福祉施設のwebサイトを作ることになりました。

当社の営業担当から「HTMLで普通にWebサイトを作ればいいんじゃない?」と言われたのですが、タッチパネルで操作することを前提としたサイトは制作したことがありません。

制作するにあたって注意事項やアドバイス等ありましたら、よろしくお願いいたします。

回答No.4

superside0 · ベストアンサー

マウスどれ？って誤解すること多いのでトップページに大きく「画面をタッチして下さい」をいれるといいですよ。

それと、操作したまま、途中で諦めて放置する人が多いので、
metaタグで一定時間（１分とか5分とか）操作しないと、自動でトップページに戻るように
各子HTMLでは、<meta http-equiv="Refresh" content="300 ; URL=index.html">
のようにとしてやると　親切かもしれません。
（コンテンツの構成次第で、フォーム途中ではいれないほうがいいですが）

あとは、皆さん、ご指摘の通り、アイコンとか大きめにして、
selectのプルダウンとかラジオボタンとかtextボックスとかそういうフォーム部品は使わないで
リンクとボタンのみにするのがよいかと。

お礼

回答ありがとうございます!!

そうですよね、最初にマウスを探す人必ずいますね。
それと、一定時間操作しないとトップページに戻るタグなんてあるんですね。初めて知りました。参考にさせていただきます!!!

回答No.3

kmee

あとは、時々見掛ける「カーソルを上に持ってくると、メニューが表示されて、その中からクリックして選択」とか「カーソルを画面端に持っていくとそっちへスクロール」とかいうタイプのものが正常に動作しないと思います。

お礼

回答ありがとうございます！
マウスクリックではできても、タッチパネルでは正常に動作しない現象もあるのですね。参考にさせていただきます!!

回答No.2

4610-564

タッチパネルって言ったって、マウスとなんら変わりませんが？

マウスならカーソルを動かして、左クリックですが
パネルは　指を押した座標にカーソルが瞬間的に飛んで、プッシュで左クリックです

原理はまったく一緒です。

指で押さえるってことを頭に入れて、ボタンの大きさを100pxの幅を持たせてやるようにすれば良いんじゃないでしょうか
技術の問題じゃなくて、ビジュアルと操作性の問題で、HTMLやCSSは特殊なことはしません。

お礼

回答ありがとうございます。

ボタンは押さなきゃいけないんだし、お年寄りも押すんだろうし、大きい方がいいんだろうな…とは思っていたのですが、大きさの目安を教えていただいて助かります。

回答No.1

bigfatrat

タッチパネルがどういう構造になってるかは存じませんが、
少なくともキーボードは使えませんよね？
それから指でタッチするわけですからボタンが小さいと誤動作しやすいはずです。

ひとまずその２点に気をつけるべきではないでしょうか。

お礼

回答ありがとうございます。

ボタンは誤動作がおきないように配置するよう気をつけます！