نفس الموقع ، صور مختلفة: كيف يقوم مصممو الويب برسم أنفسهم في ركن

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

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

كيف يجعلك تكرار الموقع متكررًا في معادلة التصميم

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

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

كلنا بحاجة إلى توجيه العملاء نحو الأصالة والمظهر الجديد. نحن بحاجة إلى نوع من الابتكار الذي أنتج مواقع ويب مذهلة.

دراسة حالة: نادي حلاقة الدولار

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

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

تبدأ رحلتنا في مايو 19 ، 2011. إنها شهادة على كيف يمكن لأي شخص لديه فكرة عظيمة أن ينجح في ذلك إذا عرف كيف يحظى بالاهتمام بالطريقة الصحيحة.

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

لا تزال ليست صفحة مستوحاة للغاية ، ولكن يجب أن تكون قد تركت انطباعًا لدى الجمهور على أية حال ، لأنه بحلول شهر أكتوبر ، حققوا ما يكفي من المال لإنتاج موقع ويب بدا في الواقع مثل موقع ويب:

بدأ العام الجديد ، وبحلول شهر مارس ، كان الموقع يحمل نظرة ذكورية وعرة جديدة ، وهي قريبة جداً من مظهر الموقع اليوم:

بعض التغييرات شملت:

  • تغيير كامل للأسلوب من العبقري غريب الأطوار والحديثة إلى القديم timey وبارد
  • إضافة شعار جديد
  • عرض مكافأة مميزة
  • التنقل الأقل تعقيدًا مع عناوين روابط أفضل
  • من الأسهل رؤية تسجيل الدخول وروابط التسجيل
  • مقدمة الفيديو
  • خط علامة ضخمة
  • لم تعد صفحة تذييل الصفحة معزولة عن بقية التصميم

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

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

تخيل أنك إذا كنت عضوًا بالفعل في هذا الموقع وفي كل مرة تريد فيها تسجيل الدخول ، فقد تعرّضت إلى تحميل الفيديو التقديمي نفسه وبدأت في اللعب ، ولم يكن لديك أي طريقة لمنعه. إذا كنت ترغب في جعل المستخدمين يتفادون موقعك ما لم تكن هناك بدائل ، فهذه هي الاستراتيجية لتحقيق ذلك. من الجيد جداً رؤية موقع على شبكة الإنترنت مثل Dollar Shave Club ، حيث يستمع المشغلون إلى مستخدميهم وهم يفعلون شيئًا بالفعل لمعالجة المخاوف التي تثيرها الشكاوى.

كان التغيير الرئيسي الأول لـ 2014 هو إيقاف تشغيل مشغل فيديو يستند إلى فلاش ، بدلاً من تشغيل فيديو HTML5. كما أضافوا بعض عناصر القائمة الإضافية.

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

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

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

ما لا يمكنك إخفاؤه هو أنه مع كلٍّ من هذه "الترقيات" ، ينمو الموقع في الارتفاع. تم فقد التنقل البسيط الذي جعل هذا الموقع فرحًا من البداية. يجب على المستخدمين الآن أن يصنعوا خطأً. لقد انتقل من "أين يمكنني النقر؟" إلى "هل يجب علي النقر ، أو التمرير ، أو هل أحتاج إلى التمرير ثم النقر؟". ثم ربما يقوم المستخدم بالتمرير ولكنهم لا يرون ما يريدونه ، والآن يجب عليهم التمرير مرة أخرى للعثور على المكان المناسب للنقر عليه ، حتى إذا كان موجودًا.

ويضيف كل هذا العمل الإضافي وصنع القرار إلى معدل CUF (الإحباط التراكمي للمستخدم) ، ويزيد من احتمال أن يتخلى المستخدم عن المتجر. في حالة Dollar Shave Club ، فإن العروض جيدة بما فيه الكفاية بحيث يمكن للمستخدمين تحمل الكثير من المضايقات (عتبة CUF عالية) ، لكن ذلك لن يكون صحيحًا لكل موقع.

تطور عنوان الموقع أيضًا خلال كل هذا الوقت ، مع بعض العناوين المدرجة أدناه:

  • شفرات الحلاقة رخيصة ل 1 دولار شهريا
  • شفرات الحلاقة رخيصة
  • نادي حلاقة الدولار: لدينا شفرات رائعة!
  • نادي حلاقة الدولار - حلق الوقت ، حلق المال
  • الدولار الحلاقة نادي

من السهل أن نرى من هذا التطور تأثير ثقافة الشركات على الأفكار العظيمة الأخرى. يمكنك تصوير بعض المتأنق الصغير الملبس في أرماني وتعليق قضيته المرفقة غوتشي ، والانطلاق في اجتماع الشركة مع "مهلا ، لا يمكنك قول شيء من هذا القبيل!" لكن هل تخمن أن هذا الخط هو الذي جذب انتباههم ، ومعظم الأسهم ، ومعظم الأشخاص الذين يربطونهم؟

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

إذن ، إليكم كيف يبدو الموقع اليوم:

إنه أمر لا يمكن تصديقه على المدى الذي سيذهب إليه بعض الأشخاص (والمواقع) ، أليس كذلك؟

يقع بعض اللوم على الأدوات التي نستخدمها

لطالما استخدم المصممون والمطوّرون أنظمة وأطرًا معينة للمساعدة في جعل عملية إنشاء موقع جديد أسهل ، وليس هناك أي خطأ في ذلك.

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

هذا هو الوضع الذي يحدث في بعض الأحيان عندما يكون عنصر "قياسي" متوقع مفقودًا ، يتساءل العملاء عن السبب. هذا ليس جيدًا ... يجب ألا يكون لدى العملاء توقعات حول نتيجة عملية التصميم ، يجب أن يكونوا يقولون "نجاح باهر! هذا رائع! "، وليس" أين عنصر تصميم بدعة gimmicky؟ ".

والمساهم الثاني في هذه المشكلة هو أسلوب تشارلي الرخيص للتصميم ، حيث يكون المخطط الوحيد هو المخطط الوحيد الذي تم إنشاؤه ومن المتوقع أن يتدرج إلى عمود واحد لمستخدمي الهاتف المحمول. تريدنا Google تصميمها للجوّال ، وبالطبع يجب علينا احترام ذلك ، ولكن عندما تفكر في مقدار المساحة التي يجب أن نستخدمها على سطح المكتب ، يجب أن نستفيد منها.

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

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

بوجدان رانسيا

بوجدان هو أحد الأعضاء المؤسسين لشركة Inspired Mag ، حيث اكتسب خبرة تقرب من سنوات 6 خلال هذه الفترة. يحب في وقت فراغه دراسة الموسيقى الكلاسيكية واستكشاف الفنون البصرية. انه مهووس جدا مع إصلاحات كذلك. يمتلك 5 بالفعل.