susan kare and meaning within a pixel grid

سوزان كاري والمعنى ضمن شبكة البكسلات

أي يتم تجميعها مربعًا تلو الآخر

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

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

توفر الاستعارة نقطة انطلاق

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

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

الشخصية في ظل القيود

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

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

تتطلب الاتفاقيات صيانة

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

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

مثال عملي على التصميم

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

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

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

تمرين عملي

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

تشكل الشبكة قيدًا على الرسم، وليست ذريعة لترك المعنى دون تمحيص.

دراسة بصرية

تقدم صورة سوزان كاري المصممة التي تقف وراء دراسة الحالة هذه. ويتم تحليل أعمالها من خلال العلاقة بين الدقة المحدودة والمعنى الملموس.
1. تُقدِّم صورة سوزان كاري المصممة التي تتناولها دراسة الحالة. ويتم تحليل أعمالها من خلال العلاقة بين الدقة المحدودة والمعنى المألوف.
يقدم ستيف جوبز مع جهاز «ماكينتوش» السياق التاريخي للمنتج. فقد استدعت الشاشة الصغيرة استخدام الرموز للتواصل ضمن مساحة عرض محدودة ونظام تفاعل ناشئ.
2. يقدم ستيف جوبز مع جهاز «ماكينتوش» السياق التاريخي للمنتج. فقد استدعت الشاشة الصغيرة استخدام الرموز للتواصل ضمن مساحة عرض محدودة ونظام تفاعل ناشئ.
هذه الأيقونة العامة للكمبيوتر هي مجرد مثال للمقارنة، وليست عملاً منسوباً إلى كاري. وتُظهر بيكسلاتها القليلة كيف أن التعرف على الشيء يمكن أن يعتمد على اختيار السمات المميزة بدلاً من تصوير كل التفاصيل.
3. هذه الأيقونة العامة للكمبيوتر هي مجرد مثال توضيحي، وليست عملاً منسوباً إلى «كاري». وتُظهر بيكسلاتها القليلة كيف أن التعرف على الأشياء يمكن أن يعتمد على اختيار السمات المميزة بدلاً من تصوير كل التفاصيل.

مزيد من القراءة والروابط ذات الصلة

f/p لتصميم الاتصالات

مواصلة العمل على تصميم المعلومات، والتسلسل الهرمي، والتواصل الواضح.

f/p لتصميم العلامات التجارية والهوية المؤسسية

ربط الشكل المميز بنظام هوية يمكن تطبيقه عبر جميع نقاط التفاعل.

دليل عملي: اختيار وكالة تصميم جرافيكي وتواصل

ربط هذا الموضوع بنطاق تصميم الاتصالات، والنتائج المتوقعة، واختيار الشركاء.

هل تخطط لتنفيذ مشروع في هذا المجال؟ ناقش الأمر مع شركة F/P Design.

المراجع

سجل مقتنيات ومعارض متحف الفن الحديث

مصدر الصورة

1. SusanKare2019photo.jpg

المؤلف أو المصدر المذكور: كوبر هيويت · CC BY 3.0

مصدر الصورة وسجل حقوق النشر

شروط الترخيص

تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.

2. ستيف جوبز وجهاز كمبيوتر «ماكينتوش»، يناير 1984، تصوير برنارد جوتفريد – صورة معدلة.jpg

المؤلف أو المصدر المذكور: الصورة: برنارد جوتفريد – تم تحريرها من صيغة TIF بواسطة كارت · ملكية عامة

مصدر الصورة وسجل حقوق النشر

تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.

3. أيقونة الكمبيوتر الشخصي – الشاشة الزرقاء.png

المُصمم أو المصدر المُشار إليه: Asterisk.CommonsAccount · CC0

مصدر الصورة وسجل حقوق النشر

شروط الترخيص

تم تغيير حجمها وترميزها بتنسيق JPEG لاستخدامها في برنامج Word؛ دون أي تعديل إبداعي. وتظل الصورة خاضعة للترخيص المذكور أعلاه.