Webサービス開発で知らないと損する！登録フォームでユーザーを逃さないのために必要な5つの手法
Webデザイナーや開発者さんは、いかにして多くのユーザーに途中で断念することなく、登録を完了させてログインしてもらうかということに、日々頭を悩ませている人もいらっしゃると思います。 この記事では、最近のWebサイトやサービスに見られる、ユーザー登録のための導線手法を紹介します。ぜひ、新しいサービスを考える際に参考にしてください！ Don't miss it!。 手法1. モーダルダイアログを使う ※イメージは、ゲッティ イメージズのものです。 モーダルダイアログとは、↑のようなページの上にページを重ねたような効果を言います。実はアレは、カッコいいだけではないのです。 この手法では、別にユーザー登録ページを設ける方法に比べて、ページ遷移によって利用者の意識が外に移ることがありません。 また、利用者には、目的のゴールが後ろに透けて見えている状態になるので、いつでも元のページ帰れる安心感があり、
jQueryで横スクロールのアニメーションするサイトを作る方法
「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる１つの方法を紹介しちゃいます！。 デモ スクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。 デモを見る 考え方 基本的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。 基本レイアウト HTMLとCSSは、下記のようになります。 <!DOCTYPE html> <html lan
Facebookのタグ入力欄のようなUIを実現するjQueryプラグイン
Facebookやdeliciousのタグ編集欄って、タグの入力・編集・削除が１つのテキストボックスの中で実現されていて、すごいと思いませんか？。そこで、あんなUIをJavaScriptで簡単に実現するjQueryのプラグインを紹介したいと思います。 jQuery Tagifyの紹介 jQuery Tagifyは、Facebookやdeliciousなどで見かける下のイメージのようなタグ入力欄のUIを作るための、jQueryプラグインです。 このプラグインを使うと、追加・編集・削除などの一連の操作を１つのテキストボックス枠で実現できるので、とてもコンパクトで、通常、難しくなりがちなUIをシンプルに実装できます（デモページも見てください）。 deliciousの例 Facebookの例 簡単な使い方 1) ダウンロード プラグイン本体とデモファイル一式は、githubのページの「Downlo
キッズ向けサイトを作る際に参考になる11のサイト
僕の苦手なデザインの分野の１つがこのキッズ向けサイトです。一般に子供は、原色に近い色を好み、反対に大人は彩度の低いものを好むと言われています。 だから、子供が見るように作ったサイトと言うと、大人には痛いほどカラフルなものが多かったりします。そこでこの記事では、いくつかの子供向けサイトを紹介してみようと思います。ブックマークして子供向けサイトを制作する際などに参考にしてください。 01. ダスキンキッズタウン 大人でも見やすい配色です。低学年用に漢字のルビをふっています。基本的にキッズ向けサイトでは、境界線を太めにします。 02. きかんしゃトーマスとなかまたち 青とオレンジの使い方にインパクトがあります。いかにも男の子向けって感じです。目が痛いです。 03. チャレンジウェブ（ベネッセ） こちらも青の原色が印象的です。 04. なるほど！エージェント 女の子でも、男の子でもいけそうなデザイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタルコンテンツ販売・配布なら 売っchao