ما 32 موقعًا مشهورًا كانت تبدو مثل

ليس سراً أن اتجاهات تصميم مواقع الويب (وأفضل الممارسات) قد تغيرت بشكل كبير منذ ظهور الإنترنت. يعد التفكير في مواقع الويب التي تبعث على الحنين ومقارنتها بنظيراتها الحالية طريقة ممتازة لفهم سبب ضرورة تحديث موقعك.

بمساعدة Wayback Machine ، يمكننا أن نرى كيف كانت مواقع الويب المفضلة لدينا في السنوات الماضية. سواء كنت تخطط لإعادة تصميم موقع ويب ويمكنك استخدام بعض الإلهام ، أو كنت تستمتع بالتفكير في مواقع الويب التي تبعث على الحنين إلى الماضي ، فقد جمعنا 32 موقعًا للاطلاع عليها.

1) جوجل

بينما تحافظ Google بشكل أساسي على علامتها التجارية بشعارها الملون والمسافة البيضاء على الصفحة الرئيسية ، هناك جوانب أخرى للموقع تبدو مختلفة تمامًا اليوم. في التسعينيات ، كان لدى Google عروض فريدة أسفل شريط البحث. اليوم ، تميل الشركة إلى إنشاء صفحة رئيسية مخصصة للمستخدمين عن طريق وضع إشارة مرجعية على مواقع الويب التي تتم زيارتها بشكل متكرر.

تتبع Apple دائمًا نهجًا يركز على المنتج في صفحتها الرئيسية. حتى في عام 2001 ، ستلاحظ أن عناصر الشركة كانت محور التركيز الأساسي لموقع الويب. في عام 2022 ، اختارت Apple الحفاظ على الحد الأدنى من العلامة التجارية مع كونها مميزة. يتميز بمنتج واحد فقط لجعل التركيز المركزي للصفحة الرئيسية. الصفحة الرئيسية الحالية هي أيضًا شهادة على نسخة مقنعة ؛ في ثلاث صفات فقط ، ترسم Apple صورة كاملة عن سبب حصولك على جهاز iPad.

في عام 2000 ، كان موقع Microsoft الإلكتروني مكتظًا ومعقدًا للغاية. وفرة الكلمات على الموقع وقلة المسافات جعلت تجربة المستخدم ساحقة. اليوم ، يأخذ موقع Microsoft تلميحًا من Apple ويركز على منتجاتها. ونتيجة لذلك ، فإن الموقع أقل إثارة للدوار وأكثر قابلية للهضم للزوار.

ذات مرة ، كان لدى Mashable خلفية متدرجة - ناهيك عن النقص الخطير في الصور. الآن ، يوازن الموقع بين العناصر المرئية والنص. لم تعد العلامة التجارية للشركة أيضًا تحتل مركز الصدارة وتركز على القصص المميزة.

في عام 2006 ، ركز عالم التكنولوجيا والتسويق بشكل كبير على البقاء والنجاح في عالم الويب 2.0. كانت الشركات الصغيرة تظهر في جميع أنحاء العالم ، وكان موقع HubSpot يركز على إظهار كيف يمكن للمنتج أن يضيف قيمة لهذه الشركات. اليوم ، لا يزال HubSpot يلبي احتياجات الشركات الصغيرة ولكن أيضًا الشركات المتوسطة والشركات. الآن ، يركز موقعنا الإلكتروني بشكل أكبر على المنتج ويتميز بألوان أكثر بكثير مما كان عليه في البداية.

تم إنشاء BuzzFeed لمساعدة المستخدمين في العثور على الأشياء المفضلة لديهم ، بما في ذلك الأفلام والموسيقى والأزياء والأفكار والتكنولوجيا. لا يزال الموقع يحقق ذلك بمقاربة مرئية وتفاعلية أكثر. اليوم ، يوازن موقع الويب بين الصور والنص بشكل أكثر سلاسة ، لكن الشعور العام بالموقع لا يزال سليماً.

