タグ

フォームに関するdeg84のブックマーク (5)

  • Webサービス開発で知らないと損する!登録フォームでユーザーを逃さないのために必要な5つの手法

    Webデザイナーや開発者さんは、いかにして多くのユーザーに途中で断念することなく、登録を完了させてログインしてもらうかということに、日々頭を悩ませている人もいらっしゃると思います。 この記事では、最近のWebサイトやサービスに見られる、ユーザー登録のための導線手法を紹介します。ぜひ、新しいサービスを考える際に参考にしてください! Don't miss it!。 手法1. モーダルダイアログを使う ※イメージは、ゲッティ イメージズのものです。 モーダルダイアログとは、↑のようなページの上にページを重ねたような効果を言います。実はアレは、カッコいいだけではないのです。 この手法では、別にユーザー登録ページを設ける方法に比べて、ページ遷移によって利用者の意識が外に移ることがありません。 また、利用者には、目的のゴールが後ろに透けて見えている状態になるので、いつでも元のページ帰れる安心感があり、

    Webサービス開発で知らないと損する!登録フォームでユーザーを逃さないのために必要な5つの手法
  • フォームへの入力をすばやく簡単に

    +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

    フォームへの入力をすばやく簡単に
    deg84
    deg84 2012/03/13
    これは標準化して欲しいな。工数増えるけど…
  • クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌

    クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のようにtextareaを初期化するだけで、補完用アイテムも配列かajaxで指定できるみたい。 こうしたインタフェースが最適な部分って最近のWEBサイトでは結構ありそうですが、覚えておくと素早く簡単に実装できますね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「Innov

    deg84
    deg84 2012/01/23
    Facebookのあれっぽい。これ使おうかな~
  • パスワード用フィールドを便利にするjQueryプラグイン「showPasswordField」:phpspot開発日誌

    altunyurt/jquery.showPasswordField - GitHub パスワード用フィールドを便利にするjQueryプラグイン「showPasswordField」。 <input type="password" はパスワード入力の際に、誰かに盗み見られることなく入力できますが、capsがONになっていたりして大文字が入力されているのに気づかないとか、タイポがあるにもかかわらず、気づかない問題があります。それを解決してくれるプラグインです。 大手のサイトなんかだと、パスワードを入力間違っていないのにログインできないという問い合わせが相当量にのぼったりするようなのですが、このプラグインでパスワードが間違っていないかを確認してもらうことで、そういった問い合わせが減ると思いますし、何より利用者にとって利便性をもたらすことができますね。 パスワードを入力すると普通のパスワードフィ

    deg84
    deg84 2011/08/12
    覚えておいて損はないプラグイン
  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

  • 1