ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス
色と消費者 色はデザインの重要な要素のひとつです。しかし、全世界において共通しているとは言えません。北アメリカで注目されやすい色がインドでも同じとは限りませんよね。下記は北アメリカのオンライン消費者への色の働きです。 黄色 楽観的・若々しさ。ウィンドウショッピングをしている人の注意を集めるために使われます。 赤 エネルギッシュ。心拍数を高める色。緊急性があり、セール中の商品に使われます。 青 信頼と安全の色。銀行や企業のメインカラーとして使われます。 緑 裕福・リラックスを連想させる色。目に優しく、一連のプロセスを容易に見せます。 オレンジ 活発・活動的な色。「購入する」「購読する」などのCTAボタンに使われる事が多いです。 ピンク ロマンチック・女性的な色。若い女の子や女性に向けたECサイトで使われます。 黒 パワフル・滑らか・光沢など。高級な商品を扱うサイトで使われます。 紫 落ち着き
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
kishin Design | Macとデザインと美しいモノのブログ | エレベータの「閉」は不用
X8.cn ￥52888 秀吧/小8 8P.cn ￥36888 八品/8铺 5Z.Net ￥45888 五洲 6i.Net ￥36888 乐爱 7H.com.cn ￥8888 七禾 8H.com.cn ￥8888 8号 E51.com ￥28888 医无忧 51P.com ￥48888 我要拍 C7C.com ￥28888 c7c 3BW.com ￥48888 3百万 BW1.com ￥23888 百万 82W.com ￥48888 八二网 82P.com ￥38888 P=PJ 81P.com ￥38888 P=PJ 81K.com ￥38888 K=K3 65D.com ￥38888 D=DF 59D.com ￥38888 D=DF U76.com ￥38888 U=游戏 U71.com ￥25888 游企业 U91.com ￥28888 91系 W61.com ￥38888 W=WN
画面の動きを動画ファイルに保存！ - 日経トレンディネット
パソコンの画面を静止画としてファイルに保存するソフトはいくらでもある。「劇場版ディスプレイキャプチャーあれ」は、画面上の動きを動画ファイル（AVIファイル）に保存するソフトだ。動きを保存するソフトもいくつかあるが、フリーでここまでの機能を持ったソフトは珍しい。 操作は簡単で、プログラムを起動し、範囲設定と録画設定を行って［録画］ボタンをクリックするだけ。［隠す］ボタンをクリックするとメインウィンドウが非表示になるので、全画面の録画も可能だ。録画の開始、終了はタスクトレイ上のアイコンで操作する。また、一定時間が経過したら録画を開始する「タイマー録画」もあるのだ。
STUDY-NET おぼえがき -【JavaScript】フォーム入力チェックValidate.jsを試す
WEB開発に関するプログラムのおぼえがきです。 Java,PHP,Flex,AIR,AJAXなどの技術メモブログです。 JavaScriptのValidate.jsを使って簡単な入力チェックフォームを作成してみます。 入力フォーム中のテキストからフォーカスが外れた際、入力チェックを行いエラーメッセージを出力する簡単なサンプルを作成してみます。 JavaScriptのValidate.js JavaScriptの入力チェックライブラリ「Validate.js」には、色々な入力チェック関数が用意されています。 例えば、必須チェックや数字のみ、日付形式などがあります。 ■必須チェックの場合 var f = new Validate(); if(!f.isNotEmpty(document.validateForm.nom.value)){ alert("Empty"); }else{ alert
JavaScript/フォーム - TAG index
フォームに関連するJavaScriptのサンプル一覧。スクリプトのコードと使用例を紹介。
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
サクラクレパスの404エラーが素敵なので、404ページを集めてみたくなったのだ｜広報・マーケティング向けブログ｜ネットPR.JP
URLを聞いて実際に見てみたら、そのページは既になく「404 File not found.」と寂しく表示されるだけ。そんな経験されたことがあるんじゃないでしょうか。そんなちょっと寂しい思いにさせる404ページが、もしも素敵だったら？それはいいですね。 はてなブックマークで、昔に「トリビアの泉」でやっていた「まつざきしげるいろ」のサクラクレパスによる紹介のページがいままたなぜだか話題ですが、ブックマークのコメントで知ったエラーページ「404 File not found.」が素敵です。 サクラクレパスの「404 File not found.」が素敵｜前向きストラテジー 確かに素敵。 じゃあ、他にどんな404ページがあるのか好き勝手に見てみました。 アップル。お勧め記事も教えてくれます。 livedoor。トップページにリダイレクトされます HONDA。可愛らしい車が出てきますよ。 花王。
創造性あふれる404エラーページを作ろう＆参考になる404ページ紹介 | Moz - SEOとインバウンドマーケティングの実践情報
よく私たちがクライアントにお勧めするアドバイスの1つに、404エラーページを必ず適切な構造のものにしておくこと、というのがある。一般に私たちは、次のうち少なくとも1つを404エラーページに盛り込んでおくよう勧めるのよ。 存在しないページにアクセスしようとしたことを伝えるメッセージ検索ボックスサイトマップへのリンクホームページへのリンクさらに404エラーページといえど、デザイン的にも美的にもサイトの他のページと共通していないとだめ。404エラーページをたくさん見てきたけど、すごく平凡で、サイトのデザインを反映していないページのなんと多いことか。なんだかそこだけ浮いた感じで、ユーザーを混乱させてしまいかねない。 もう1つユーザーを困惑させるのが、勝手にホームページにリダイレクトしてしまうこと。SEOの立場から言わせてもらうと、正しくないURLを301でリダイレクトするのは、ユーザーがどのページ
もっともダウンロード数が多いのは"緑色" - Firefox分析 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable 定期的に何度もFirefoxをダウンロードしているユーザはもう気がついているかもしれないが、最近、Firefoxをダウンロードするときに表示されるボタンが緑色基調に統一されている。これは偶然こうなったのではなく、調査の結果、この色の場合がもっともダウンロード数が多かったことが理由になっているとFirefox is Green - Blog of Metricsで報告されている。 記事によれば、Mozillaプロダクトに関する情報収集や計測、分析を担当しているMozilla Metricsはwww.mozilla.comにおいて1週間ごとにFirefoxダウンロードボタンの色を変更して、ダウンロードにどういった違いがでるかを調査したという。訪問者の数から実際にダウンロードを実施し
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
ユーザーの機嫌を損ねる行為10選 - builder by ZDNet Japan
特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 自社利用の知見・経験を顧客に提供 コンテ
【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)
これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例えばTIGERS （http://www.tigers.org.au）のフッター(下図)では、革
携帯サイトで会員登録を阻害する4つのハードル (ユーザビリティ実践メモ)
携帯向けサイトを運営する中で、アクセス数はそれなりにあるのになかなか会員登録に結びつかずに歯がゆい思いをされた経験のある方も多いのではないでしょうか？ 安易に広告投下費用を増やす前に、もう一度原因を考えてみましょう。 不要なメールマガジンが届くのが嫌だ 個人情報を登録することに抵抗がある 情報を入力するのが面倒 あえて登録する必要性が感じられない これらのハードルを乗り越えるためのポイントを整理しました。 1.メールマガジンは配信頻度を明記する これまでに何らかの無料サイトに登録した結果、大量のメールが届くようになったという苦い経験をしているユーザは意外と多いものです。 メールマガジンの受信が必須のサイトの場合でも、あらかじめどの程度の頻度でメールを送付するのかを明示しておくことで、一定程度ハードルを下げる効果が期待できます。 2. 個人情報を登録させる場合には理由を明記する ショッピング
» WEBユーザビリティを維持するための8つの習慣 at IT思想ログ - WEB、テクノロジー、生き方、徒然。
月に1時間でできる、サイトのWEBユーザビリティを維持するための８つの習慣を、 「8 Tips for Maintaining a User Friendly Site in One Hour a Month」（UX Booth）よりご紹介。 1. リンク切れをチェックしよう リンク切れの外部サイトや、古いファイルへのリンクには注意。 デッドリンクはユーザに不快極まりない体験を与えてしまう。 2.問い合わせが出来るかを確認しよう 問い合わせフォームへの入り口や連絡先は見つけられるか。 キャプチャは読み取れるか。 直近の連絡内容から、フォームの入力欄を変えられないか、再度検討してみよう。 ３．コンテンツを読み直そう 誤字･脱字がないかをチェックしよう。 もっと簡潔に表現できる部分をないか。 文量を10%削減してみよう。 ４．画像やアイコンを見直そう 画像は意図通りの位置に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」:phpspot開発日誌
http://www.designwalker.com/2009/09/shopping-design.html
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌
ECサイトの会員登録画面・ログイン機能を作成しよう！ プログラミング未経験から始めるPHP入門～応用編(3)
http://japan.internet.com/webtech/20090623/8.html?rss