18 تصاميم مفهوم بارد (شد الوجه) من المواقع البارزة
إذا كان المحتوى هو الملك ، يجب أن يكون التصميم هو الملكة. إنه عنصر هام للغاية لنجاح أي موقع على شبكة الإنترنت ، لأنه يقرر كيفية هيكلة المحتوى وعرضه ، والتصميم السيئ يؤدي ببساطة إلى تدمير تجربة المستخدم ، وبالتالي زيادة حركة مرور الموقع.
غالبًا ما يتعين علينا مصمم الويب أن نلعب لعبة التداول بينما نقوم بتصميم موقع على شبكة الإنترنت. نحن إما نتبادل الجمال من أجل الوظيفة ، أو من أجل قابلية القراءة ، لأنه من المستحيل إنتاج تصميم يرضي الجميع في كل جانب.
إذن ما هو التصميم الأفضل بعد ذلك؟ يحب مصممو الويب طرح هذا السؤال ، بل إن البعض تحدى أنفسهم للعب لعبة التداول بشكل أفضل من خلال إعادة تصميم المواقع الشهيرة مثل Facebook و YouTube ، وبالتالي تشكيل تصميمات محتملة في منشور الواجهة هذا. أفضل أو أسوأ ، أنت كمستخدم يقرر ذلك ، استمتع!
فيس بوك
وفقًا للإحصاء الرسمي ، فقد خدم Facebook أكثر من 500 مليون مستخدم نشط ، مع إنفاق 700 مليار دقيقة عليه. لهذا النوع من الإحصائيات ، سيكون من المجهد حقًا تصميم صفحة ويب لها. قد يكون ذلك أيضًا هو السبب نفسه وراء تحدى العديد من المصممين أنفسهم لإعادة تصميم Facebook. دعونا نلقي نظرة على عدة محاولات رائعة من المصممين أدناه:
مفهوم التصميم بقلم: بارتون سميث
“يعد Facebook Facelift مشروعًا تم إنشاؤه ذاتيًا للطعن في شكل Facebook ووظائفه. إنها واجهة انسيابية ومنهجية وخطية أكثر قابلية للفهم ، مما يعزز تجربة المستخدم وامتصاص المحتوى.”
الصفحة الرئيسية. (مصدر الصورة: بارتون سميث)
صفحة الصور. (مصدر الصورة: بارتون سميث)
صفحة الأحداث. (مصدر الصورة: بارتون سميث)
صفحة الاتصالات. (مصدر الصورة: بارتون سميث)
صفحة الإخطارات. (مصدر الصورة: بارتون سميث)
مفهوم التصميم: المعلومات المهندسين المعماريين
وُلد هذا التصميم المبتكر من ديسمبر 2006 وتم تكييفه لاحقًا وفقًا لمعايير التصميم المعاصرة ، من أجل إجراء مقارنة عادلة مع التصميم الحالي لـ Facebook. كانت الفكرة هي إنشاء تطبيق يشبه البريد مع واجهة تحتوي على تخطيط أعمدة مرنة 3 يفصل بوضوح المرشح ودفق المعلومات وردود الفعل ، والتي يتم شرحها بوضوح في منشوراتهم.
الصفحة الرئيسية. (مصدر الصورة: مهندسو المعلومات)
مفهوم التصميم بقلم: جوستين داور
“كان أحد أهدافي الأساسية هو تحريك الواجهة نحو عرض تقديمي من نوع تطبيق الويب. يوجد في Facebook حوالي 175 مليون شخص يقومون بتسجيل الدخول يومياً جميع المهام المتكررة الملازمة لهذا الاستخدام تفضي إلى هذا الشكل من النهج. عندما كنت أختتم عملية إعادة التصميم هذه ، أطلقت واجهة مستخدم جديدة مثل تطبيق Twitter ، وأعطتني لحظة من التحقق من الصحة مثل Stuart Smalley.”
الصفحة الرئيسية. (مصدر الصورة: تصميم pseudoroom)
مفهوم التصميم بقلم: بيتر الربوة
تصميم أنيق للغاية من تصميم بيتر الربوة. تم تحسين الرسم بشكل كبير لجعل الموقع بأكمله يبدو جذابًا واعدًا. الواجهة أيضًا أنظف كثيرًا مع طباعة لطيفة مطبقة على سهولة القراءة.
الصفحة الرئيسية. (مصدر الصورة: بيتر الربوة)
مفهوم التصميم بقلم: AndasoloARTS
تنوع فيسبوك يقوم به AndasoloARTS ، حتى يتم بيعه! يشبه نظام الألوان تصميم Peter Knoll ، لكنه بشكل عام تصميم مختلف. مرة أخرى تصميم أنيق للغاية مع بساطتها في الاعتبار.
الصفحة الرئيسية. (مصدر الصورة: AndasoloARTS)
مفهوم التصميم بقلم: جوناسكا
تصميم مستوحى من تصميم فيسبوك AndasoloARTS ، فريد من نوعه أيضًا! يعجبني تطبيق مشاركة الحالة ومربع البحث ، وهو شكل مصمم جيدًا بالفعل.
الصفحة الرئيسية. (مصدر الصورة: جوناسكا)
مفهوم التصميم بقلم: Czarny التصميم
ماذا عن تصميم مثير مع عناصر الزوايا مدورة؟ أسلوب تصميم فريد تمامًا لـ Facebook مع نظام ألوان متغير قليلاً ، هل يمكنك قبوله?
الصفحة الرئيسية. (مصدر الصورة: تصميم Czarny)
ماي سبيس
مرة واحدة عملاق الشبكات الاجتماعية ، تم التغلب على ماي سبيس في نهاية المطاف من قبل منافسها الرئيسي ، الفيسبوك. تهدف الآن إلى تغيير اسمها إلى My_____ ، وهي تهدف إلى أن تصبح وجهة الترفيه الاجتماعي الرائدة التي تشمل الموسيقى والأفلام والمشاهير والتلفزيون والألعاب ، والتي تعمل بالطاقة من قبل عشاق الجماهير. تمت محاولة استخدام التصميمات الموجودة أدناه في Myspace القديم ، ولكن لا يزال من الجيد إلقاء نظرة على ما يعتقد المصمم أنه يجب أن يكون Myspace.
مفهوم التصميم بقلم: رافائيل أوليفيرا
“ماذا لو كان لبرنامج Myspace واجهة أكثر وضوحًا وجمالًا بشكل افتراضي ، لكن مع خيار تخصيصها ، ولكن بطريقة أكثر شمولاً؟ هذا هو السؤال الذي طرحته على نفسي عندما بدأت هذا ، وقد أصبح مشروعًا رائعًا. إلى جانب التصميم المرئي ، اقترحت بعض التحسينات على قابلية الاستخدام ، استنادًا إلى المحتوى الموجود بالفعل على الموقع ، والنظر في خريطة الموقع الخاصة بهم.”
الصفحة الرئيسية. (مصدر الصورة: رافائيل أوليفيرا)
قائمة القنوات. (مصدر الصورة: رافائيل أوليفيرا)
صفحة الصور. (مصدر الصورة: رافائيل أوليفيرا)
صفحة الملف الشخصي المخصصة. (مصدر الصورة: رافائيل أوليفيرا)
صفحة الفنان. (مصدر الصورة: رافائيل أوليفيرا)
صفحة الفنان - حسب الطلب. (مصدر الصورة: رافائيل أوليفيرا)
صفحة قناة الفيديو. (مصدر الصورة: رافائيل أوليفيرا)
جوجل
نظرًا لمعالجتها لما يزيد عن مليار طلب بحث في جميع أنحاء العالم ، تعد Google أشهر موقع في كوكب الأرض. تُعرف أيضًا بالمملكة التي تحاول السيطرة على الإنترنت من خلال بناء منتجات سهلة الاستخدام مثل Android و Gmail و Analytics. نظرًا لأن لدى Google الكثير من المصممين من الدرجة الأولى الذين يعملون على تصميم مواقع الويب الخاصة بهم ، فإن أي محاولة لإعادة التصميم تمثل تحديًا مباشرًا لمصمميهم. مثير للإعجاب.
مفهوم التصميم: كريج ريفيل
“نظرًا لأن Google قررت إعادة تصميم الأشياء قليلاً ، فقد ظننت أنني سأذهب إلى الطريقة التي أرغب في رؤيتها واستخدامها من Google. لم أتحول إلى أيقونات أو الشعار بشكل رئيسي لأن مصممي الأيقونات يمكنهم القيام بعمل أفضل وأحب الشعار بهذه البساطة. أي وجميع ردود الفعل موضع تقدير.”
الصفحة الرئيسية. (مصدر الصورة: كريج ريفيل)
نتائج البحث الصفحة. (مصدر الصورة: كريج ريفيل)
نتائج البحث الصفحة - المفهوم الثاني. (مصدر الصورة: كريج ريفيل)
صفحة نتائج البحث عن الصور. (مصدر الصورة: كريج ريفيل)
مفهوم التصميم: FloxDesign
يشبه Bing قليلاً ، ولكن بطريقة أكثر ملحمية. مع خالص تحياتي ، أريد الحصول على هذا التصميم الرائع في نهاية المطاف لصفحة Google الرئيسية الخاصة بي ، من فضلك.
الصفحة الرئيسية. (مصدر الصورة: FloxDesign)
موقع YouTube
يحتل موقع YouTube المرتبة الثالثة على مستوى العالم والمرتبة الرابعة في حركة مرور المواقع بالولايات المتحدة ، وهو موقع لاكتشاف مقاطع الفيديو ومشاهدتها وتحميلها ومشاركتها. تم تحميل معظم المحتوى من قبل الأفراد ، ولكن وسائل الإعلام الشهيرة مثل CBS و BBC و Vevo و Hulu قدمت مقاطع الفيديو الخاصة بها كجزء من برنامج شراكة YouTube. هل تجرؤ على إعادة تصميم موقع يتم عرضه أكثر من ملياري مرة في اليوم؟ فعلوها.
مفهوم التصميم بقلم: ميشيل بيرن
إعادة تصميم أنيق يركز على المزيد حول مشاهدة ومشاركة الفيديو. يتم تطبيق نهج فريد على هذا التصميم ، على الرغم من أن واجهة المستخدم تشبه إلى حد ما Vimeo. محاولة كبيرة على أي حال.
الصفحة الرئيسية. (مصدر الصورة: ميشيل بيرن)
صفحة الفيديو. (مصدر الصورة: ميشيل بيرن)
صفحة المستخدم. (مصدر الصورة: ميشيل بيرن)
معلومات الفيديو. (مصدر الصورة: ميشيل بيرن)
فيديو الموصى بها. (مصدر الصورة: ميشيل بيرن)
مفهوم التصميم بقلم: جوش الكولي
“أحد أكبر قباتي على YouTube على مر السنين هو عدم القدرة على البحث عن مقاطع فيديو أخرى أثناء مشاهدة الفيديو ، وكذلك قراءة التعليقات دون تمرير الفيديو من أعلى الشاشة. يحاول التصميم أدناه حل هذه المشكلة عن طريق وجود 3 أعمدة قابلة للتمرير بشكل منفصل بما في ذلك البحث والفيديو والتعليقات.”
الصفحة الرئيسية. (مصدر الصورة: جوش كولي)
صفحة المستخدم. (مصدر الصورة: جوش كولي)
مفهوم التصميم بقلم: Thadeu Morgado
تجربة إعادة تصميم لصفحة YouTube الرئيسية. النمط متشابه إلى حد كبير ، باستثناء أنه تمت إعادة هيكلة المخطط بالكامل ، وتم إضافة شريط تمرير كبير أنيق لإعطاء مزيد من التركيز على مقاطع الفيديو المميزة.
الصفحة الرئيسية. (مصدر الصورة: ثادو مورجادو)
الأمازون
دخلت شركة Amazon على الإنترنت عام 1995 ، وأصبحت الآن شركة التجارة الإلكترونية متعددة الجنسيات التي تحتوي على أكبر تشكيلة من الكتب والمجلات والموسيقى وأقراص الفيديو الرقمية والإلكترونية والكمبيوتر والبرمجيات والأحذية وكل شيء تقريبًا! نظرًا لأنهم يمتلكون مثل هذا العمل الضخم ، فقد تحدى المصممون في جميع أنحاء العالم أنفسهم على تحسين التصميم لجعله أكثر جمالا وبطبيعة الحال ، سهل الاستخدام.
مفهوم التصميم بقلم: تريفور كليفلاند
“كنت أرغب في استكشاف ثلاثة مفاهيم فريدة لإعادة تصميم الصفحة الرئيسية لأمازون فوق الحظيرة. تعد أمازون واحدة من مواقع التسوق الرائدة على الإنترنت ، ولكن تصميم الصفحة الرئيسية المتغيرة خاصتها مخصص لأحجام أجهزة العرض ذات أبعاد صغيرة ، مما يجعل الموقع يبدو مثالياً للغاية على أجهزة الكمبيوتر الحديثة ذات الدقة العالية. لذلك أردت أن أقدم ثلاث أفكار لرفع سرعة الأمازون.”
المفهوم الأول - الصفحة الرئيسية. (مصدر الصورة: تريفور كليفلاند)
المفهوم الأول - القائمة. (مصدر الصورة: تريفور كليفلاند)
المفهوم الثاني - الصفحة الرئيسية. (مصدر الصورة: تريفور كليفلاند)
المفهوم الثاني - القائمة. (مصدر الصورة: تريفور كليفلاند)
المفهوم الثالث - الصفحة الرئيسية. (مصدر الصورة: تريفور كليفلاند)
المفهوم الثالث - القائمة. (مصدر الصورة: تريفور كليفلاند)
مفهوم التصميم بقلم: موريس Kindermann
لا توجد محاولة لإعادة التصميم إذا لم تكن هناك مشكلة في التصميم الحالي ، فإن تصميم Amazon Maurice Kindermann هو أفضل مثال على هذه الحالة. بخيبة أمل من التصميم الحالي للأمازون ، أعادت موريس تصميم الصفحة لحل ثلاث مشكلات خاصة: دقة الشاشة المفرطة ، وخيار الشراء المجزّأ ، وكمية غمرت بالمحتوى.
الصفحة الرئيسية. (مصدر الصورة: موريس كيندرمان)
شجونه
IMDb (قاعدة بيانات الأفلام على الإنترنت) ، التي تدعي أنها أكبر موقع للأفلام وأفضلها والأكثر حائزة على جوائز على هذا الكوكب ، هي قاعدة بيانات على الإنترنت تحتوي على معلومات تتعلق بالأفلام والبرامج التلفزيونية والممثلين وموظفي طاقم الإنتاج وألعاب الفيديو والشخصيات الخيالية التي تظهر في وسائل الترفيه المرئية. إعادة تصميم هذا الموقع بطريقة تعرض المعلومات بفعالية سيكون تحديًا كبيرًا لمصممي الويب.
مفهوم التصميم بقلم: فلاديمير كودينوف
“لماذا لا يوجد لديك تصميم IMDB الحالي؟ طاقتها. كمية كبيرة من المعلومات غير المنظمة. بينما يهتم معظم مستخدمي هذه المواقع بشكل رئيسي بالصور ومقاطع الفيديو والمزيد.
لذلك فعلت تصميم نظيفة وأنيقة. هنا ، يتلقى المستخدم شاشة تحتوي على معلومات حول الفيلم: الصور ، والممثلين ، والمقطورات ، والقصة ، وأكثر من ذلك. ليس عليه أن يلف ، يلف ، أن يقرأ. كل ما هو مطلوب - هو أن ننظر إلى الشاشة.”
صفحة الفيلم. (مصدر الصورة: فلاديمير كودينوف)
قائمة طعام. (مصدر الصورة: فلاديمير كودينوف)
لاعب المنبثقة مكون. (مصدر الصورة: فلاديمير كودينوف)
اللوحة العلوية. (مصدر الصورة: فلاديمير كودينوف)
مفهوم التصميم بقلم: روب هندريكس
“ليس من الصعب معرفة سبب تشوش موقع IMDB الحالي. الحقيقة هي أن لديهم الكثير من المحتوى. كانت بنية المعلومات الصحيحة أساسية في تغيير هذا.”
الصفحة الرئيسية. (مصدر الصورة: روب الذري)
شخصيات قصص الابطال الخارقين
مع شخصيات قصص الابطال الخارقين ، يمكن للمستخدمين مشاركة موقعهم الحالي بواسطة “تسجيل الدخول” عبر تطبيق الهاتف الذكي أو الرسائل النصية القصيرة ، إشارة مرجعية المعلومات حول الأماكن وترك الاقتراح ذات الصلة حول الأماكن القريبة. يستخدم التجار المحليون أيضًا شخصيات قصص الابطال الخارقين لإشراك العملاء والحفاظ عليهم. إن إعادة تصميم شخصيات قصص الابطال الخارقين تمثل تحديًا كبيرًا لأنها خدمة فريدة تمامًا لذا يلزم إجراء مزيد من الدراسات.
مفهوم التصميم بقلم: كلاي باركر جونز
يعتقد كلاي باركر جونز أن الخريطة هي إضافة حقيقية أنيقة لصفحة مستخدم شخصيات قصص الابطال الخارقين حيث أن الخدمة تدور حول الموقع. سيؤدي النقر فوق الخريطة إلى طي الإحصائيات المفيدة مع توفر 4 طرق عرض مختلفة. الوظائف الإضافية الأخرى لهذه الصفحة هي الخلاصات ، والإعجابات ، والنصائح والاقتراحات ، مثل صفحة الشبكة الاجتماعية المعتادة!
صفحة المستخدم. (مصدر الصورة: exitcreative)
انعكاس
لا يهم التصميم ، فكل مستخدم يستغرق وقتًا لتكييف التصميم الجديد. السؤال هو ، كمستخدم ، هل ترغب في التغيير إلى أي من التصميم أعلاه ، أو هل أنت جيد في التصميم الحالي؟ هل تعتقد أن هذا التصميم يحل مشكلة تجربة المستخدم الخاصة بك؟ أعتقد أن هذا التصميم مصمم لتلقي رأيك ، لذلك لا تتردد في مشاركة رأيك حول كل رأي!