タグ別アーカイブ: best practices

crumbs-featured

パンくずリスト (右の方法) を使用する方法

From How to use breadcrumbs (the right way)

ヘンゼルとグレーテルの童話との関連付けを持ち出す. パン粉、ヘンゼル ル帰りは再び彼を見つける彼を助ける鳥類のパン粉。
パン粉との関連付けがおそらくまだ強いのパンくずリストとして徐々 に変化している、グリムの物語の王国ナビゲーションは、サイトの訪問者のより良いユーザー エクスペリエンスを作成する web デザイナーを助けます。
このグラフィカルなコンtrol 要素は、です提供サイトのナビゲーション補助として非常に有用な目的を果たすインテリジェントに。
ために歩道に依存する必要がある経験の浅い方に天の恵みすることができます。
それらをあなたのクライアントのサイトの追跡します。
パンくずリストのトレイルを維持トラック of と表示順序で時々 の訪問者が表示されているすべてのページと述べたページ vi別のアレンジで ewed、他の回。
ここでは、あなたの警戒にパンくずリストを統合する方法です。
イオン意味深長: 3 種類の階層リンク ナビゲーションが、パンくずリストの 3 つの主な種類s が最後の 1 つよりも人気があるという 2 つの任意の特定のサイトに通常発生します。
中堂イオン パン粉 2 つの最も人気のある種類の 1 つが発生するよ、パンくずリストの場所を教えて、ユーザーは、サイトの階層に関してであります。
その簡単な組織を織エント ユーザー サイト内で明確な方法で非常に広く使用されるこのタイプになります。
座っての間で人気多数レベルのコンテンツとナビゲーションの層を持つ es 場所パンくずリスト ユーザーに力を与える効率的に戻る前、簡単なコンテンツのより高いレベルをクリックします。
また、場所 breadcrumbs は静的 (彼らは変更されません)、し、ユーザーの方向を変えるための信頼性の高い方法です。
1 800 花は、パンくずリスト機能場所の典型的な例を提供します。
買い物するたびに訪問私の誕生日のフラワーアレンジメントのページの彼は最初にクリックしていたことがわかります、ホームページから始まって後誕生日カテゴリです。
もちろん、彼はそれぞれのより高いレベルの br をクリックできます。
即座にそこに eadcrumb。
属性パン粉属性パンくずリストは、2 番目の主要な type に遭遇するでしょう。
場所パンくずリストとは異なりこれらの作業のようなものにそのフィルター選択ちょっとではない静的と継続的にユーザーの好みに基づいて変更します。
Y をまったく教えてくれませんou、サイト上の位置が、代わりにページのコンテンツについてのメタ データを表示します。
属性 breadcrumbs は、あなたが望むものをカスタマイズすることのできる電子商取引サイトに人気したがって購入、そのような車のサイトのように。
その結果、必ずしも階層リンク appr のこの型を使用できません。
あなたは既に訪問したページに戻る方法を見つける oach。
私が話しているものを参照してください。
Cars.com のパン粉。
メーカーやモデルによって車を検索するときに気づく付近パンくずリストe トップ - サイトのロゴの下に、画面の左側。
今年、製造元とモデルを表す前のページiou の検索サイトで、古いを再訪する信頼性の高いトレイル ページを提供していないが、として表示します。
この種類の階層リンクと場所パン粉、wh の違いに注意します。
ich では、あなたが最近訪れたページを正確を再訪することができます。
パス ブレッドクラム パス パン粉、少なくとも 3 つの人気のある再ので、率直に言って、すべての彼らを行う複製どのようなブラウザーは 'すでに s [戻る] ボタンを行います!まったく UX を向上する支援されていませんそれが非常に冗長ではなく. またとして知られている歴史トレイル ブレッドクラム パス本当にあまり役に立ちませんから give 追加のコンテキストまたは訪問者の奥深くにあるページに着陸するための情報、サイトの階層です。
例彼はシアを見つけたので商品ページに着陸な訪問になるだろう彼がつけた ch 結果。
パンくずリストのこのタイプの発生、これらの UX の問題のためにs 取得ますます今日のサイトでそれを見つけることは珍しい。
どのタイプがどのようなサイトに最適? パンくずリストの 3 つの主なタイプの内訳は、ほとんどスーツである明白な質問を頼むできる何のため? 多分アカンもう 1 つを始めてこと: path パン粉。
非常には、少なくとも、これは UX; 助けない最悪のシナリオは、ユーザーdif の適切な階層を表示しないのでパス パン粉によって実際に混乱可能性があります。
サイト内の別のレベル。
今では私たちは道をある、中堂だけに焦点を当てるイオンと属性のパン粉。
場所パンくずリストが大きなサイトに適しています非常に深い内容のレベル。
これの優秀な例は eBay、巨大な店舗であるためすべてのアイテムの販売またはオークションのためにであります。
したがって、パンくずリストの場所に最適です。
訪問者として、コンテンツのこの深さは明らかに余分な向きを使用できます。
今我々 の att を回しましょうパンくずリスト属性に ention。
Cars.com と上記の例からわかるように、e コマース サイトfer 買い物客多くのカスタマイズ オプションは、ナビゲーション ai のこのタイプを持っていることのメリットは大きく+ サイトのさまざまなカスタマイズ オプションを買い物客に圧倒的にすることができます。
だからこそを与えること、これらのフィルターにかなって場所パン粉よりも買い物客が追跡したいので m彼らは検索結果、注文に行った様々 な変更。
Breadcrum のベスト プラクティス一般的に、あなたのクライアントの s の階層リンク ナビゲーションを設計するときこれらのヒントに従っている場合 bsアイテス、あなたは間違って行くことはできません: 階層リンクのあなたの道で重複する要素がないことを確認s (読む: ページを複数のカテゴリやコンテンツのレベルを) 実際に conf をできるのでユーザーを使用します。
大きい-不等号 (>) これは wh と、パンくずリストのリンクを解除するにはユーザーが既にサイト知識と規則の年から期待しています。
キーワードを使用します。
あなたの中のさまざまなカテゴリの名前を決めるときの seo の実際にランクしたいです。
これにより SEO として r パン粉。
パンくずリスト: 素晴らしいアイデアは、常にではない人間と適切に使用がy 概念設計と UX、ユーザーに非常に役立つことができる素晴らしいアイデアになる難しさそれは正しく実装されていません。
この簡単なガイドは、何かである: 知識を装備するため影響を与えてないのではなく、UX を最適化するためにパンくずリストを設計、あるいは権限を与えるエッジを傷つけるそれは。
サイトのすべての種類の絶対必要ではない中、パンくずリスト元のユーザーに提供できます。
彼らはいずれかのコンテンツまたは o の多くの多くの層に直面しているときにナビゲーションに役立ちますの tra 層彼らは、フィルタ リングしたいオプション。
どちらにしても、最終的に c パンくずリストから派生した使いやすさデザイナーは、クライアントのサイトにそれらを実装する方法にダウン omes。
確認することによってその申込み階層リンク ナビゲーションの種類ごとの背後にある目的、右の c に自分を支援し、デザインしているサイトの種類の hoice。
サティ、あなたをインテリジェントに選択、sfied ユーザー、幸せなクライアント、および良好な紹介、ので時間がかかるいくつかの余分な注意次 deali をしています。
パンくずリストと ng。
ウェブサイトと Pinegrow Web デザイナーとより高速な WP のテーマを構築のみ $ 24! ソース p img {表示: インライン-ブロック; 余白、右余白。
10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 車体の div、体 #podcast p #browserfriendly p#emailbody p {余白: 0;}
featured5-280x137

デスクトップのサイトを携帯に変換するための重要なヒント

From Essential tips for converting a desktop site, to mobile

必要があるモバイル デバイスは今人気のデスクトップを抜いているので、デザイナー d念頭に置いてモバイル esign。
携帯最初は手法として人気のある mobi を拡張する方が簡単だからダウン スケール デスクトップより、ル しかし、時々 選択肢はあなたの手から来ています。
一般 designers は、携帯電話に既存のデスクトップ デザインを適応させる自分自身を見つけます。
いくつかの要素がないので、t はうまく翻訳、それは本質的な設計者が理解する場合どのような特定の調整・ デ ・小さな画面に署名。
ここではどのように. 抱擁ミニマリズム ミニマリズムは web に親しまれてきた年間のデザインの今、単にのでそれは頻繁にエイズの使いやすさと良さそうに、あまりにも。
それに来るとき携帯電話、しかし、ミニマリズムは、審美的な選択肢の少ない純粋な使いやすさに基づくものであります。
A機能を切断、ニールセン ノーマン ・ グループに不可欠な携帯電話のデザインで。
それでは、彼らはすでに確立されたデスクトップのいずれかからモバイル サイトを構築しようとデザイナーのための平均か。
モバイル ユーザー経験に不可欠なものはないことを意味します。
たとえば場合に、製品 dis の同量からデスクトップ、モバイル e コマース ストアを移行しています。
モバイル サイト上で再生買い物客がすべてを見つけることができるようにしたいのでそれだけ理にかなって同様にそれはそれを販売しているすべてを表示するオンライン ストアを望んでいるオンライン ストアが提供しています。
s サイトの訪問者。
最新のお得情報、大きな広告カルーセルただし、可能性があります合理的にするが刈り込まれています。
ビット。
非表示ナビゲーション携帯電話の画面の最も一般的な機能の 1 つは tha ハンバーガー メニューです。
t 3 つの水平の線分でほとんどどこにでも小さなアイコンが互いの上に積まれて。
ティs は携帯の画面サイズを小さくは、デザイナーの周りを変更するを強制的に別の完璧なケース予想される要素は、デスクトップの特定の方法を見てください。
上の分割の意見にもかかわらず、ハンバーガー メニューの存在、それは携帯電話の画面上で、かなりユビキタスだけですのでデザイナーは、暴徒にデスクトップからナビゲーション メニューをダウンスケー リング手法の発見した最適なソリューションイル デバイス。
ボビーのバージと呼ばれる彼のチェーン飲食店の有名なシェフ ボビーフレイのウェブサイトをチェック アウトします。
r 宮殿。
予想通り、ナビゲーション メニューは、ホームページの上部に水平に広げてまだサイトのモバイル版に行くと、水平方向のメニューがなくなっています。
Nea は、その場所t と整頓されたハンバーガー メニュー画面の同じ場所で右が長く水平方向のメニューをウルドは、デスクトップのバージョンであります。
ウォルマートのデスクトップに mobi のハンバーガー メニューを使用ル設計の変遷。
そのデスクトップのサイトにウォルマートが表示されます「すべての部門」ドロップダウン navig同じページ上のすべてのナビゲーションの選択肢の 2 番目の層を切り開く情報。
モバイル サイトにその機能は小さい画面サイズのために可能交換は設計されているので、ネッド: ナビゲーションの選択肢の 2 番目の層は、ハンバーガー メニューとこれらより、m を開くすべての選択と鉱石ナビゲーションの選択肢 — ほとんどの左の t からの本のページをめくるようなo 右。
簡単であるという事実だけで良いときに合わせて 1 段に切り替え、cあなたを覚えている場合あなたのクライアントかよ omes 携帯電話のデザインに、1 列のレイアウトクリーナー小さい画面上で動作する、ユーザーのために簡単です。
シングル c の大きな利点列レイアウトが離れて水平スクロールするページ上のテキストの多くを持っていたかのようなd は、画面を左から右に読むことを強打する読者を望んでいた。
Singl を導入するときe 列のレイアウト、合理化するユーザー エクスペリエンス ユーザーは単に読むのためにスクロールを奨励上または新しいページに表示するリンクをクリックします。
これを右に左にスワイプする強制的に打つt 単にスクロールよりもやるには難しく、特に考慮するときユーザーの親指 pモバイル デバイスを保持方法を基準にして osition。
デスクトップのウェブサイトのニューヨーク ・ タイムズ newspアパーチャは、複数の列を備えています。
クライアントのユーザーは、si をことができるとき、それは、デスクトップで使いやすいmply は、トラック パッドやマウス カーソル左から問題なく右に移動します。
もちろん、新しい York 回モバイル サイトを認識してどのようにものを紹介するので、小さい画面で変更するにはクリーンで効率的な単一列設計読者 eff だけはできるだけユーザー エクスペリエンスを向上します。
ortlessly 自分の親指でより多くのコンテンツをスクロールします。
携帯のためモバイルに関する考慮事項今日のユーザーの s の影響、常に携帯電話を設計するデザイナーがあります。
それは s には十分ではないです。
デザイン携帯電話デスクトップのサイトと共にサイトや電話も携帯、その設計を意味する! D携帯電話用の立案というは実際に ma する必要があります、特定の調整に配慮小さな画面を設計するとき、クライアントのサイトの ke。
これが話したすべて含まれていますについて、上記 1 段ラに移動するナビゲーション バーを非表示にするデザインのミニマリズムからセクシャリティ。
あなたのスキルでこれらのベストプラクティスを採用し、完璧な fi は、サイトを作成します携帯電話用 t。
2200 + ポーズで 22 のスーパー ヒーロー漫画のキャラクター 24 ドルのみ! ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float:left;} p.showcase {オフ: 両方;} 体 #browserfriendly、p 本体 #podcast、div #emailbody p {余白: 0;}
featured_ambition-280x137

