ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう / ウェブデザインライブラリー
Home ＞ ウェブデザイン基礎講座 ＞ ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう ユーザーフレンドリーなウェブサイトで、サイトからの売上を伸ばしましょう 投稿日：2011年1月28日 レベル：初心者 ソフトウェア：− このチュートリアルでは、ユーザーフレンドリーなサイトを作るための5つのポイントをご紹介します。 Step1 ： はじめに Step2 ： ウェブサイトの表示スピードをアップする Step3 ： 見込客が探している情報を簡単に見つけられるようにする Step4 ： 読みやすいサイトにする Step5 ： スクロールの少ないページにする Step6 ： あなたと連絡をとりやすくする Step7 ： 結論 ・ウェブサイトの表示スピードをアップする ・見込客が探している情報を簡単に見つけられるようにする ・読みやすいサイトにする ・スクロール
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」:phpspot開発日誌
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」 2011年01月31日- Activity Indicator 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」。 通常こうしたローディングイメージを実装するにはアニメーションgif等で対応しますが、このプラグインを使うと、画像なしに綺麗なアニメーション付きの読み込みエフェクトを実装出来ます。 SVGやVMLを使ってクロスブラウザで動作するように設計されており、なんとIE6等でもＯＫだそう。 背景が何色だって気にする必要もありません。 関連エントリ クリックした位置にそのままローディング画像を出せるjQueryプラグイン「Spinner」 現在ローディング中であることをマウスカーソル近くにちょこんと可愛く出せる「prettyLoade
jQueryのプラグイン「Page Scroller」の機能を追加しました：更新- 3.0.8
ページ内をスムーズにスクロールできるスクリプト：Page Scrollerの最新版「3.0.8」をリリースしました。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 主な変更点は、下記の通りです。 3.0.8 スピードの調整が可能になりました。 動作しないエリアを指定できるようになりました。 area要素を使用したイメージマップでも利用できるようになりました。 詳しくは以下をどうぞ。 [ad#ad-2] ver 3.0.7からのアップデート方法 スクリプトの既存の仕様に変更はありません。 同様に、ご利用いただけます。 スクロールのスピードを調整する方法 スクロールのスピードを調整できるオプションです。 スクロールのスピードを調整 スクロールのスピードを調整する方法 スクロールのスピードを任意に変更することができます。 ※デモはスピー
商用利用も無料、水彩タッチの高品質なテクスチャ素材
テクスチャのキャプチャ テクスチャ素材の利用は個人でも商用でも無料、とのことです。 また高解像度なため、そのまま背景として使用してもよし、写真などの画像にエフェクトとしても面白い効果が得られます。
既存のフォームをユーザーに使いやすくする10のポイント
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
黒ベースのクールかつフリーなWordPressテーマ色々:phpspot開発日誌