インラインバリデーションがフォーム入力の妨げになるケース | UX MILK

2019/05/20 44 users UX MILK ケース UX Movement フィールド

UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 フォーム入力におけるインラインバリデーションはユーザーの入力完了を妨げている恐れがあります。 インラインバリデーションは問題のあるフィールドのインラ... 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 599 users UX MILK UX Movement 著者 フォーム 開発

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む

超便利な郵便番号から住所へ変換してくれるJQueryプラグイン | 怪しい物を開発するブログ

2015/11/19 45 users jQueryプラグイン 住所 怪しい物 郵便番号 ブログ

フォーム入力のシステムを作っていると、郵便番号と住所を入れる場面が多々あると思います。郵便番号入れているのに、住所を入れるの面倒くさいです。 郵便番号からある程度住所を補完してくれると非常にユーザビリティが向上します。そんな機能を簡単に実装することができるJQueryプラグインの紹介です。 ■郵便番号→住所へ変換してくれるJQueryプラグイン【jpostal】 GitHub上にプロジェクトが存在... 続きを読む

¥1,200→無料：高機能なPDFリーダー「PDF Expert 5」ほか【11月13日版】セール情報

2015/11/12 293 users PDF Expert PDFリーダー ほか セール情報 無料

App Storeで公開されているiOS向けアプリ・アクセサリーの中から、値下げ中のものを厳選してご紹介します。 価格は掲載時のもので、既に変更されている場合があります。 ダウンロード・購入前に、再度ご確認をお願いします。 アプリのセール PDF Expert 5 仕事効率化：67.9 MB ￥1,200 → 無料 iOS向けの高機能PDFリーダー。ハイライト・フォーム入力・手書き注釈・署名記入な... 続きを読む

フォームはラベルの配置場所で使いやすさが全然変わる！ユーザーが利用しやすいフォームを徹底考察 | コリス

2015/05/14 240 users 考察 下記 予想以上 各ポイント コリス

あなたのフォームは、ユーザーが簡単に利用できますか？ もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 Why Infield Top Aligned Form Labels are Quickest to Scan by anthony 下記は各ポイントを意訳したものです。 ※当... 続きを読む

フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) — Website Usability Info

2015/04/06 23 users Website Usability Info ユーザー

Talking about web usability, accessibility, IA, UCD, UX,... フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) 2015年4月7日 アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) ウェブサイトのフォームで、入力に不備がある場合、問題となってい... 続きを読む

JavaScriptによる自動振仮名入力「autokana」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/07/25 65 users jQuery フリガナ ライブラリ ユーザ ソフトウェア

autokanaはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。フォーム入力というのはユーザにとって相当なストレスになります。ちょっとでも面倒だと思うと諦めてしまいます。そこでなるべくユーザのストレスを減らして入力できるライブラリを用意すべきです。今回はフリガナ入力補助ライブラリautokanaを紹介します。 “な”と入力すると、ふりがなの欄に“... 続きを読む

Bootstrapのselectをカッコよくできる「Bootstrap-select」:phpspot開発日誌

2013/06/24 27 users select Bootstrap UIKit ベース 通常

Bootstrap-select Bootstrapのselectをカッコよくできる「Bootstrap-select」。 通常のselectをもっとカッコよくカラフルにすることが出来ちゃいます カラフルなのもなかなか使えそう 関連エントリ BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「... 続きを読む

フォームの入力をもっと快適にする「jq-idealforms」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/06/12 64 users jQuery MIT License エンジニア 機会 入力

jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてしまいます。そんな勿体ない取りこぼしのようにできるフォームがjq-idealformsです。 レスポンシブWebデザインなフォームです。入力... 続きを読む

BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」:phpspot開発日誌

2013/04/05 162 users Bootstrap インプット フォント 日付 通貨

BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。 次のよ... 続きを読む

フォーム入力をリアルタイムチェックすることでコンバージョン率が22%アップ | 海外SEO情報ブログ

2012/04/22 86 users コンバージョン率 リアルタイム 海外SEO情報ブログ 離脱率

[対象: 全員]フォームを入力するときの離脱率、ECサイトで言えば“カゴ落ち”を減らすための1つの手段を今日は紹介します。“Inline Validation”（インライン・バリデーション）がそれです。 インライン・バリデーションとはフォームを入力する際に入力項目が正しいかどうかをリアルタイムでチェックする仕組みです。日本語での適切な言葉を見つけることができなかったので、「インライン・バリデーショ... 続きを読む

郵便番号や地名を入力するだけでGoogleマップ検索できる地図コンテンツをjQueryで作る - かちびと.net

2012/03/01 84 users 地名 net jQuery jQu 郵便番号

ちょっと便利そうなライブラリがあった ので備忘録。Googleマップでキーワード や郵便番号を入力するだけで、該当する 場所を表示します。ちょっと場所を確認 したい、みたいなシーンは地味にありま すし、これは手軽に実装出来るので覚え ておきたい。 Googleマップネタです。jQueryでオート検索する地図コンテンツを作りましょう、というもの。フォーム入力の補助にもなりそうなならなそうな。 jQu... 続きを読む