في عام 2000 ، كان بيل كلينتون رئيسًا للولايات المتحدة ، وكان آل جور نائبًا للرئيس ، وكان موقع البيت الأبيض على الإنترنت يبدو مختلفًا تمامًا. بعد ذلك ، ظهر موقع الويب بخط نص إعلان الاستقلال ولم يؤكد على الصور - أو رواية القصص ، مع الأخذ في الاعتبار أن النص رحب فقط بزوار الصفحة. عندما تزور الموقع اليوم ، ستلاحظ صورة كبيرة ونسخة تركز على المبادرات الحالية. نحن نحب أيضًا كيف يركز الموقع المحدث على إمكانية الوصول مع خيارات لتغيير تباين النص وحجمه.

على الرغم من أن موقع TED لعام 2003 لا يزال يبدو قديمًا وفقًا لمعايير اليوم ، إلا أنه كان سابقًا لعصره ، حيث تعرض معظم الصفحة الرئيسية محتوى مرئيًا. في عام 2022 ، لا يزال موقعهم يعرض صورًا مختلفة ولكنه أيضًا يوازن النسخ - وهناك صورة رئيسية واحدة فقط في الجزء المرئي من الصفحة. أصبح الشعور العام بالموقع اليوم أقل اكتظاظًا وإرهاقًا مما كان عليه في السنوات الماضية.

في أوائل العقد الأول من القرن الحادي والعشرين ، كانت الصفحة الرئيسية لـ Skype تتميز بعدة ألوان وتفتقر إلى التسلسل الهرمي. (ومن كان يعرف أن منصة مكالمات الفيديو كان لها شعار أحمر ذات مرة؟) اليوم ، تمتلك Microsoft Skype ، وهذا الأخير يأخذ إشارة من شكل وأسلوب المؤسسة الأكبر. يتميز الموقع بمسافة بيضاء وتسلسل هرمي مرئي ممتاز ويقدم صورة مقنعة للمنتج أثناء العمل.

في عام 2000 ، كان موقع AOL يحتوي على مجموعة متنوعة من الألوان التي لم تكن متماسكة ، مما جعل الموقع يبدو في النهاية فوضويًا. اليوم ، يتميز الموقع بمسافة بيضاء كافية لموازنة مقدار النسخ والصور الموجودة به. نحن أيضًا مغرمون بالخط الجديد للموقع ، حيث إنه جذاب بصريًا وسهل القراءة.

اطلب من Jeeves تغيير علامتها التجارية إلى Ask. في عام 2000 ، افتقر الموقع إلى المسافة البيضاء وظهر شخصية - وهي جزء من العلامة التجارية الفريدة للموقع. منذ إسقاط النصف الثاني من الاسم ، لم تعد هناك شخصية على الصفحة الرئيسية للموقع. اليوم ، يبدو الموقع أشبه بموقع إخباري أو نشر أكثر من كونه منصة لطرح الأسئلة والحصول على إجابات سريعة.

هل تتذكر الأيام الخوالي من الذهاب إلى Blockbuster لاختيار فيلمك وتناول بعض الوجبات الخفيفة؟ نحن بالتأكيد نفعل. ما افتقده موقع Blockbuster في عام 1996 في التسلسل الهرمي ، فقد تم تعويضه في الشخصية. اليوم ، موقع Blockbuster خارج الخدمة - ويتميز بملاحظة صفيقة مفادها أن الشركة تعمل على إعادة لف الفيلم الخاص بك.

سنمنحها لشركة Coca-Cola: علامتها التجارية خالدة. لا يبدو موقع Coca-Cola الإلكتروني منذ عام 2000 رديئًا للغاية مقارنة بالعديد من مواقع الويب القديمة في هذه القائمة. أدركت العلامة التجارية أهمية المحتوى المرئي والبساطة في عام 2000 ، وما زالت تفعل ذلك حتى اليوم. في عام 2022 ، يركز موقعهم بشكل أكبر على الصور والميزات ذات اللون الأحمر الأقل مما كانت عليه في الماضي ، لكنه لا يزال متماسكًا مع بقية علامتهم التجارية.

