Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
検索上位でもAI Overviewsに出ない!? 老舗米屋・八代目儀兵衛が取り組んだGEO施策 4月20日 8:00
新たなSTAGEへ 2018年6月1日をもちまして、親会社である株式会社シーエ・モバイルと合併することとなりました。 この合併により、さらなる事業価値の向上を図り、お客様のニーズにお応えできるよう努めてまいります。 今後とも、変わらぬお引き立てを賜りますようお願い申し上げます。 CA MOBILE へ移動する
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
せっかく入力フォームまでたどりついたユーザーの約50％が、目的達成に至らず離脱していることが分かります。 広告がネット上での集客なら、入力フォームは接客の一部です。 コンビニでお菓子を買おうとレジに並んだが、列がなかなか進まず、買うのをやめてしまうことがあるでしょう。この場合、列が早く進んでいたら、そのまま買っていたわけです。 入力フォームも同じで、欲しいものを手に持ったユーザーがレジに来ているのに、入力フォームが使いにくいというストレスのために、途中でやめてしまうことがあります。 だから、入力フォームを改善するだけで、必ず成果が上がるのです！ 3. 入力フォーム改善テクニック18選3-1. 絶対おさえる基本の9ポイント1. 項目数は最低限にする 参考：J&B Labo 上記の例では入力項目を減らしただけで、コンバージョン率が1.3倍になっています。 ユーザーの離脱理由第1位にもあったよう
あなたのサイトの入力フォームは、お客様にとって使いづらいフォームになっていませんか？フォームはお客様のストレスを最大限に減らし、快適で分かりやすいフォームにしなければなりません。フォームの使いやすさ、つまりユーザビリティは入力完了率やコンバージョン率に大きく影響するからです。 そしてフォームのユーザビリティを上げるには、入力フォーム最適化(EFO)をする必要があります。フォームの最適化をすることでユーザビリティが向上し、コンバージョン率の向上に繋がります。そこで今回は、具体的にどのような入力フォーム最適化をすれば良いのか、改善例を元にご紹介します！ そもそも入力フォーム最適化(EFO)とは？ 入力フォームからのコンバージョン率が低い場合、まずはコンテンツやデザインを見直します。しかし、あなたは入力フォームを見直したことがありますか？コンテンツやデザインの見直しも重要ですが、コンバージョンに
本日はフォーム入力に達成感を与えてくれるEFO機能のひとつ「入力成功サイン」のメリット・デメリットや、効果的な活用方法などについてご紹介したいと思います。 入力成功サインとは 入力成功サインとは、フォームの入力項目ひとつひとつに対して、入力形式などの誤りがない（＝エラーのない）状態に入力できたタイミングで、その旨を知らせる機能です。 通常は「OK」「完了」「成功」などの意味を表すアイコン画像やテキストを、入力欄の右横や下位置などに表示することが多いようです。 ※エフトラEFOの入力成功サインは、アイコン画像とテキストの２種類で表現することが可能です。 リアルタイムアラートがエラー時に現れるのに対し、入力成功サインは成功時に表示されますから、これらは丁度対の関係となっていますね。 入力成功サインのメリット エラーの有無をチェックするという役割においてはリアルタイムアラートと同じなのですが、入
1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ
1/18/2014そこそこユーザビリティの高いフォームを作った去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで”そこそこ”と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプトは書いてません） CSSフレームワークとして bootstrap3 を利用しています。 主な機能 入力必須箇所の強調、および入力検証 requ
リアルタイム・アラート機能とは、フォームに入力された文字の入力形式や文字数をリアルタイムに判別し、ミスがある場合はその場でエラー表示を行なう機能です。 エフトラ EFOでは、通常の入力形式（かな、カタカナ、英数字、半角/全角など）に加え、メールアドレス形式や電話番号（ハイフンと数字）、URL、ドメインなどの特殊な文字列形式にも対応しています。 さらに、他の入力項目の内容と一致しない場合（メールアドレス確認欄などに使用）や、正規表現の指定による自由なカスタマイズも行なっていただけます。 また文字数については最大文字列や最小文字列の数値指定、禁止文字列の指定が可能です。 フォーム入力において、ユーザーが最もストレスを感じる瞬間のひとつがエラー表示です。 とくにミス無く入力した、と思っていたのに予想外のエラーが出ることに大きなストレスが生じます。 ボタン押下後に出るズラリと並んだエラーを修正する
就職したい企業・業種ランキング、トップ20は国内企業が独占【リスクモンスター調べ】 4月13日 6:30
[レベル: 初〜中級] 入力フォームのフィールドには、入力が「必須」なのかまたは「任意」なのかのラベルを両方付けることが推奨されます。 どちらか片方だけだと入力途中の離脱の原因になります。 ECサイトのユーザービリティ調査と最適化を専門に扱っているBaymard Instituteが詳しく解説しています。 15の大手ECサイトのユーザビリティ調査と18の主要なモバイルサイトのユーザビリティ調査、そして自社による最新の大規模なアイトラッキングテストによって実証することができました。 この記事では、その解説の要点をまとめて紹介します。 片方だけの「必須」「任意」ラベルの問題点 入力が「必須」か「任意」かをどちらか片方のラベルだけで示すことにはさまざまな問題点があります。 必須か任意かを示さないのはいちばんよくない そのフィールドの入力が必須か任意かを示さないのはいちばんよくないスタイルです。
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今日は過去私が数百社という企業のプランニング・運用をしてきた中で実証した、 最も「手早く」「確実に」コンバージョンを伸ばす方法をご紹介します。 それがEFO、つまり「エントリーフォームの最適化」です。 Webサイトをリニューアルしなくとも、LPを作らなくとも、 エントリーフォームを変えるだけでコンバージョンは劇的に変わるのです。 実際の事例をいくつかご紹介しましょう。 Case1：ブライダル系サービスのEFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトのEFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスのEFO事例 これらの事例はいずれも変更したのはエントリーフォームだけです。 特にフォ
得意なはずの対人関係で挫折。「全員に好かれなくていい」と気づいたLIFULLマーケターの等身大マネジメント 5月15日 7:05
EFO対策（エントリーフォーム最適化）とは？ EFO（Entry Form Optimization）とは、エントリーフォーム最適化（入力フォーム最適化）のこと。 エントリーフォームは、商品購入、資料請求、会員登録、メルマガ登録、問い合わせ、予約…とあらゆる場面で活躍し、今や企業のホームページに欠かせない存在。ただ、「とりあえず必要項目を並べて作った」だけのエントリーフォームは、ユーザーにとって使いにくいものもあります。「ダメエントリーフォーム」では、ユーザーが離脱することも！ そこで、EFO対策を行い、ホームページのエントリーフォーム入力の際にユーザーが感じる負担を減らすことで、コンバージョン率を高めることができるのです。 EFO対策（エントリーフォーム最適化）を行えばCVRは劇的に上がる!? もし、コンバージョン率が上がらない…と悩んでいるなら、一度エントリーフォームを見直してみても
Elaineは、13年以上Webデザインに携わっているベテランのWebデザイナーです。ユーザーエクスペリエンスやWebデザインに対する思い入れが強く、執筆活動も盛んに行っています。ロンドンを拠点としたUXデザイン事務所Foolproofで、ビジュアルデザイン部の部長を務めています。 インタラクションデザイナー・Elaine McVicar氏によるモバイルのためのUXデザインシリーズ。第2回目の今回は、情報アーキテクチャに基づいた、モバイルサイトにおけるインタラクションデザインを考察します。様々な実例をもとに、モバイル向けのデザインとPC向けのデザインがどのように異なるのかを解説していきます。 私が初めて手にした携帯電話はNokiaの5110という機種で、1998年に購入しました。基本的な機能は通話とテキストメッセージのみで、ゲームはヘビゲームだけしかプレイすることができませんでした。携帯電
Approach of Prototyping for making Application User Interface about iOS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
