料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！ | Webクリエイターボックス

2015/05/27 613 users 実例 Webクリエイターボックス コンバージョン コツ 選択肢

サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。... 続きを読む

ヤフーショッピングが無料になったので他社状況も調べて料金表を作ってみた « 佐藤の原稿用紙1枚分

2013/10/07 708 users ヤフーショッピング ショッピングカート ヤフオク 見解 出店

ヤフーショッピング、ヤフオクへの出店などが無料になった発表で、僕のソーシャル上は話題が埋まっています。 いろんな見解はありますが、特に影響を受けそうな楽天市場などの他モール、カラーミーショップなどのショッピングカートとどのくらい料金差が出るのか、自分の整理用にサクッと調べてみました。 初期費用、月額費用、売上手数料、商品登録制限を調べました。 ※各公式サイトから僕自身が調べて表にしました。正確な情... 続きを読む

テーブルを使ったいろいろなjQueryプラグイン26個まとめ | Web活メモ帳

2011/05/17 525 users テーブル Web活メモ帳 クロスブラウザ ページング エクセル

料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザな... 続きを読む

テーブルに実装できるjQueryプラグインいろいろ | DesignWalker

2009/09/15 620 users DesignWalker ページング jQuery リサイズ

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。 テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。 今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。 Flexigrid – Web 2.0 Javscript Grid for jQuery カラムのリサイズやソート、ペ... 続きを読む

Tableのデザインまとめ | DesignWalker

2009/01/13 820 users DesignWalker table サンプル スペック表

料金表やスペック表などに使えそうなTableのデザインを探してみるといろいろと見つかりました。 以前にもこのブログで「TableとCSSいろいろ」でもご紹介しましたが、 今回はTableのデザインパート２と言う事で、いろいろとまとめてみました。サンプルやダウンロードページが別に分かれているところは、そちらのリンクも記載しておきましたので、参考にどうぞ。 dhtmlxGrid ダウンロード Unob... 続きを読む

料金表のデザインいろいろ - DesignWalker

2008/05/06 813 users CSS アイコン テーブル DesignWalker プラン

料金プランやサービス内容などの比較など、単純にテーブルで組んでいるだけでは、なんだか味気ないですよね。 おすすめのプランを少し、大きく表示して目立たせたり、アイコンやボタンを使って分かりやすく仕上げたり…。 今回は、とってもきれいな料金表デザインのまとめです。 今回ご紹介するサイトの料金表のデザインは、テーブルを組んで、そこにCSSでデザインをかぶせているサイトが多いので、単純にテーブルのデザイン... 続きを読む

TableとCSSいろいろ - DesignWalker

2007/10/04 788 users table divタグ コーディング CSS 主流

サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。 例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。 っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。 1. 16 Sortable Table Techniqu... 続きを読む