كان موقع Pepsi في عام 2000 مزدحمًا ، ويفتقر إلى التسلسل الهرمي البصري ، وكان يحدث كثيرًا. اليوم ، نحن معجبون بشدة بصفحة Pepsi الرئيسية التي تحن إلى الماضي. إنه يتميز بخط يسهل قراءته ، بالإضافة إلى أن الموقع لا يشعر بالفوضى. منذ ذلك الحين ، نقلت الشركة قائمتها إلى أعلى الصفحة وقلصت عدد علامات التبويب الموجودة والتي هي أفضل بكثير من وجهة نظر تجربة المستخدم.

على الرغم من أن موقع Macy's 2000 الإلكتروني لا يتوافق مع معايير اليوم ، فإننا نقدر مدى تماسك الألوان. ومن المثير للاهتمام أن المنتجات ليست في طليعة موقع ميسي الحنين إلى الماضي. اليوم ، ومع ذلك ، فإن موقع Macy's يروي قصة مختلفة للغاية. يحتوي موقع الويب على قائمة منظمة بدقة وتسلسل هرمي مرئي ممتاز.

في عام 1999 ، كان موقع أمازون الإلكتروني مليئًا بالنصوص ، مما جعل النظر إليه أمرًا محيرًا. كانت القائمة الرأسية أيضًا مزدحمة وصعبة الاستيعاب. اليوم ، تظهر قائمة Amazon في الجزء العلوي من الصفحة ، ويبدو الموقع أقل إثارة للإعجاب على الرغم من حقيقة أنه لا يزال يعلن عن منتجات مختلفة.

في عام 1999 ، ركز موقع Yahoo على الويب بشكل أساسي على النص ولم يظهر أي صور. اليوم ، يتم سرد قصة مختلفة تمامًا عندما تزور موقع المنصة. نظرًا لأن موقع Yahoo هو موقع إخباري ، فهناك صور مصاحبة لكل قصة ، بالإضافة إلى ملخص لما يمكنك توقعه عند قراءة المقالة. نحن أيضًا معجبين بعمود الاتجاهات على الجانب الأيمن من الموقع ، لأنه يسهل على المستخدمين فهم ما هو في الأخبار في لمحة.

في مهدها ، أشار Tumblr إلى المدونات باسم Tumblelogs وكان لديه موقع ويب يركز على النص. اليوم ، إذا قمت بزيارة Tumblr دون تسجيل الدخول ، فسترى لوحة تحكم زائفة تعرض للزائرين كيف سيبدو شكلهم إذا قاموا بإنشاء حساب. كما أن موقع Tumblr اليوم أكثر تركيزًا بشكل ملحوظ على الصور.

هل تتذكر عندما كانت Pinterest مقتصرة على الدعوات فقط؟ كما ترون من لقطة الشاشة لموقع Pinterest 2010 ، كان للمنصة شعار مختلف تمامًا ومظهر أقل أناقة. إذا قمت بزيارة Pinterest اليوم ، يمكنك إنشاء حساب على الفور - لا داعي لطلب. بالإضافة إلى ذلك ، يتميز النظام الأساسي بصورة مباشرة تتغير حتى الآن ويتم تحميلها بسرعة. النسخة بسيطة لكنها مقنعة.

في عام 2005 ، كان رديت يدور حول النص. لا يزال موقع Reddit يركز على النص أكثر من معظم المواقع الحديثة. ومع ذلك ، فإنه يتميز بتوازن الصور. نحن نحب كيف أن الخط الذي يستخدمه Reddit اليوم لا يزال شبه حنين ولكنه أسهل في القراءة مما كان عليه في الماضي. يعد الموقع أيضًا أكثر جاذبية من الناحية المرئية حيث يبدو وكأنه موقع إخباري.

ربما بدأت في ملاحظة موضوع في هذه المرحلة: مواقع الويب في السنوات الماضية كانت تركز على النص. بارنز أند نوبل ليست استثناء. في عام 2000 ، كان لدى بائع الكتب قائمة عمودية كثيفة وغير جذابة بصريًا. استغرق تحميل الصور وقتًا طويلاً - إذا حدث ذلك. هناك أيضًا نقص في التسلسل الهرمي المرئي ، لذلك يصعب على الزائرين تحديد المكان الذي يبحثون فيه. اليوم ، أصبح موقع الشركة أكثر قابلية للهضم بشكل ملحوظ. يوازن بين المسافات البيضاء والصور والنصوص ، وقام المصممون بتنظيف القائمة.

