ホームページ » 概念 » 注目すべきウェブサイトの18のクールなコンセプトデザイン(改築)

    注目すべきウェブサイトの18のクールなコンセプトデザイン(改築)

    内容が王であるならば、デザインは女王であるべきです。コンテンツをどのように構成して表示するかを決定するため、Webサイトを成功させるには致命的な要素となります。デザインが悪いとユーザーエクスペリエンスが損なわれ、サイトトラフィックが増大するためです。.

    私達がウェブサイトを設計している間私達のウェブデザイナーはしばしば取引ゲームをしなければなりません。私たちは、美しさと機能性、あるいは読みやすさと機能性のいずれかを交換します。.

    それでは、どのデザインが良いですかWebデザイナーはこの質問をするのが大好きで、FacebookやYouTubeのような有名なサイトをデザインし直すことでトレーディングゲームをより良いものにすることに挑戦する人もいました。良くも悪くも、あなたがユーザーとしてそれを決定するように、楽しんで!

    フェイスブック

    公式統計によると、Facebookは5億人以上のアクティブユーザーにサービスを提供し、7000億分が費やされました。この種の統計では、それ用のWebページをデザインすることは本当にストレスがかかります。多くのデザイナーがFacebookのデザインを変更することに挑戦したのも同じ理由かもしれません。以下のデザイナーからいくつかの大きな試みを見てみましょう。

    コンセプトデザイン作成者:Barton Smith

    “フェイスブックフェイスリフトは、フェイスブックのフォームと機能性に挑戦するための自己開始プロジェクトです。その合理化された、構造化された、そしてリニアなインターフェースはより分かりやすく、ユーザーエクスペリエンスとコンテンツの吸収能力を高めます.”

    メインページ. (画像ソース:Barton Smith)

    写真ページ. (画像ソース:Barton Smith)

    イベントページ. (画像ソース:Barton Smith)

    連絡先ページ. (画像ソース:Barton Smith)

    通知ページ. (画像ソース:Barton Smith)

    コンセプトデザイン作成者:Information Architects

    この革新的なデザインは、Facebookの現在のデザインと公正に比較するために、2006年12月から生まれ、後に現代のデザイン標準に適応しました。アイデアは、フィルター、情報ストリーム、および反応を明確に分離する3列の弾力性のあるレイアウトを含むインターフェースを持つメール風のアプリケーションを作成することでした。.

    メインページ. (画像出典:インフォメーションアーキテクト)

    コンセプトデザイン作成者:Justin Dauer

    “私の主な目標の1つは、インターフェイスをよりWebアプリケーションタイプのプレゼンテーションに移行することでした。 Facebookには、毎日1億7500万人がログインしています。そのような使用法に固有のすべての反復的なタスクは、この形式のアプローチを助長します。私がこの再設計をまとめたとき、Twitterの新しいアプリ風のUIが立ち上がって、Stuart Smalley風の検証の瞬間を私に与えました。.”

    メインページ. (画像ソース:擬似ルームデザイン)

    コンセプトデザイン作成者:Peter Knoll

    Peter Knollによる非常に洗練されたデザイン。サイト全体が魅力的で有望に見えるようにグラフィックが大幅に改良されています。読みやすさを向上させるために適用された素敵なタイポグラフィとのインターフェイスもはるかにきれいです.

    メインページ. (画像ソース:ピーターノール)

    コンセプトデザイン作成者:AndasoloARTS

    AndasoloARTSによって行われたFacebookのバリエーション、それも販売されます!配色はPeter Knollのデザインとよく似ていますが、全体的にデザインは異なります。ミニマリズムを念頭に置いて再び非常に洗練されたデザイン.

    メインページ. (画像ソース:AndasoloARTS)

    コンセプトデザイン

    Andasolo ARTSのFacebookのデザインからインスパイアされたデザイン。私はステータス共有と検索ボックスの実装が好きです。.

    メインページ. (画像ソース:Jonaska)

    コンセプトデザイン作成者:Czarny-Design

    丸みを帯びた角の要素を持つセクシーなデザインはどうですか?わずかに変更された配色を持つFacebookのための完全にユニークなデザインアプローチ、あなたはそれを受け入れることができますか?

    メインページ. (画像ソース:Czarny-Design)

    私のスペース

    かつてソーシャルネットワーキングの大成功に終わったMyspaceは、最終的には競合他社のFacebookに追いついた。今はMy_____として再ブランド化され、音楽、映画、有名人、テレビ、ゲームなど、ファンの情熱を駆使したソーシャルエンターテインメントの大手先を目指しています。以下のデザインは古いMyspaceのために試みられました、しかしデザイナーがMyspaceがあるべきであると考えるものを見ることはまだ素晴らしいです.

    コンセプトデザイン作成者:Rafael Oliveira

    “もしMyspaceがデフォルトでより明確で明確で美しいインターフェースを持っていても、それをパーソナライズするオプションを持っていて、もっと分かりやすい方法で持っていたらどうだろう?それが私がこれを始めたときに私自身が作った質問です、そしてそれはクールなプロジェクトであることが判明しました。ビジュアルデザイン以外に、私はいくつかのユーザビリティの改善を提案しました。すでにサイトにあるコンテンツに基づいて、そして彼らのサイトマップを見てください。.”

    メインページ. (画像ソース:ラファエルオリベイラ)

    チャンネルメニュー. (画像ソース:ラファエルオリベイラ)

    写真ページ. (画像ソース:ラファエルオリベイラ)

    カスタマイズされたプロフィールページ. (画像ソース:ラファエルオリベイラ)

    アーティストページ. (画像ソース:ラファエルオリベイラ)

    アーティストページ - カスタマイズ. (画像ソース:ラファエルオリベイラ)

    ビデオチャンネルページ. (画像ソース:ラファエルオリベイラ)

    グーグル

    世界中で10億を超える検索要求を処理しているGoogleは、地球上で最も有名なWebサイトです。 Android、Gmail、Analyticsなどのユーザーフレンドリーな製品を構築することでインターネットを支配しようとする王国としても知られています。グーグルは彼らのウェブサイトのデザインに取り組んでいる一流のデザイナーをたくさん持っているので、どんな再設計の試みも彼らのデザイナーにとって直接的な挑戦です。面白い.

    コンセプトデザイン作成者:Craig Reville

    “グーグルは多分物事を再設計することにしたので、私はグーグルを見たり使用したりしたい方法を試してみることにしました。私はアイコンやロゴに夢中になりませんでしたが、これは主にアイコンデザイナーがより良い仕事をすることができ、そのような単純なロゴが好きだからです。すべてのフィードバックに感謝.”

    メインページ. (画像ソース:クレイグ・レヴィル)

    検索結果ページ. (画像ソース:クレイグ・レヴィル)

    検索結果ページ - 第2の概念. (画像ソース:クレイグ・レヴィル)

    画像検索結果ページ. (画像ソース:クレイグ・レヴィル)

    コンセプトデザイン作成者:FloxDesign

    Bingに少し似ていますが、より壮大な方法です。誠意をこめて私は私のグーグルのメインページのためにこの最終的に素晴らしいデザインを持ちたいです、どうぞ.

    メインページ. (画像ソース:FloxDesign)

    YouTube

    全世界で第3位、米国のサイトトラフィックで第4位にランクされたYouTubeは、ビデオを発見、視聴、アップロード、共有するためのWebサイトです。ほとんどのコンテンツは個人によってアップロードされていますが、CBS、BBC、Vevo、Huluなどの有名なメディアはYouTubeパートナーシッププログラムの一環として独自のビデオを提供しています。 1日に20億回以上表示されているサイトを再設計することを敢えてしますか。彼らはそれをした.

    コンセプトデザイン作成者:Michele Byrne

    ビデオの表示と共有をより重視したなめらかなデザイン変更。ユーザーインターフェイスはVimeoと少し似ていますが、このデザインには独自のアプローチが適用されます。とにかく大いなる試み.

    メインページ. (画像出典:ミケーレバーン)

    ビデオページ. (画像出典:ミケーレバーン)

    ユーザーページ. (画像出典:ミケーレバーン)

    ビデオ情報. (画像出典:ミケーレバーン)

    おすすめ動画. (画像出典:ミケーレバーン)

    コンセプトデザインBy:Josh Collie

    “私がYouTubeで長年抱きしめてきた最大の不満の1つは、ビデオを見ている間は他のビデオを検索できないこと、そしてビデオが画面の上部からスクロールしないでコメントを読むことができなかったことです。以下のデザインは検索、ビデオ、コメントを含む3つの別々にスクロール可能な列を持つことでこの問題を解決しようとしています.”

    メインページ. (画像ソース:ジョシュコリー)

    ユーザーページ. (画像ソース:ジョシュコリー)

    コンセプトデザイン作成者:Thadeu Morgado

    YouTubeメインページのデザイン変更実験。スタイルはほとんど同じですが、レイアウト全体が再構成されている点と、注目のビデオに焦点を当てるための大きくてなめらかなスライダーが追加されている点が異なります。.

    メインページ. (画像ソース:Thadeu Morgado)

    アマゾン

    アマゾンは1995年にオンラインになり、今では書籍、雑誌、音楽、DVD、電子、コンピュータ、ソフトウェア、靴、そして事実上すべてのものを含む多国籍Eコマース企業になりました!彼らはそのような巨大なビジネスをしているので、世界中のデザイナーはデザインをもっと美しくそしてもちろんユーザーフレンドリーにするためにデザインを改良することに挑戦しています。.

    コンセプトデザイン作成者:Trevor Cleveland

    “私はAmazonのホームページをデザイン変更するための3つのユニークなコンセプトを探求したいと思いました。 Amazonはオンラインショッピングサイトの大手企業の1つですが、流動的なホームページデザインは小さいサイズのモニターサイズに合わせて設定されているため、より高解像度のはるかに新しいコンピュータではサイトは非常に不自然に見えます。だから私はAmazonをスピードアップさせるために3つのアイデアを提示したい.”

    最初のコンセプト - メインページ. (画像出典:トレバークリーブランド)

    最初のコンセプト - メニュー. (画像出典:トレバークリーブランド)

    第二の概念 - メインページ. (画像出典:トレバークリーブランド)

    第二のコンセプト - メニュー. (画像出典:トレバークリーブランド)

    第3の概念 - メインページ. (画像出典:トレバークリーブランド)

    第三の概念 - メニュー. (画像出典:トレバークリーブランド)

    コンセプトデザイン作成者:Maurice Kindermann

    現在の設計に問題がなければ、再設計の試みはありません。MauriceKindermannのAmazon設計がこの場合の最良の例です。 Amazonの現在のデザインにはがっかりして、モーリスは3つの特定の問題を解決するためにページを再設計しました:過度に拡張されたスクリーン解像度、断片化された購入オプションと大量のコンテンツ.

    メインページ. (画像ソース:モーリスキンダーマン)

    IMDb

    IMDb(Internet Movie Database)は、映画、テレビ番組、俳優、制作スタッフ、ビデオゲーム、および架空の人物に関するオンラインのデータベースです。ビジュアルエンターテイメントメディア。情報を効果的に表示するようにこのサイトを再設計することは、Webデザイナーにとって大きな課題となります。.

    コンセプトデザイン作成者:Vladimir Kudinov

    “なぜ現在のIMDBデザインがないのですか?過負荷です。大量の非構造化情報そのようなサイトのほとんどのユーザーは主に写真、ビデオなどに注意を払いますが.

    だから私は清潔でなめらかなデザインをしました。ここでは、写真、俳優、予告編、ストーリーなど、映画に関する情報が表示された画面が表示されます。読むために彼はひねる必要はありません。必要なのは、画面を見ることだけです。.”

    映画ページ. (画像ソース:ウラジミールクディノフ)

    メニュー. (画像ソース:ウラジミールクディノフ)

    プレイヤーポップアップコンポーネント. (画像ソース:ウラジミールクディノフ)

    トップパネル. (画像ソース:ウラジミールクディノフ)

    コンセプトデザイン投稿者:Rob Hendricks

    “現在のIMDB Webサイトがなぜそんなに散らかっているのかを理解するのは難しくありません。事実、彼らにはたくさんのコンテンツがあります。適切な情報アーキテクチャがこれを変える鍵となりました.”

    メインページ. (画像ソース:ロブアトミック)

    フォースクエア

    Foursquareを使用すると、ユーザーは自分の現在地を以下の方法で共有できます。 “チェックイン” スマートフォンのアプリケーションやSMSを介して、会場に関する情報をブックマークしたり、近くの会場に関する適切な提案を残したりする。地元の商人も、Foursquareを利用して顧客を引き込み、保持しています。 Foursquareの再設計は完全にユニークなサービスであるため、非常にやりがいがあります。.

    コンセプトデザイン作成者:Clay Parker Jones

    Clay Parker Jonesは、サービスはすべてロケーションに関するものであるため、地図はFoursquareのユーザーページに本当に気の利いた追加機能であると考えています。地図をクリックすると、利用可能な4つの異なるビューで有益な統計が折りたたまれます。このページへの他のアドオンは、フィード、好きなもの、ヒントや提案です。そして、通常のソーシャルネットワークページとほとんど同じです。!

    ユーザーページ. (画像ソース:exitcreative)

    反射

    デザインには関係ありません。すべてのユーザーが新しいデザインを採用するのに時間がかかります。問題は、ユーザーとして、上のデザインのどれに変更したいのか、それとも現在のデザインに問題がないのかということです。あなたはこれらのデザインがあなたのユーザーエクスペリエンス問題を解決すると思いますか?私はこれらのデザインはあなたの意見を受け取るために作られていると思いますので、あなたがそれらについて考えるものを共有すること自由に感じなさい、あらゆる意見は重要です!