iPhoneビギナー必見の小技・裏技・便利技を総まとめ｜参考になりすぎる記事も紹介 *男子ハック

2011/08/10 1466 users 男子ハック 便利技 裏技 小技 JUNP

JUNPです。iPhoneの初心者さんは知らないかもしれない便利な小技達。これを知っておけば、とりあえず脱初心者だよっていうTipsをまとめて紹介したいと思います。 スポンサードリンク iPhoneで使える便利なテクニック 他にもまだまだたくさんありますが、有名な小技・便利な小技を中心に紹介します。 1. サイト内の入力フォームは2本指スクロールで動かせる どこかのサイトのコメント欄など、テキスト... 続きを読む

今どきの入力フォームはこう書く！ HTMLコーダーが抑えるべきinputタグの書き方まとめ - ICS MEDIA

2016/03/10 1369 users HTMLコーダー 今どき inputタグ Prev 施策

ICS MEDIA HTML5 2016/03/10 今どきの入力フォームはこう書く！ HTMLコーダーが抑えるべきinputタグの書き方まとめ « Prev みなさん、エントリーフォームを制作する際、どのような施策をおこなっていますか？ コンバージョン率をあげるために、入力項目を見直したり、入力ステップを明確にしたりなど、ユーザーがストレスを感じないように入力フォーム最適化（ EFO対策 = E... 続きを読む

こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 ｜ マミオン有限会社-シニアマーケティング、ウェブユーザビリティ評価

2014/12/16 936 users シニアマーケティング アイカメラ 皇潤 マミオン有限会社 権威

マミオン有限会社-シニアマーケティング、ウェブユーザビリティ評価-アクティブシニア市場分析やアイカメラ（アイトラッキング）を利用したユーザーテスト シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統... 続きを読む

文章の「自動要約ツール」、ユーザーローカルが無償提供 - ITmedia NEWS

2018/07/25 736 users ユーザーローカル ITmedia News 文章 無償提供

ユーザーローカルは7月24日、入力した文章から重要部分を取り出して要約する「ユーザーローカル自動要約ツール」を公開した。Webサイト上で無償利用できる。 入力フォームにテキストを貼り付けるか、テキストファイルをアップロードすると、文章構造を分析して特徴語（特徴的な言葉を機械的に抽出した単語）や重要文を自... 続きを読む

スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳

2009/06/25 705 users エントリまとめ ネタ帳 フォーム インスピレーション 焦点

Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは... 続きを読む

入力フォームのプレースホルダを使ってはいけない – U-Site

2014/06/16 678 users プレースホルダ 要旨 U-Site 原文 著者

入力フォームのプレースホルダを使ってはいけない 公開：2014年6月17日付（日本語版）、2014年5月11日付（原文）　著者：Katie Sherwin 原文（英語）：Placeholders in Form Fields Are Harmful 要旨 入力フォームのプレースホルダテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また... 続きを読む

フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-

2011/01/05 636 users designaholic jQuery EFO 施策 ユーザー

最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。   まず、入力フォームを作成する際のポイントは、... 続きを読む

会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！

2008/04/09 588 users キャズム 敷居 PC編 会員登録 作り方

本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら"ユーザーID"と"メールアドレス"減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。... 続きを読む

入力フォーム改善でCV率16倍！成果を上げる18のテクニック

2014/07/29 587 users テクニック 成果 流入 コンバージョン数 顧客

たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します！」「申し込みます！」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれませ... 続きを読む

3大イラッとくる入力フォーム

2022/12/20 564 users

ペースト出来ないID/パスワード欄 4つに分割されてるクレジットカード番号入力欄 入力した後で記号は使えませんとか言ってくるパスワード欄 あと一つは？ 続きを読む

Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT

2007/11/08 541 users Ext JS prototype.js Firebug 動作

ごく普通の個人情報の入力フォームですね。 ■ Ext JSを使ったフォームのサンプル この入力フォームをExt JSを使ってリッチにしたものがこちらです。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめします。※注意2：Operaブラウザでは、HTMLエディタに対して... 続きを読む

コメント欄で使える10のWordPressプラグイン | Webクリエイターボックス

2011/10/12 424 users WordPressプラグイン Webクリエイターボックス

私はブログを読んで、感動した！ためになった！わからない、助けて！という事があれば、ほぼ確実に名前＋写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ！」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 1. Akismet 特徴 WordPressに標準インストールされているスパム対策... 続きを読む

あなたのウェブページが機能しているか7つの面からチェックできるオンラインツール -Spur | コリス

2011/09/11 424 users SPUR コリス ウェブページ エフェクト URL

Spurの使い方 入力フォームにチェックしたウェブページのURLを入力して、「Spur it on」ボタンをクリックします。 画像でチェックしたい場合は、「Spur it on」ボタンの下にある「Upload an image」をクリックします。 クリックすると、ウェブページに7種類のエフェクトを与え、そのままでは気がつきにくい面からさまざまなポイントを確認することができます。 以下、その7種類の... 続きを読む

入力フォームの「必須」「任意」のラベルは両方付けないとコンバージョン率が下がる | 海外SEO情報ブログ

2015/01/22 423 users 任意 コンバージョン率 ラベル 両方 要点

[レベル: 初〜中級]入力フォームのフィールドには、入力が「必須」なのかまたは「任意」なのかのラベルを両方付けることが推奨されます。 どちらか片方だけだと入力途中の離脱の原因になります。ECサイトのユーザービリティ調査と最適化を専門に扱っているBaymard Instituteが詳しく解説しています。この記事では、その解説の要点をまとめて紹介します。片方だけの「必須」「任意」ラベルの問題点入力が「... 続きを読む