سنقوم بتسليمها إلى Dunkin ': لقد ظلوا أوفياء لنظام ألوانهم المميز لعقود. لقطة الشاشة هذه من موقعهم في العقد الأول من القرن الحادي والعشرين هي واحدة من المفضلة لدينا في هذه القائمة. إنه أضيق الحدود بشكل مثير للصدمة ويحتوي على صورة لم تكن قياسية في ذلك الوقت. اليوم ، Dunkin لديها الكثير من المسافات البيضاء ، وتتميز بعلامات تجارية متماسكة ، وتوازن الرسومات مع النسخة. يحتوي الموقع أيضًا على قائمة سهلة المتابعة وتتضمن ألوان الشركة الزهرية والبرتقالية اللافتة للنظر.

في عام 2000 ، حصل ستاربكس على بعض الأشياء بشكل صحيح: قائمة طعامهم مباشرة ، وعرضوا صورًا على موقعهم ، على الرغم من عدم تحميلها. (Psst: يمكن أن تساعد هذه المكونات الإضافية في ضمان تحميل المحتوى الخاص بك بسرعة إذا كانت لديك صفحة "ثقيلة" بحيث يتجنب موقع الويب الخاص بك مصيرًا مشابهًا.) ستلاحظ أيضًا شعارها المتسق. في عام 2022 ، تقدم ستاربكس دون عناء مجموعة من الألوان على موقعها دون إغراق الزوار. يتميز الموقع بخط توقيع ستاربكس ويتضمن صورة تروج لتعاون حديث مع شركة أخرى. تبدو الصورة نفسها أيضًا على العلامة التجارية. نريد أيضًا استدعاء التنقل المتناثر والفعال لستاربكس في أعلى الصفحة.

بالنسبة لوقته ، كان موقع Walmart في عام 2002 ناجحًا للغاية. ظهرت الصور والنصوص التي لا تزال تهيمن على الموقع اليوم. بالإضافة إلى ذلك ، كان لها تسلسل هرمي مرئي أفضل من بعض الأمثلة الأخرى التي بحثنا عنها. على غرار Dunkin '، هناك شيء واحد يقوم به Walmart بشكل لا يصدق وهو ترجمة نظام الألوان الشهير إلى موقعه. في عام 2022 ، يحتوي موقع Walmart على الكثير من الصور والنسخ الموجزة التي تعزز الرسومات.

هناك أيضًا الكثير من الأشياء التي حصلت عليها Target في عام 2004. على سبيل المثال ، استخدمت العلامة التجارية نظام الألوان المعروف. يحتوي الموقع على صور أيضًا ، ولا تزال علامته التجارية كما هي إلى حد كبير. في عام 2022 ، يركز موقع Target على العناصر المرئية بشكل أكبر بكثير من التركيز على النص. العلامة التجارية بسيطة لكنها فعالة ، ويتميز الموقع بقائمة بسيطة تتوسع عندما ينقر الزوار عليها.

نحن معجبون: بينما أعادت New York Times صياغة موقعها على الإنترنت منذ عام 2000 ، فإن موقع الويب مشابه بشكل ملحوظ. حتى في عام 2000 ، كان اكتشاف مكان توجيه الانتباه أمرًا سهلاً. تسجل نيويورك تايمز نقاطًا رئيسية لأن موقعها الإلكتروني لعام 2022 يشبه صحيفة. يتميز بالتسلسل الهرمي المرئي ، ويوازن الصور مع النسخ جيدًا ، ونحب كيف يكون الخط مميزًا ولكنه سهل القراءة.

في عام 2008 ، كان موقع Lay's على الويب أخضر اللون وظهر تباينًا ضعيفًا للغاية في ألوان النص. هذا يجعل من الصعب على الناس قراءة النسخة. لحسن الحظ ، قامت Lay's منذ ذلك الحين بإعادة صياغة موقعها. اليوم ، لا يزال ملونًا ولكنه يتميز بتباين أفضل. ستلاحظ أيضًا أن الموقع به الكثير من اللون الأصفر اللامع لاي. يبدو موقع 2022 مرتبطًا بالعلامة التجارية أكثر بكثير مما كان عليه في الماضي.

