株式会社シーエムエー

Tel 053-459-1510

シーエムエーメールマガジン

シーエムエーメールマガジンVol.255-アクセシビリティ入門-エントリーフォーム最適化-[4]

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
  //////////////////////////////////////// http://www.akindo2000.net/ 

実践WEB有効活用研究室! 
WEB
コンサルティングの現場から 
すぐに活用できるアイデア&ノウハウ大公開! 

シーエムエー メールマガジンVol.255 

 
━━━━━━━━━━━━━━━━━━━━━━━━━ 株式会社シーエムエー 

シーエムエーの坂本です。
 
GW
も明けの1日目ですが、皆さんいかがお過ごしでしょうか?
今年のGWは晴天に恵まれた大型連休でした。

私は345日と家族で浜松まつりに参加して
御殿屋台の引き回しや練りに熱く歓喜した3日間でした。

5
3日には大河ドラマ「おんな城主 直虎」で出演した
おとわ(次郎法師)役の新井美羽さんが凧揚げ会場に
参加いただき、とても盛り上がっていたようです。

昼夜の寒暖の差が大きいので体調を崩しがちです。
寒くなったら我慢せずに1枚羽織るなど
体調管理をしっかり整えて過ごしたいですね。 
 
それでは、本日のメールマガジンスタートです。 

◇■◇INDEX ━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
1 〕 アクセシビリティ入門?エントリーフォーム最適化?[4]
 
2   <祝>お客様のWEBサイトリリース情報 
 
3 〕編集後記 

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◇■◇

1 〕アクセシビリティ入門?エントリーフォーム最適化?[4] 

今回は、Vol.251から引き続き
アクセシビリティ?エントリーフォーム最適化?について
ご紹介します。

お問い合わせや資料請求など、
フォームから入力するケースがありますが、
使いにくいと感じたことはないでしょうか?

入力が困難であった場合、
ユーザーが途中であきらめて離脱する要因にもなります。
今回は最適なUIで離脱を防ぎユーザーを
支援するために注意すべきことをご紹介します。

***************************************************** 
フォームを最適化するためのアプローチ 
***************************************************** 

入力項目があまりに多いまたは必須入力が多い 
----------------------------------------------------- 
ユーザーはなるべく入力する手間を減らしたいと考えています。 
にもかかわらず入力項目があまりに多いと途中であきらめてしまいます。 
スマホなどのデバイスではさらに入力が難しいので注意が必要です。 

不必要な項目を省きましょう。 
また、全項目が「必須」というのもあまりよくありません。 


カタカタ入力や全角入力の強制 
----------------------------------------------------- 
全角入力しないとエラーになったり、 
ひらがなで入力をすると「カタカナで入力してください」と 
促されたりするのはわずらわしいですね。 

ひらがな入力したら自動的にカタカナに変換されるなどの 
対策を行いましょう。 


住所の補助入力の設定 
----------------------------------------------------- 
郵便番号を入力したら都道府県から市区町村までが 
自動的に入力されていると入力の手間が大幅に省けます。 


リセットボタンの有無 
----------------------------------------------------- 
送信ボタンの隣にリセットボタンがあると 
誤って押し間違えてしまうかも知れません。 
送信するつもりがリセットボタンを押してしまい 
入力内容が全て消えてしまうこともあり得ます。 
リセットボタン自体を使わないという選択肢も考えましょう。 


必須か任意かを明確にする 
----------------------------------------------------- 
」マークで必須を表現しているサイトがありますが、 
「必須」としっかり文字で表現しましょう。 


エラーメッセージは目立つように 
----------------------------------------------------- 
赤く目立つようにする、入力と同時にエラーメッセージを出すなど 
ユーザーに間違いを気付かせるようにしましょう。 


入力欄に十分な余白をつくる 
----------------------------------------------------- 
入力欄の幅が極端に狭いと入力しづらく、ラジオボタンとの 
間に一定の空きがないと入力ミスの原因にもなります。 


プレースホルダーに重要な要素を入れない 
----------------------------------------------------- 
入力欄にあらかじめ文字が入っているケースがありますが、 
クリックした瞬間に消えてしまいます。 
読めなくても問題にならないような注釈程度に留めましょう。 


----------------------------------------------------- 
いかがでしたか? 
フォームはユーザーがアプローチしてくる大事なものです。 

入力項目はユーザーの負担がない程度か。 
エラーの表現は認識しやすく適切な表現か。 
入力補助がユーザーにとって負担になっていないか。 

など、誤動作を防ぐためにしっかりと設計しましょう。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◇ 

2 〕<祝>お客様のWEBサイトリリース情報 

富士護謨産業株式会社 様 
通販サイト新規制作 
http://www.sponge-homecenter.jp/ 

医療法人社団 奨寿会 アクトタワークリニック 様 
スマートフォン対応 
http://www.acttower.com/sp/ 

株式会社テレビ静岡 様 
2017
プロ野球公式戦 ヤクルト巨人戦特設サイト 
http://www.sut-tv.com/event/baseball/ 

サイト公開おめでとうございます!そしてお疲れ様でございました! 
引き続きどうぞよろしくお願いいたします。 

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━◇ 

3 〕編集後記 

GW
前に家族で庭の草むしりをしました。 
次の日に太ももや腰まわりが筋肉痛になり、 
普段使っていない筋肉を酷使したと感じるとともに 
運動不足を解消しなければと決意した日でもありました。 

また、毎年トマトやキュウリなど夏野菜を 
庭に植えるのですが、今回は袋のまま育てる 
「袋栽培」を実践しました。 

袋の中に必要な肥料が入っているため直ぐに 
野菜を植えることができます。 
余分な土がいらないので、容器代も不要。 
持ち運びも簡単で好きな場所(ベランダなど)に 
自由に置くこともできます。 

収穫は6月下旬頃になると思いますが 
今から楽しみです。 

今回も最後までお読みいただきありがとうございました。 
次号もどうぞお楽しみに。 

株式会社シーエムエー http://www.akindo2000.net/

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
メールマガジン配信事務局 Email: cma@akindo2000.net

メール配信の変更・停止
https://submitmail.jp/FrontReaders/mail_edit/1429/1

 
■個人情報のお取り扱いについて■
 株式会社シーエムエーでは、個人情報のお取り扱いについて
以下の通り定めております。

個人情報保護ポリシー
http://www.akindo2000.net/privacy/
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━
■浜松本社
430-7715 浜松市中区板屋町111-2アクトタワー15
TEL
053-459-1510 FAX053-451-5271

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
■静岡営業本部
420-0837 静岡市葵区日出町2-1田中産商第一生命ビル6
TEL
054-205-5101 FAX054-272-5055

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
■シーエムエー中小企業経営相談所(名古屋支店)
461-0001 名古屋市東区泉1-2-3 ソアービル4D号室
TEL
052-228-0139 FAX050-3737-5064

 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
 ■
シーエムエーGroup
┗┛━━━━━━━━━━━━━━━━━━━━━━━━━
+成長する企業のネット戦略パートナー 株式会社シーエムエー
 http://www.akindo2000.net/
 +浜松お部屋探し YourAgent不動産部
  http://www.your-agent.co.jp/
+ラッピング・プレミアムフルーツ専門店 株式会社 正明堂
  http://www.shomeido.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━


配信日: 2017年5月10日

シーエムエーホームシーエムエーメールマガジン

Top