1 ルールすべてデザイナーが住むべきであります。

From The 1 rule all designers should live by

暖かい夏・ #821 の Thomas ヘザーウィック 2012年オリンピック聖火台がその 204 枚の花弁を展開するとき7; ロンドンの開会式中の s 夕方多くは畏敬の念で息を呑んだ。
それを見事に捕らえてで、瞬間、楽観主義とオリンピックの精神の中核にある人間の達成。
Somethin だった誰が前に見ても期待; g間違いなく新しいテレビを設定、その大胆でユニークですrd。
まだ純粋な楽観主義のこの精神は、供給不足をするようです。
読んで驚いたそれをリスト o を公開する必要感じているいくつかのデザインの偉大なと良いこと WebDesignerDepotf デザイナー宣誓。
すべてのモダンな医師や医師に誓うヒポクラテスの誓いをモデルにしました。
患者を守るため、これら designerly ものに着手、デザイン、すべての形態のプラクティス、栄光-は ’ t を得るそのブーツにすると、不気味、大きすぎる最終結果良い '。
誓いは、デザイナーの合わせたもの含めるの日常の多くの基礎を構築されて鼎の判断、共感、人間本位と創造性。
R を必要としないデザインを見せてください。
efashioning リソースの動作は変更されませんまたは収益に寄与しない.クライアントのビジネス! まだそれらをすべての基礎となる感覚、信念-false 深く 1 つの in 私の意見-デザイナーが放置する場合で、そのインチ reined する必要があります、デザイン、harmful より多くの責任で治療する必要があります。
この感情を反映して、多くのより広い社会的 ambival人間は、デザイナーとユーザーの両方について体験します。
たとえば、1 つの原則は設計する必要があります。
:"ecocentric ホリスティック [が] 行動操作のそれらのツインのトラップを回避して純粋な収益性。
」Sa 行動変容の可能性を受け入れ、この矛盾は別英を:「こともあります私力の内で [デザイナー] として、生活に適応するにはがこの素晴らしい responsibしされる必要があります直面する偉大な謙虚さと弱さと自分の意識します。
"それくらいの華やかさで終わるさっぱり (これらのステートメントの多くを行うには)、示す:「上記のすべて、私必要があります再生できません神で」。
Let's get いくつかの視点。
(、これを行っているリソースをたて直すを必要としないデザインを見せてください。
何から mething) の動作は変更されませんまたは、profitabilit に寄与しません。
クライアントのビジネスの y!確かにこれのすべては衝撃とデザインの成功に不可欠です。
エルsewhere、誓いの創造性、想像力、および野心の抑制につながるだけ、エンドユーザーの名前 ll。
1 つは、'ユーザー' が無視されると主張するだろう、それは悲しい情勢においては、理性と感性デザイナーからそれでデンにならない場合はigrated:「最高のデザイン自分のニーズないデジ ユーザー理解からもやしgner の夢、前提条件、または審美的な好み「それが事務の悲しい状態場合、ポテ。
同じ静脈では、理性と感性デザイナーからの可能性をので denigrated 必要があります、続いて:"私は偉大な謙虚な気持ちで私の練習の結果を理解する目標する必要があります私自身の偏見の意識」これはのみも重い意味を持つデザイナーを量ることができます。
道徳的、倫理的責任を含む:"全身苦しみを和らげるためにこの素晴らしい responsibility する必要があります直面する偉大な謙虚さと自分の限界の意識します。
"それは t で終わる彼の身近な公教要理:「とりわけ私必要がありますいない神プレイ」。
一方、すべてのこれは、またはいくつかをない可能性があります。
効果で設計の品質、それは、日々 デザインのわびしい、bu を仕事、確かにデザイナーのための rdensome。
すべてのステートメントについて印象的なは彼らの尊大さなく t です。
ちょっと入れている台座の上社会、polit のすべての方法を解決することができますと考えているデザインの種類ical と経済的苦境。
誓いは noticably 番目の材料を作る創造についてあいまいなイングス。
これらの日、'もの' を作るに関与していることを認めるデザイナーはクターのようなビットです。
石炭やライオンを殺すを好みに合わせて大きめ。
代わりに、それはよりファッショナブルな設計を目指す逆説的に (にもかかわらず、著者らはそれを認めない) を目的とした n b のための設計ehaviour を変更します。
最も顕著な最先端のデザイナーの多くは積極的に切り開いてで取り組んでいますどのように私たちの生活を変更する ng。
間違いなく、彼らを支援しているギャップを埋める、政治家やポル氷メーカーはもはやリードを引き継ぐように喜んで感じるまたは他の専門家に延期することを好む他のターn 自身。
医療を取る。
世界的に議論、プリベンを奨励するデザインを使用する方法については生活習慣病で入院する人の数が減るプールシンチグラフィの議題、喫煙や過食など。
医療 expenditur を切断に本物の挑戦がある間全体の一部である e、(他の多くの社会政策の取り組み) と一緒にこれらのデザイナーの介入研究者はそれがライフ スタイルを変更する使用する道徳的に正しいかどうかを決める必要があります懸念s. デザイナーのために働く人を決定するすべての権利がある人には支払われないし、吹き込む、可能なデザイナーのために働く人を決定するすべての権利があるすべての最高の意図が働く who が支払われないし、可能なすべての最高の意図が自分の仕事を図ります。
それがある必要がありますが、しまうということ医療と行動のデザインなど、非常に迅速に invol を認識彼らのスキルとは、'神の再生' 送金以外は、おそらく決定の粘弾性ダンパー。
スイス連邦工科大学ics とデザインも一緒に座っているほとんど。
自分の仕事が良いかどうかを判断するデザイナーを求めてください。
-道徳的にまたはそうでなければ-は、独自の料理を判断するシェフを尋ねるようなものです。
唯一のアービター何かが良いかどうかすることができますのみ、クライアント、エンドユーザー、ultimatel を持っている人です。
y はそれを支払った、それを委託したまたはそれを買った。
広範な問題は、これらの議論を終了する傾向があります。
我々 がそれを最も必要と時に技術革新と創造性を抑制します。
我々 は underdeve の世界に住んで切られて約束、多くは消極的、材料、技術、プロセスのより多くの使用をようにする方法リスクを取ると、新しい方法での問題を考えてください。
無人の車と交通の未来;グラフェン; のような材料の新しい用途を見つけるために必要な想像力方法の成長の成長を助けるping 世界資源、成長と高い生活水準に飢えている-これらのことができます、should は、デザイナーを刺激します。
デザイナー、質問自由の貿易のかどうか、まだ倫理の精神します。
アルおよび道徳的な責任、我々 すべて苦しむでしょう。
それは、デザイナーが = シュル = 間違っていることができません。
イーリー私、あなたと国民の残りの部分が最高のアービター役に立つ、私たちや他のメディアにとって何が良いの処分にあたるを無視する必要があります。
じゃないと、簡単を満たすデザインを作る問題の十分なこの他のすべてのものについて心配ですか。
神は、十分な悪いデザインの周りがある知っています。
我々 はできるだけ have は、特権のデザイナー彼らが得意とする領域がある場合。
つまり、letting の華麗な仕事を作り出すそれらヘザーウィックのオリンピック聖火台のような。
それは均等にプロジェクトをされていることを意味します。
cal、切断のような恐ろしいサイズに事読めない 2012年オリンピック書体。
デザイナー need 1 つだけルール: 野心的なことに。
行うことができ、簡単なを答えたかどうかを決める世界または even より良い場合は、ずっとそれを越えて行きました。
注目画像は、シャッターを介して野望画像。
創造性バンドル 170 + モックアップ、ヘッダーおよびデザインの基本ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;}p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}

