تم تصميم الويب بشكل جيد: تحرير ممتاز

يهتم الكثير من الحديث عن تصميم الويب بما يدور حول المحتوى. سرعة الصفحة ، وأنظمة التصميم ، وتحسين محرك البحث ، والأطر ، وإمكانية الوصول - القائمة تطول وتطول. يمنحنا هذا في Smashing Magazine الكثير للكتابة عنه ، وهو أمر رائع ، على الرغم من أنه يستحق تذكير أنفسنا بما يخدم كل هذا.

في هذا الإصدار الثالث من سلسلة Web Design Done Well ، نلتزم بالقلب النابض للعديد من مواقع الويب: المحتوى. وبشكل أكثر تحديدًا ، المحتوى التحريري. لقد منح الويب رواة القصص مجموعة رائعة من الأدوات للعمل معهم ، وبصفتي صحفيًا شبه مؤهل ، فأنا أحب السبق الصحفي الجيد.

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

رويترز العجاف في الضرب

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

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

نيويورك تايمز تظهر أكثر مما تقول

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

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

واشنطن بوست تصور الانتشار الأسي

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

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

يمزج مشروع مارشال بين وسائل الإعلام

هنا يقدم مشروع مارشال الصحافة القوية حول نظام العدالة الجنائية في الولايات المتحدة بأناقة وجمال حلو ومر لقصص الأطفال. في "The Zo" ، تجتمع الكتابة الإبداعية ، والتوضيح اللافت للنظر ، والسرد الآسر ، والقصة المهمة. هذا هو تحرير الوسائط المتعددة في تدفق كامل.

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

الرواية المصورة التفاعلية لـ SBS ليست بدعة

بالحديث عن القوى التحويلية للإنترنت ، ماذا عن قصة تفاعلية. نحن جميعًا على دراية بالتكيفات مع الأفلام ، والتكيفات المسرحية على الراديو ، وتكييفات المسلسلات القصيرة ، وما إلى ذلك. لماذا لا تتكيف صفحة الويب؟ هذا هو بالضبط ما شرعت محطة SBS الأسترالية في القيام به مع The Boat ، وهو رواية تفاعلية لقصة قصيرة في كتاب Nam Le الذي يحمل نفس الاسم.

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

القرود المهلبية حولها

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

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

A List Apart: A Class Apart

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

ما أدرك الآن أنه كان منذ وقت طويل بشكل مقلق ، كتبت عن فرعين لتصميم الويب "الوحشي". كان جوهر ما قلته هو أن أحد الأساليب صاخب وصاخب ، والآخر يعمل بحزم. يُظهر A List Apart جمال هذا الأخير الذي تم عمله بشكل صحيح. تعتبر مجموعة أدوات الوسائط المتعددة من الأصول الرائعة التي يجب امتلاكها ، ولكن حتى الآن هناك أوقات يكون فيها استخدام الكلمات فقط.

التفكير الإبداعي في المحتوى

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

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

• تساءل عن النهج الافتراضي الخاص بك.
  نحن مخلوقات ذات عادات ، بما في ذلك كيف نروي قصصنا. خذ وقتك مبكرًا للتراجع واسأل ، كيف يمكنني القيام بذلك بشكل مختلف؟ ربما تكون المقالة المصورة أكثر حكمة من المقالة. ربما تكون خريطة الحرارة أفضل من الجدول. التخصص مهم بالطبع ، لكن لا تدعه يعميك عن طرق أخرى ، غالبًا ما تكون مكملة للقيام بالأشياء.
• استخدم الموارد المجانية.
  واحدة من أفضل الهدايا على الإنترنت هي مقدار الأشياء المجانية المذهلة الموجودة. مثل ، في الواقع مجاني ، عن قصد. من التصوير الفوتوغرافي إلى التصميم الجرافيكي إلى أدوات تصور البيانات إلى برامج تحرير الصوت ، فإن الموارد التي تحتاجها لتحويل المحتوى الخاص بك على بعد نقرة واحدة. علامة الهدايا المجانية الخاصة بنا هي مكان جيد للبدء.
• إعطاء المحتوى أشكال متعددة.
  كما أظهر The Marshall Project جيدًا بشكل خاص في "The Zo" ، يمكن للقصص العثور على جماهير جديدة عندما تتخذ أشكالًا مختلفة. كتب مقال؟ عظيم ، لماذا لا تسجل نسخة صوتية؟ أنتجت تقريراً مستنداً إلى البيانات؟ رائع جدًا ، على الرغم من أنه رائع كما قد يكون إذا بدأت في توصيل هذه الأرقام في D3؟ فقط طريق واحد لتجد المخرج.
• تجربة - قام بتجارب.
  الأمثلة هنا هي خير المحصول ، لكن من الجدير بالذكر أن هناك قدرًا هائلاً يمكن اكتسابه من تجربة أفكار جديدة واحتضان الفشل العرضي الذي ينتج عنه. التكرار هو مفتاح العملية الإبداعية. إذا جربت شيئًا ولم ينجح ، فلا بأس ، لا يهم. إنها الطريقة الوحيدة للوصول إلى ما ينجح .

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