في عام 2001 ، ظهر موقع ماكدونالدز على الإنترنت بخلفية حمراء ونص أصفر ، وهو ما لم يكن مثاليًا للقراء. الآن ، موقع ماكدونالدز بسيط. يتميز بقليل من الألوان بخلاف اللون الأصفر المميز للعلامة التجارية ويقدم مجموعة متنوعة من الخيارات للزوار للاختيار من بينها في قسم القائمة. ومع ذلك ، فإن القائمة ليست مزعجة لأن بقية الموقع واضحة جدًا. تنقر العلامة التجارية أيضًا على خط التوقيع الخاص بها لموقع الويب 2022.

تميز موقع ويب سيفورا في أوائل العقد الأول من القرن الحادي والعشرين بتوازن الصور والنصوص. في ذلك الوقت ، كان مثالاً على تصميم موقع مقنع. اليوم ، يلتزم الموقع باتجاهات تصميم الويب الحديثة. يحتوي على صور كبيرة جذابة بصريًا وتتضمن نسخة مباشرة.

في عام 2005 ، ظهرت Netflix بصفحة رئيسية تركز على الصور ، وهي مختلفة تمامًا عن اليوم. في عام 2022 ، النسخة هي نجمة العرض على صفحة Netflix الرئيسية. تضع الشركة أيضًا بذكاء عبارة تحث المستخدم على اتخاذ إجراء في المركز ، لذلك ستقدم عنوان بريدك الإلكتروني وتبدأ. في كل من عامي 2004 و 2022 ، كان التركيز الرئيسي للصفحة الرئيسية هو الدعوة إلى العمل ، وهو أمر جدير بالملاحظة. نحن نحب الصورة في الخلفية ، والتي يتراكب النص عليها لأنها تتميز بالعروض والأفلام التي يمكنك الاستمتاع بها من خلال اشتراك Netflix.

في أوائل العقد الأول من القرن الحادي والعشرين ، كان هناك نقص في التسلسل الهرمي على موقع eBay ، مما جعل من الصعب على الزائرين فهم من أين يبدأون. هذا ضار أيضًا من وجهة نظر تجربة المستخدم. لكن ذلك تغير منذ ذلك الحين. في عام 2022 ، يحتوي موقع eBay على رف دائري في الجزء المرئي من موقعه. يضم عددًا قليلاً من المنتجات والعروض الترويجية التي تقدمها الشركة حاليًا. يتميز الموقع أيضًا بمسافات بيضاء أكبر مما كانت عليه في الماضي ، ويتم إقران القائمة مرة أخرى عن طريق المقارنة.

في عام 2006 ، ظهر برجر كنج بصورة أساسية على موقعه. كانت القائمة أيضًا في الجزء العلوي من الموقع ، ولكن كان من الصعب قراءة الخط. في عام 2022 ، يتميز برجر كنج اليوم بخلفية محايدة ويحافظ على التركيز على صوره. النسخة قليلة لكنها فعالة. بالإضافة إلى ذلك ، تستخدم الشركة خطًا يوفر مظهرًا مميزًا للشخصية ولكنه يمكن قراءته.

خذ الإلهام من إعادة تصميم الموقع من مواقع الويب الحنين إلى الماضي

إذا كنت تبحث عن مصدر إلهام لإعادة تصميم موقعك ، فابحث عن مواقع الويب التي تبعث على الحنين للحصول على فكرة عن كيفية إعادة صياغة صفحتك المقصودة. تثبت مواقع الويب التي تبعث على الحنين أنه باستخدام علامتك التجارية الفريدة ، والموازنة بين الصور والنصوص ، بما في ذلك التسلسل الهرمي المرئي الواضح ، سيبدو موقعك رائعًا لسنوات قادمة.

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في أبريل 2014 وتم تحديثه للشمول.