A (وليس كذلك) دليل أستاذ اللغة الإنجليزية ذاب إلى تصميم الويب الإبداعي

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

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

وكما تعلم ، فإن المفهوم نفسه مستمد من الهندسة المعمارية ، وهو نظام آخر يركز على العلاقة بين الناس والبيئات الناشئة. الكروس أمر منطقي.

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

الآن ، أتمنى أن أتمكن من التوقف هنا لقتل الأوباش القساة الذين أقسمت بأنني لم أضع قدمًا في الجامعة مرة أخرى ، لأن ذلك سيكون أمرًا غاية في السوء ، ولكن الحقيقة هي أنني تركت التدريس عن قصد وبصورة جيدة. لقد فعلت ذلك لاستكشاف العلاقة بين التكنولوجيا والثقافة ، وهو ما أثار دهشتي على الأقل منذ أن جلست لأول مرة ولعبت King's Quest II في عام 1986. عندما طُلب مني كتابة هذا المقال ، فكرت في التفكير في التسميد بين التصميم والهندسة المعمارية. تساءلت عن المفاهيم - إن وجدت - التي يمكن تطبيقها من الدراسات الأدبية بشكل مفيد على تصميم الويب.

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

1. استعارة

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

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

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

لجعل الكلمة أكثر قبولا للأذن التنفيذية (tsk ، tsk) ، يمكنك تقديمه على أنه "التماسك البصري" أو "الاتساق اللمس". كانوا يأكلونه مثل وجبة الإفطار الكلب (عفوا ، التشبيه).

2. التوقيع

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

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

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

3. خرق الدورة

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

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

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

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

سوف أصف هذا "التطور التنبئي" أو "التصميم الاستباقي" أو "التكتيك الحدودي التكتيكي" ، فقط للركلات.

4. غير التصنيف

ماذا ، قد تسأل نفسك في هذه المرحلة ، هل هذا الرجل لديه كل هذه المصطلحات العشوائية؟ دعني أشرح.

اقتبست عبارة "nonce taxonomy" من امرأة ماتت بطريقة مبكرة جدا ، وبطلتي الأدبية الحرجة Eve Kosofsky Sedgwick. Nonce يعني "لمرة واحدة" ، وتصنيف بالطبع هو نظام التسمية. لذا فإن "التصنيف غير التصنيفي" هو نظام من المفاهيم والمصطلحات المصممة خصيصًا للمشروع في متناول اليد ، ويتم التخلص منه أو إعادة تطويره بمجرد أن يصبح مرهقاً أو لا معنى له.

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

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

5. منطقة الاتصال

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

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

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

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

6. الوسيط هو الرسالة

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

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

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

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

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

فراق النار

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

التصميم أدبي تشابه مستعار