Webdesigner ديبوت يحصل على إعادة تصميم
قبل بضعة أيام ، في 11 نوفمبر ، احتفلنا بعيد ميلادنا السادس هنا على WDD من خلال الكشف عن أحدث تصميم لنا.
إذا قمت بزيارتها في كثير من الأحيان ، يجب أن تلاحظ بسهولة معظم التغييرات ، ومع ذلك ، إذا كنت فقط تسقط مرة واحدة في حين سيبدو الموقع متشابهة لكن مختلفة. في الواقع ، إذا قمنا بعملنا بشكل صحيح ، فيجب أن تشعر بأكبر قدر من الحد الأدنى ، أكثر أناقة وكذلك أسهل في القراءة.
عندما قررنا إعادة تصميم WDD ، أردنا تحقيق تجربة مستخدم أفضل من خلال تبني نهج أكثر تبسيطا ، وتبسيط وتسريع الموقع.
نظرنا إلى تصميم المجلة للتصميم الجديد ، لكننا شعرنا بأننا غير شخصيين وساحقين بالكثير من المحتوى ، ونظرنا إلى حد ما إلى حد ما. مررنا بتكرار لا يعد ولا يحصى قبل أن نقرر اتباع هذا الاتجاه. حول الويب ، نشاهد المزيد والمزيد من المحتوى الذي يتم عرضه هذه الأيام على المواقع (خاصة المواقع التقنية) التي تكتسح المستخدمين الذين لديهم الكثير من الخيارات. نؤمن بأن هذا التصميم الجديد يبدو أكثر حميمية وشخصية وأسهل في التصفح ، حيث يشبه إلى حد ما التقاطع بين مدونة تقليدية وموقع على غرار مجلة دون التغلّب على تجربة المستخدم.
تم تصغير الشريط الجانبي. أصبحت الآن أضيق ، وحتى الإعلانات مقاس 200 × 125 ، والتي يتم عرضها الآن في وقت واحد ، يبدو أنها تتنفس بشكل أسهل مع وجود مساحة بيضاء كبيرة حولها. في الأصل ، أزلنا الإعلان الأكبر حجمًا 300 × 250 على الجانب العلوي من الشريط الجانبي لإنشاء شريط جانبي صغير للغاية مع إعلانات 200 × 125 فقط ، ولكن هذا خلق مشكلة لبعض الرعاة الذين يعلنون بكثافة في هذا المكان العلوي.
لقد جربنا أيضًا إزالة الشريط الجانبي تمامًا ، ولكن عند محاولة دمج محتوى الشريط الجانبي وخصوصًا الإعلانات داخل المحتوى في عمود واحد ، أصبح التخطيط ثقيلًا وغير منظم. إذا كان WDD خالية من الإعلانات (يوم واحد؟) ، ربما اتخذنا نهج الشريط الجانبي أقل . في الوقت الحالي ، لا تزال الإعلانات ضرورية لتشغيل الموقع ودفع الفواتير ، ولكن مع هذا النهج ، نشعر بأنهم أقل تشويشًا ويخدمون المعلنين والقراء على حدٍ سواء.
واحدة من الأفكار التي أردنا دمجها في وقت مبكر كانت التمرير لانهائي . لقد طلبنا من قرائنا من خلال قنواتنا الاجتماعية تقديم تعليقات حول هذا الأمر وقمنا ببعض الأبحاث الدقيقة واكتشفنا أنه سيكون غالبًا سلبيًا لأغراضنا. نحن نؤمن بأن التمرير اللانهائي سيعمل بشكل أفضل مع المواقع ذات الصور في الغالب ، ولكن ليس بالضرورة لمدونة حيث يبدو أنها تؤدي إلى تفاعل أقل من المستخدمين (يقوم القراء فقط بالتمرير والتمرير ، ومع ذلك فإنهم يتفاعلون بشكل أقل مع المحتوى). بالطبع ، هناك دائمًا استثناءات ، ولكن بالنسبة إلى WDD في الوقت الحالي ، فإننا نلتزم بنهج ترقيم الصفحات التقليدي ونقول "لا" إلى التمرير اللامتناهي.
نحن نؤمن بأن هذا التصميم الجديد يبدو أكثر حميمية وشخصية وأسهل في التصفح ، حيث أنه يشبه إلى حد ما التقاطع بين مدونة تقليدية وموقع على غرار مجلة.
أردنا أن يكون لدى WDD توازن مثالي بين ما نعتبره عناصر تصميم ذكوري أنثوي. ستلاحظ استخدامًا واسعًا للأشكال الذكورية مثل الزوايا الحادة والمربعات والمستطيلات ، ولكن هناك أيضًا الكثير من الدوائر التي تستخدم في جميع أنحاء الموقع لجلب جانب أنثوي أكثر.
بالإضافة إلى ذلك ، أضفنا العديد من الخطوط القطرية في جميع أنحاء الموقع ، وحتى جعلنا رؤوسنا بخط مائل لحمل هذا المكون القطري طوال الوقت. يبدو الموقع أكثر ارتباطًا بجميع الأشكال والأحجام والأشكال ، تمامًا كما ينبغي أن يكون التصميم. ويمثل هذا أيضًا تنوع المحتوى الذي نحمله على الموقع والمؤلفين المختلفين وجهات النظر المتعددة وما إلى ذلك.
تتمثل الفكرة وراء تخطيط النص والصور المتناوبة في الصفحات الرئيسية في إنشاء توازن متساوي لكل من النص والصور على كلا جانبي العمود الرئيسي. لقد اخترنا ، مرة أخرى ، عدم وجود مشاركة مميزة في الأعلى ، والتي شعرنا أنها ستدعو قراءنا إلى استكشاف المزيد ، وقد تجد نفسك بالفعل تضغط على "الصفحة التالية" أكثر من ذي قبل ، حيث يجب أن يشعر الموقع بأنه أكثر دعوة إلى تصفح واستكشاف.
رؤوس الرسائل موجودة الآن LFT Etica وجميع القبعات. لقد تخلصنا من أديل خط لإعادة تصميم هذا كما أردنا للحد من الأوسمة وكان الخط serif sans فقط مناسبا لذلك. يجعل الأسلوب الجريء الثقيل للغاية العناوين ملحوظة بالفعل وسهلة القراءة. لطالما كانت WDD "جريئة" في نهجها لتصميمها ، لكن هذا ربما يكون التصميم الأكثر جرأة حتى الآن.
للنص الأساسي الذي نستخدمه Proxima Nova Soft التي تغيرت من Open Sans في تصميمنا السابق. شعرت استدارة هذا الخط بأنها مناسبة للموقع لأنها تضيف إحساسًا أكثر أنوثة ، بينما تبدو الرؤوس أكثر رجولية. مرة أخرى ، كنا نتطلع إلى خلق التوازن في جميع الجوانب.
هناك تأثيرات الرسوم المتحركة الجديدة ، والمقاطعات ، وصلات النص واللمسات الصغيرة هنا وهناك والتي تجعل الموقع يشعر أكثر عصرية وسعيدة. تم إجراء بعض التغييرات في الواجهة الخلفية لتحسين سرعة التحميل وتحسين الموقع قدر الإمكان. نحن ايضا لدينا صفحة 404 جديدة! :)
نأمل أن تستمتع بالتصميم الجديد وخاصة أن تستمر في التمتع بمقالاتنا ومشاركتها.
نحن نعمل بجد لجعل WDD وجهة رائعة لجميع أصدقاء المصممين والمطورين لدينا ، وهذا التصميم هو مجرد خطوة أخرى في رحلتنا معك.
لا تتردد في ترك أي تعليقات أدناه مع اقتراحات أو أي أسئلة قد تكون لديكم. نأمل أن تستمتع WDD الجديد!