Top

usa*log 晴れ。ときどき、うさぎ王国

お問い合わせフォーム改良。スマホ対応。

Beads*usa-shopからお知らせ。

ショップのお問い合わせフォームを改良しました。
サーバー会社が用意してくれている、https...暗号化...のフォームを利用しています。ですが、これがグレー背景に黒文字、みたいな(笑) あまりにビジネスちっくなので、サイトと同じ感じになるようにしました。
a0026762_1315522.png
これなら、お問い合わせする気になるかな?「○○のうさぎさんにお花を付けてほしいのですが」とか♡

自分がユーザーでもあるからよくわかるのだけど、なんか入りにくい、訊きにくいサイトってあるわけで。。

そしてもうひとつ。
スマホや小さめタブレットのお客様用のフォームを設置しました。内容は全く同じですが、デザインを変えて少しでも入力しやすく...と工夫しました。(iPadサイズなら普通にご覧になれます)

入力しづらいと「やーめた(´・ω・`)」ってなっちゃうのよくわかるので。

j-Query Mobileを利用したインターフェースにすればいいのですが、sendmailのPHP書く自信がないのでやめときました。今回はCSSだけでどこまでいけるかな?

画面をモバイルにフィットさせて...meta name="viewport" content="width=device-width; initial-scale=1.0" /...
widthは100%に、フォントも100%にしておけば、それだけでかなり見やすくなります。それと、送信/リセットのボタンの間隔を空けるといいです。あとはスマホ画面を睨みながら試行錯誤ってとこでしょうか。PC版よりコントラストをはっきりさせた方がいいかも。
CSSだけでも、こんなに見やすくなりました。
a0026762_13121621.png


メール未着が気になります。あれ?返事が来ないなおかしいな、と思ったらご連絡いただければ幸いです。アドレス間違いで戻ってくるもの以外(戻って来ない場合も)、迷惑メール対策やウィルス対策でお届けできないことがあります。必ず、こちらのアドレス
a0026762_12403393.gif
を受信可能にしてくださいますよう、お願いいたします。
[PR]
by usa-log | 2013-04-07 14:55 | Beads*usa-shop | Comments(0)
<< パスケースとストラップ。 春のボンゴレ。 >>