無限スクロール傾向は、右の方法を使用する方法

From How to use the infinite scrolling trend, the right way

無限スクロールは近年共通のデザイン パターンになった。
多くの高プロファイルの社会でネットワーク ソリューションを採用すること、そこに最も広く採用されているパターンのいずれかに来ています。
.けれどもしかし人気のある、あらゆるデザイン パターン常にはユニークな強みと弱み我々計画する必要があります。
行われ、ひどく、無限スクロール、UX を台無しにされ、完全な失敗を保証ユーザーとして大挙してあなたの砂漠の。
右、それを得ることもできます、直感的な人気と成功サイト。
デザイン パターンを実装するときなぜ婚約をドライブの無限スクローリング理解それ常に、プロを評価するために重要なとユニークな各シナリオの短所します。
どのようなより多くの u の結果他の誰かのための ser の関与あなた自身のユーザーから少ないユーザー婚約実際に可能性があります。
For 無限特にスクロール、ユーザーと対話しているコンテンツの種類についてのすべてです。
提供すること、ユーザーがコンテンツの目標の種類を決定することができません。
デザイン パターンに洞察力とあなたがあなたの状況で最高の仕事します。
これは、p に適用します。
attern は、しかし、特に無限スクロールします。
婚約高いコンテンツをつかむしようと長期間のため、ユーザーの関心を維持または対話的になるように努める、単純にはt 典型的な無限スクローリングのための理想的な候補です。
あなたの目標を読むあなたのユーザーを持っている場合のように、それぞれ個別の記事を共有する、それら一度にを介して動作する数十を与える圧倒的に見えることがあります。
言われて、媒体は ty はないコンテンツを正常に実装する方法を発見しました。
pically の無限スクローリングを恩恵を受ける。
次の 10 か 20 をユーザに提示するのではなく記事、媒体は各記事の最後に単一の推奨事項を説明します。
これは、滞在する場合は true、こんにちはgh 婚約関数は、ブラウズ機能の無限スクローリングをもたらすことの利益を提供しています。
だからしばらくの間高関与あなたの目標があります、あなたの創造的なソリューションを作ることからあなたを阻止させてはいけないr 自身。
低エンガ必要なコンテンツを最高の状態では低い婚約コンテンツの無限スクローリング管理。
Twitter や Facebook のようなサイトは、この壮大な例です。
これらの典型的なユーザーサイトは、単にコンテンツの利用がほとんど積極的に対話することは、リストの下スクロールします。
しばらくの間状況のこれらのタイプのユーザー婚約高得点を取るしないでください、彼らはユーザー オネト終わるsted 時間の長い期間のため。
コンテンツ タイプの ob では時々 手に負えない変数どのような種類のコンテンツの検索あなたのウェブサイトがあります、黒と白されていないものについての何か?Tumblr は可能性が高いまたは低いユーザー婚約の目標・ デ ・ コンテンツと、これのよい例です。
保留中のブログの種類に応じてユーザーがたどっています。
このような状況はまれですが、彼らは、pr をもたらすかその無限のスクロールで oblem ユーザーの半分にのみ有益でしょう。
興味深いことに、ソリューションはこの場合各個々 の po との相互作用のユーザーのオプションを最小限に抑えるにはセント。
これにより、個々 の投稿と低 engagem に僅差で集中する婚約高いユーザーent ユーザーされることがなく多くのコンテンツを消費する多くの操作に必要。
それはまた価値があります。
Tumblr は、インディ上のコンテンツの価値を決定するユーザーを許可するは素晴らしい仕事を注意すること映像の基礎。
ユーザーを有効にするまたは彼らの好みの p の無限スクローリングを無効にするオプションを与える出発はコントロールのコンテンツを使用する方法をさらに。
ハイブリッド ソリューションの多くの場所 c をスクロール無限にハイブリッド アプローチを実装するフーズ スクロール, より多くのコンテンツの読み込みをユーザーに確認します。
ページの最後に達したら。
そうすることによって彼らを返す、コントロールをユーザーが決定する方法ロードするコンテンツの量 重大である携帯電話で。
このソリューションの保守にも役立ちますサーバー上のデータの整合性負荷。
自動的に、定義済みページ数、b をロードした後ユーザー手動で読み込むにボタンが表示されます。
無限スクロールが悪くなります。
そこの無限スクロールを使用してウェブサイトの無数の例があり、数よりも多くを行うだから detrement ユーザーに。
ダン ・ グエン Etsy のインプレをしようとしたときに戻っての興味深い記事を書いた異機能。
Etsy の上先回をテストする前にそれを実装するのに行きましたが何が起こってしまったeir の仮定。
もみで良いことのように思われる速い速度でより多くの検索結果の読み込みt … コンテンツの高度なユーザーの関与が必要な場合が -ショッピングであること — ものことができますすぐに腐る。
この特定のケースでは、ユーザーが積極的に探してオネトのようなものセントの選択肢の海からの完璧な製品を見つけるしようとしています。
そのときに、ユーザーが殺到選択肢の無限の量、それらを放棄し、何を見つけるための他の手段を求める彼らは探しています。
任意のデザイン パターンは、bes の無限スクローリングのベスト プラクティスします。
通常は良いに従うベスト プラクティス。
これらはパターン; を使用しての法律ではないです。
回ではなくey は成功の実装の大部分が何を。
優雅な後退がある: 私たちは、ことを確認しますers の JavaScript をせずに、風邪で省かれない。
最初に、古い昔ながらの改ページ調整の設計とjava スクリプトの設定を使用してそれを隠すし、無限のスクロールを実装するを。
行わないの視覚表示を与えるg より多くのコンテンツ: 読み込みのアニメーションでユーザーに知らせる提供何が起こっています。
なしそれは、ページがらしい遅い接続で行き止まりにヒットしています。
ボタンの機能を保つ: Although 多くの実装のこの主要な細部を忘れて、基本的なブラウザーの機能を維持することを確認.ユーザーがあなたのウェブサイトから移動し、旅し、彼らは通常、r を期待しないでください。
ページの上部に戻る eload。
ナビゲーションを表示したまま: 中にユーザーが主に消費します。
私はあなたのコンテンツ、彼らも必要と同様にあなたのウェブサイトの他の領域を参照します。
彼らはしている場合何百もの記事のバックアップを手動でスクロールすることを余儀なく … を代わりに残すことを選ぶ可能性があります。
ラzyload コンテンツ、ユーザーよりも先: 無限スクロールを実装するの全体のポイントはそれを持って seem は、コンテンツの無限のストリームのような。
読み込み indicat のいくつかのフォームを持っていることは重要です。
または、ユーザーがうまくいけば、稀に場合は、これまで表示。
リンクを新しいウィンドウで開く必要があります: これは、ビデオのハイライトy 議論の練習;また、ユーザーがそれらを助けることを意図して強制的に選択します。
Forcing リンクを新しいウィンドウまたはタブで開きますできなく誤って i から離れるnfinitely リストの読み込みとその場所を失います。
フッターは、邪魔になることがあります: しばしば実装無限のスクロール ソリューションのウェブサイトのフッターのオプションを与えることを意味します。
一方のデジタルサイネージソリューションイーリー迷惑をしようとする「キャッチ」フッター、そこにより多くの記事を自動的にロードしているとき、その他のオプションの再。
たとえば、ソリューションの読み込みハイブリッドを使用することができますもフッターを維持するには利用者に行く。
結論としては無限スクロールすることができますトレンディな機能します。
無限のコンテンツ オプションをユーザーに提供 … 正しく使用する必要があります。
中に t を公開したいです。
彼はユーザーより多くのコンテンツをたくない個々 の作品の価値を損ねることもそれらの情報に圧倒される感じ。
すべての後に、ユーザーが、コンテンツ自体が-ないです。
派手なスクロール機能。
見ることができる無限スクロール自体ではない本質的に良いか bad. が良くも悪くもユーザーを積極的なコンテンツの ty によってその使用の原因ではなく、pe は、提示されています。
念頭に置いて、私たちすることができますしようとすると実装がそれが予測 beneficial。
注目/サムネール画像シャッターを介してエスカレーター イメージ。
販売するには、ように設計: 創造的な自由への型破りなガイド 50 % オフ !ソースp img {表示: インライン-ブロック; 余白-右: 10 px;}.alignleft {フロート: 左;}p.showcase{クリア: 両方;}ボディ #browserfriendly p, 体 #podcast p, div #emailbody p {マージン: 0;}