Android UIのデザインパターンを集めた『Android Patterns』 - 100SHIKI ～ 世界のアイデアを日替わりで

2011/02/11 361 users 100SHIKI 日替わり アイデア Android パターン

ちょっと前からあるが、やっぱりこれから大事になりそうなのでご紹介。Android Patternsでは、AndroidのUIに関するデザインパターンを集めているようだ。データをどう見せるべきか、入力フォームをどう作るべきか、通知はどうあるべきか、などなどが画面とともに紹介されている。比較的自由度の高いAndroidであるが、ユーザーを迷わせないためにもこうしたパターンを抑えておきたいところだ。今年... 続きを読む

ショッピングサイトのプログラム改ざん クレジット情報流出か | NHK

2022/10/26 355 users プログラム改ざん NHK 何者 クレジット情報流出 港区

東京のIT企業が開発し、複数のショッピングサイトなどで導入されている入力フォームのプログラムが何者かに改ざんされ、少なくとも3800件以上のクレジットカードの情報が流出したおそれがあることがわかりました。 改ざんされたのは、東京 港区にあるIT企業「ショーケース」が開発し、ショッピングサイトなどで導入され... 続きを読む

無料で使えるかわいい8bitデザインのファミコン風CSSフレームワーク「NES.css」 - GIGAZINE

2021/02/03 327 users GIGAZINE NES.css アイコン ウェブサイト 要素

ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。NES.cssはさくらインターネットのダーシノ氏が開発を行っており、ボタンや入力フォームといった基本的な要素から、SNSやキャラクターのアイコンまで用意されています。 NES.css - NES-style CSS Framework https://nostalgic-... 続きを読む

ログアウト機能の目的と実現方法 | 徳丸浩の日記

2013/02/15 322 users エントリ 徳丸浩 議論 前提 認証方式

2013年2月15日金曜日 ログアウト機能の目的と実現方法 このエントリでは、Webアプリケーションにおけるログアウト機能に関連して、その目的と実現方法について説明します。 議論の前提 このエントリでは、認証方式として、いわゆるフォーム認証を前提としています。フォーム認証は俗な言い方かもしれませんが、HTMLフォームでIDとパスワードの入力フォームを作成し、その入力値をアプリケーション側で検証する... 続きを読む

人力検索はてな - 入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構で

2007/01/13 318 users 装飾 人力検索 派手さ 海外 デザイン

入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。 続きを読む

隠された10の便利なショートカット | Macの手書き説明書

2009/01/15 313 users Mac ショートカット 手書き説明書 アップルロゴ Tips

元ネタはこちらUnveiling 10 Hidden OS X Shortcuts おもしろそうだから、かなり意訳というか実際にやってみてどんな感じか掲載したいと思います。 Option+Shift+Kでアップルロゴを表示 これはかなり有名なTipsですね。 テキストエディタや入力フォームでOption+Shift+Kを押すと(フォントの問題でMacでしか見えません)を入力することができます。 ... 続きを読む

すてきな入力フォームを作るために調べてみたこと - console.blog(self);

2013/08/23 306 users タブ UI Design 2013-08-23 self 瞬間

2013-08-23 すてきな入力フォームを作るために調べてみたこと UI design 入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力... 続きを読む

[Google調べ] 入力フォームの最適化のために必須な4つの設定 | 海外SEO情報ブログ

2014/08/04 271 users フィールド ラベル 必須 エラーメッセージ 全員

[対象: 全員]Google Research Blogが公開した、ユーザーテストに基づく入力フォームの完了にもっとも大きな影響を与えた設定をこの記事では紹介します。次の4つの設定になります。入力条件を事前に指示するエラーメッセージをフィールドの横に配置する必須の項目と任意の項目を区別しやすくするラベルをフィールドの上に配置する順に説明します。入力条件を事前に指示する入力条件（たとえば、パスワード... 続きを読む

入力フォームの迷宮。全角数字を強要するフォームを理解できません。 | PLUS

2013/08/22 262 users plus 迷宮 全角数字 フォーム

前々から思っていたんですが、住所を入力する際に全角で入れてくださいという指定をされていることがよくあります。これ、毎回イラッとします。 住所が全角だろうが半角だろうが、システム側で勝手に変換制御してくれよって思います。システム上、全角でないとマズイかどうかは利用者にとっては関係のないことです。 例えば、住所が福岡市天神1-2-3だった場合、福岡市天神１−２−３と入れなおす。そうすると−が全角ではあ... 続きを読む

GoogleのChrome 52では「バックスペースキーを押しても前のページに戻れなくなる」ということで賛否両論が巻き起こる - GIGAZINE

2016/05/20 229 users ブラウザ バックスペース GIGAZINE 同機能 入力データ

By Azzazello 開発者版が2016年5月19日にリリースされたGoogleのブラウザ「 Chrome 52 」ですが、「バックスペースでページを戻る」機能が削除されていることが明らかになりました。入力フォームからバックスペースでページを戻ってしまい入力データを失ってしまうことを防ぐために、同機能を排除したとされています。 Issue 1854963002: Remove the defa... 続きを読む

MarkeZine：◎離脱率90%は当たり前！？最後の難関『入力フォーム』の離脱を改善する

2007/08/07 201 users コンバージョン サラ MarkeZine 離脱率 ご存知

資料請求や会員登録など、明確なコンバージョンを持つサイトの多くが『入力フォーム』を用意しています。みなさんはこの入力フォームでの離脱率がどの程度かご存知ですか？ドキッとするかもしれませんが、入力フォームでの離脱率が90%なんてサイトはザラにあります。今回の連載では、コンバージョン数増加に直結する入力フォームについて、どのように分析し、改善すればよいかお伝えします。 （2007/08/07 13:3... 続きを読む