2017年2月8日のブックマーク (6件)

  • CSSやtype属性でinputの全角・半角入力を切替える [無料ホームページ作成クラウドサービス まめわざ]

    古くはIE独自仕様のime-mode、最近ではHTML5で実装された多様なtypeなど、inputの入力方法を制御するための方法がいくつかあります。 しかし、ブラウザーによって利用可否が異なります。日語特有の悩みということで、検索してもあまり情報が出てこないので、調査をしてまとめてみました。 結論から言うと、残念ながら入力方式を完全に制御するクロスブラウザな方法はありません。

    CSSやtype属性でinputの全角・半角入力を切替える [無料ホームページ作成クラウドサービス まめわざ]
    sukceson
    sukceson 2017/02/08
  • EFO(エントリーフォーム最適化)でお問い合わせのCVRを爆上げするグロースハック | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、エディターのエリーです。 みなさん、エントリーフォームを最適化できていますか? わたしが前職でポイントサイトのディレクションをしていた頃、会員獲得のためにエントリーフォームをよく改修していました。 出口の見えない洞窟のようで、結局最後まで答えが見えませんでしたが、今ならもっと健闘できそうです。 なぜなら、EFOでCVRを爆上げするためのグロースハックを、EFOに関するノウハウが豊富なショーケース・ティービーさんにお聞きしたから! 今回はそのノウハウをみなさんに共有したいと思います。 ▼もくじ EFO(エントリーフォーム最適化)とは? よくあるエントリーフォームの失敗 1. 送信が完了できない 2. エラーが出ても、間違いの箇所がわからない 3. エラーの度に再入力が必要な項目が多い 4. 誤った操作で入力がクリアされる 5. マイナーブラウザで動作しない or 文字化けする 6

    EFO(エントリーフォーム最適化)でお問い合わせのCVRを爆上げするグロースハック | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    sukceson
    sukceson 2017/02/08
  • EFOでCVR2倍以上!? フォームを改善すべき理由と事例4選 | LISKUL

    皆様のサイトでは、入力フォームの最適化=EFOはできているでしょうか? 「Webマーケティング」や「サイト改善」というと、広告の出し方やデザイン修正に目が行きがちでEFOは後回しにされてしまいがちです。 しかし、最近では導入するだけで簡単に改善ができるEFOツールも数多く登場し、改めてEFOの重要さが注目されています。 今回は、入力フォームを改善すべき理由を説明するとともに、実際に成果が上がった事例をご紹介します。 チャットボットがLP離脱ユーザーからCVを獲得「DMMチャットブーストCV」 ※記事は2015年10月21日に公開された記事を再編集したものです。 EFO改善でCVRが2.28倍に! 参考:EFOを行い入力フォームの申込み完了率が2倍になった成功事例|ferret とある結婚式サイトの事例では、入力フォームのデザイン面や使い勝手に課題を抱えており、改修を行ったところ、申込完了

    EFOでCVR2倍以上!? フォームを改善すべき理由と事例4選 | LISKUL
    sukceson
    sukceson 2017/02/08
  • 入力フォームを改善して入力完了率を上げる! エントリーフォーム最適化15カ条 | 勝手にEFO分析-エントリーフォーム改善

    入力フォーム(エントリーフォーム)を入力していて、イライラする……と感じたことありませんか。ありますよね。自社サイトの入力フォームでユーザーにイライラを与えていませんか。 小さなイライラが積み重なった先にあるのは、エントリーフォームからの離脱です。ユーザーが一度エントリーフォームから離脱してしまったら、もう戻ってきてはくれないと覚悟しておくべきです。入力を完了してもらいエントリーフォームの「入力完了率※」を上げるためにはどうしたらよいのでしょうか。 そこで、この記事ではEFO(エントリーフォームを最適化)を行い離脱要因を減らして、入力完了率を上げる15カ条を紹介します。 少し手間をかければ劇的に入力完了率アップが期待できるはずの、「惜しい」エントリーフォームを各条1つずつ取り上げて、頼まれてもいないのに、勝手にそのフォームを分析して作った改善案とともに、ポイントとなるエントリーフォーム改善

    入力フォームを改善して入力完了率を上げる! エントリーフォーム最適化15カ条 | 勝手にEFO分析-エントリーフォーム改善
    sukceson
    sukceson 2017/02/08
  • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

    みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chromeデスクトッ

    今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
    sukceson
    sukceson 2017/02/08
  • 【スマホEFO】ソフトウェアキーボードのユーザビリティ向上テクニック | UI改善ブログ by f-tra

    スマートフォンの文字入力は、項目をフォーカスしたときに画面下部に現れるソフトウェアキーボード上で行われます。 PCのキーボードに比べはるかに物理的サイズが小さく、入力内容によっては入力モードやパネルの切替えも必要となります。思い通りに操作できないユーザーにとってはストレスを感じる機会はたいへん多いことでしょう。 しかしながら、ソフトウェアキーボードには、属性値の指定などにより、入力の利便性をかなり向上させるための手法が複数存在しています。 この手法をうまく使えているかどうかが、スマートフォンでの入力ユーザリティを大きく左右するといっても過言ではありません。 日はそんなソフトウェアキーボードの利便性向上に必須のポイントをご紹介していきます。 それではまずは、ポイントのご紹介です。 ソフトウェアキーボードに関連するテクニックや注意点について、大きく下記の6点にまとめました。 最適なキーボード

    【スマホEFO】ソフトウェアキーボードのユーザビリティ向上テクニック | UI改善ブログ by f-tra
    sukceson
    sukceson 2017/02/08