البحث في الموقع

إن أول ما نحدده عند إنشاء أي تصميم هو قياس مساحة التصميم ونموذج الألوان المستخدم والهوامش وغيرها، وقد لاحظنا في مقالات سابقة كيف أن برامج التصميم مثل الفوتوشوب والإليستريتور تطلب تحديد مساحة التصميم قبل فتح مستند جديد للعمل عليه. تحديد المساحة مهم جدًّا لفهم دقة العمل والهدف من العمل، فتصميم بطاقة أعمال لشركة ما يختلف عن تصميم ملصق إعلاني حيث أن الأول بحجم صغير أقل من راحة اليد والآخر بحجم ورقة كبيرة كاملة، وهذا يعني أن التفاصيل والعناصر في بطاقة الأعمال ستكون أقل عددًا وأصغر حجمًا على عكس الملصق الإعلاني. من المهم أن نفهم أن تصاميمنا على الحاسوب ستكون بوحدات قياس مختلفة عن وحدات القياس على أرض الواقع، إلا أن برامج التصميم تحدد النسبة بين الوحدات وهو ما يعرف بالدقة أو دقة التفاصيل، والتي نحددها أيضًا عند فتح مستند تصميم جديد على أحد برامج التصميم مثل النسبة (بكسل / بوصة) وهي تعني عدد وحدات البكسل في البوصة الواحد، وتزداد الدقة بازدياد قيمة هذه النسبة وتزداد معها المساحة التخزينية لملف التصميم كما يزداد معها استهلاك موارد الحاسوب أو أي جهاز نستخدمه للتصميم. فهذه الصورة على سبيل المثال صممت بنوعين من الدقة، الأولى كانت بدقة 300 بكسل/البوصة والثانية بدقة 72 بكسل/البوصة لهذا بلغت المساحة التخزينية للأولى 1.85 ميغا بايت بينما بلغت للثانية 285 كيلو بايت. تلاحظ هنا الفرق بين الصورتين من حيث الجمالية ونعومة الحواف ودقة التفاصيل، فتظهر الصورة إلى اليسار وكأنها هاربة من حاسوب قديم من جيل حواسيب الثمانينات. أنواع ووحدات القياس درسنا جميعنا وحدات الأطوال المترية في المدارس الإبتدائية، ويعتمد المصممون على هذه الوحدات اعتمادًا أساسيًا لتصميم المطبوعات المختلفة، كما تستخدم من قبل مهندسي البناء والعمارة والديكور وكذلك مصممي النماذج ثلاثية الأبعاد لإنتاج نماذجهم وتصاميمهم بواسطة الطابعات ثلاثية الأبعاد. هناك وحدات تستخدم في القياس الواقعي الحقيقي مثل المتر وهناك وحدات تستخدم لقياس الرسومات والدقة ضمن الشاشات فقط مثل البكسل، لذلك فإن فهم هذه الوحدات ضروري للحصول على نتائج دقيقة وتجنب الأخطاء. المتر m النظام المتري وتعد وحدة المتر m الوحدة الرئيسية لهذا النظام ومن مضاعفاته الكيلومتر km وتعادل 1000 متر، ونحن لا نستخدم الكيلومتر في التصميم لأنه لا يوجد أي آلة يمكنها طباعة ورقة أو لوحة قماشية بهذا الحجم، لذلك فإن اعتمادنا سيكون على عوامل أو قواسم المتر وهي السنتيمتر cm ويعادل المتر الواحد 100 سنتيمتر، والميليمتر ويعادل المتر واحد 1000 ميليمتر. البوصة (الإنش) in نظام القياس بالبوصة أو الإنش وهو نظام قياس أطوال إنجليزي ما يزال معتمدًا في الولايات المتحدة الأمريكية وبريطانيا، وهو أحد وحدات القياس الإمبراطورية والتي تضم إلى جانبها وحدات القدم والميل وغيرها، وتعادل البوصة الواحدة 2.54 سنتيمتر أي 25.4 ميليمتر. وهذه خريطة توضح أماكن استخدام نظام القياس المتري و الإمبراطوري في العالم. النقطة Point هي وحدة قياس حجم أشكال الحروف وتباعد الأسطر وهي وحدة صغيرة جدًا حيث أن البوصة الواحدة تعادل 72 نقطة. البيكا Pica هي وحدة قياس مطبعية تم تطويرها في عام 1785. تتألف البيكا من 12 نقطة Point، وتعد البيكا Pica وحدة قياس رئيسية للطباعة اليوم، لكن العديد من المصممين ما زالوا يفضلون استخدام الوحدات المنتشرة على نطاق واسع مثل البوصات والمليمترات. وتستخدم في التصميم لقياس جوانب تخطيط الصفحة وعرض النص والمسافات وما إلى ذلك. عادةً ما يتم تمثيل بيكا بالنقاط على هذا النحو كمثال: 1p2، أي 1 بيكا و2 نقطة وهو يعني وحدة قياس بيكا واحدة مضافًا إليها نقطتين. وبالتالي تساوي في هذه الحالة 14 نقطة، كيف ذلك؟ دعني أشرحها أكثر. طريقة عرض وحدة البيكا في الإليستريتور بما أن البيكا تعادل 12 نقطة فإن 1p2 تعني 1 بيكا + 2 نقطة وباستبدال البيكا بـ 12 نقطة يصبح القياس هو 12 نقطة + 2 نقطة والمحصلة هي 14 نقطة، وهذه أمثلة أخرى لفهم المعادلة: 0p5 بيكا تعادل 5 نقطة 1p6 بيكا تعادل 18 نقطة 2p0 بيكا تعادل 24 نقطة 3p3 بيكا تعادل 39 نقطة وفيما يلي جدول يبين لك وحدات القياس المختلفة ومعادلتها مع بقية الوحدات. جدول يتضمن وحدات القياس المختلفة والمعادلة بينها. البكسل Pixel هي وحدة التصميم القياسية والتي تستخدم للتصميم من أجل العرض على الشاشات فقط مثل تصاميم الويب، أي لتصاميم الرسومات والصور النقطية، ووحدة البكسل مكونة من مربع بطول وعرض حجمه بكسل واحد. وهي لا تستخدم للقياس على الورق لأن وحدات القياس على الورق تختلف عن الشاشات كما تعتمد وحدة القياس هذه على ارتباطها بالنسبة لوحدات القياس الأخرى مثل البوصة والسنتيمتر. مثال على صورة نقطية بحجم 16×16 بكسل حيث تظهر وحدة البكسل الواحدة في التكبير. ضبط قياسات التصميم والدقة تختلف قياسات التصميم بحسب الغرض من التصميم، في حال كان التصميم من أجل الويب وهو ما يعرض على الشاشات، يجب عندها وضع القياس المناسب لحجم شاشة الهاتف، وإن كان التصميم من أجل قائمة الأطعمة لأحد المطاعم فسيكون علينا استخدام وحدات القياس المناسبة مع حجم المساحة المطلوبة للتصميم. أهم ما في تحديد قياس التصميم هو تحديد دقة التفاصيل للتصميم ولهذه الدقة أنواع منها: ppi يعتمد هذا النوع على نسبة البكسل إلى وحدات القياس الأخرى كالبوصة ويرمز لها ppi أي Pixel per Inch بكسل في البوصة، هي الأكثر استخدامًا ولكن قد نستعمل بكسل مقابل السنتيمتر في حالات أخرى. نستخدم عادة دقة 72ppi للتصاميم العاملة على الشاشات مثل تصاميم الويب ودقة 300ppi للتصاميم الطباعية، فما الفرق بين دقة 72 المنخفضة ودقة 300 العالية في التصميم؟ يظهر هنا الفرق في عدد البكسل ضمن البوصة وهو الفرق بين الدقة العالية والمنخفضة. وفي الصورة التالية مثال واضح على الفرق بين الدقتين في صورة واحدة. هذه صورة توضح الفرق بين الدقتين، حيث أن التصميم على اليمين بدقة 72 فقط بينما التصميم على اليسار بدقة 300 وهو يعني وجود 72 بكسل ضمن البوصة الواحدة أي عدد 72 مربع بكسل صغير ضمن مسافة بوصة واحدة، والدقة العالية تعني تواجد 300 بكسل ضمن البوصة الواحدة. من الصعب إظهار هذا الفرق إلا إن قمت بتصميم الصورتين بحجم متطابق ضمن وحدة القياس البوصة أو السنتيمتر نفسه مع الاختلاف في عدد البكسلات ضمن كل منها ومن ثم نعمل على تكبير الصورتين لاكتشاف الفارق، لذلك لن تظهر هذه الفروقات بسهولة عادة على الشاشات وسيشعر المراقب بأن الدقة هي ذاتها لكلا الصورتين طالما لم نكبّر مشهد العرض. dpi هذا النوع من الدقة يستخدم لقياس دقة الطباعة للطابعات بأنواعها وتعني مقدار النقاط ضمن البوصة الواحدة Dot per Inch وكلما كانت الدقة أكبر وأعلى حصلنا على صور أو رسومات مطبوعة أفضل وكلما كانت أقل ظهرت التشوهات في الطباعة وبتفاصيل أقل. وتختلف القيمة العظمى لهذه الدقة من طابعة لأخرى، وهو ما يؤثر على سعر الطابعة بحيث يرتفع سعرها كلما كانت دقة طباعتها أعلى. وعادة تعمل أغلب الطابعات الليزرية على الطباعة بدقة 600dpi، بينما تبلغ دقة أجهزة فصل الألوان 1200dpi أو أعلى في الطابعات الاحترافية والمراكز الطباعية، وتعتمد الطابعات نفّاثة الحبر على نفث رشّات صغيرة جدًا من الحبر على شكل رذاذ، أي أنها ليست نقاطًا حقيقية، فلا تتجاوز دقة طباعتها 300dpi إلى 720dpi. المصدر قياسات التصاميم تختلف القياسات للتصميم من حيث حجم مساحة العمل والدقة المستخدمة في التصميم بحسب الهدف من التصميم، ولكل نوع من التصاميم قياسات معروفة ومتبعة عند المصممين سنتعرّف على أشهرها. قياسات المطبوعات يتضمن الجدول التالي أكثر المطبوعات شيوعًا والتي تصمم لمختلف الأغراض التجارية والإعلانية: قياسات الشاشات يتضمن الجدول التالي أهم القياسات المستخدمة لشاشات الحواسيب والهواتف المحمولة والأجهزة اللوحية وشاشات التلفاز. النسب القياسية (3:4 - 16:9- 4:6) ونحوها تصف نسبة العرض إلى الارتفاع (النسبة القياسية) بالنسبة إلى أي صورة العلاقة التناسبية بين عرض الصورة وارتفاعها. يمكنك العثور على النسب القياسية التي يشيع استخدامها في التصوير الفوتوغرافي والأفلام في العديد من الأدوات من حولك مثل شاشة التلفاز أو الحاسوب أو الهاتف المحمول. ما سبب أهمية النسبة القياسية؟ من أهم الأسباب هو تصميم صورة صحيحة لا تتشوه بتغير أحد أبعادها أو قص أجزاء منها عند استخدامها، فإذا قمت بتصميم صورة لشاشة تلفاز حديثة عريضة ثم اكتشفت أن الصورة ستعرض على شاشة تلفاز قديمة غير عريضة فإن الصورة ستظهر إما مضغوطة عرضيًّا أو مقطوعة من الجانبين. الفروقات بين النسب المختلفة – الصورة بواسطة WikimediaImages من موقع Pixabay سنستعرض تاليًا أمثلة عن صور مختلفة بالنسب القياسية الأشهر. 1:1 وهي تعني أن الإطار الخارجي للصورة أو التصميم مربع الشكل، وهذه النسبة تستخدم كثيرًا في الملفات التعريفية على فيس بوك وتويتر وإنستجرام وغيرها. صورة الملف التعريفي للفيس بوك مربعة الشكل بنسبة قياسية 1:1 3:4 وتستخدم في معظم كاميرات التصوير الفوتوغرافي التقليدية والحالية كما أنها المقياس الأساسي لمعظم أجهزة التلفاز قبل ظهور الشاشة المسطحة ذات النسب المختلفة. مشهد من فيلم بياض الثلج والأقزام السبعة معروض بنسبة 3:4 9:16 تستخدم هذه النسبة في شريحة واسعة من الهواتف المحمولة وفي غالبية شاشات التلفاز الحديثة المسطحة. مشهد من فيلم The searchers بنسبة 16:9 2.35:1 وتستخدم بشكل رئيسي في صالات السينما حيث تصوّر الأفلام الحديثة وفقًا لهذه النسبة والتي تعرض إطارًا عريضًا لمشاهد الفيلم لمشاهدة تفاصيل أكثر. صورة من فيلم ضمن لعبة Fallout 3 بنسبة 2.35:1 خاتمة من المهم معرفة القياسات والنسب القياسية وتوخي الحذر أثناء تحديد الدقّة قبيل البدء بالعمل على أي مشروع تصميمي مهما كان نوعه. هذه المعلومات ليس مجرد ثقافة عامة يطّلع عليها المصمم، بل هي معلومات أساسية ينبغي على المصمم معرفتها حتى لا يقع في حيرة أو في ارتباك عند التحضير للعمل على مشروع تصميم ما، فبمجرد أن يطلب منه العميل أن يصمم منشورًا إعلانيًا، يحضّر المصمم مستند المشروع معد بناءً على معلوماته المسبقة عن قياسات المنشورات الإعلانية ودقة التصميم المطلوبة ونموذج الألوان الصحيح، ثم يبدأ التصميم بكل ثقة دون ارتباك حول صحة ودقة تفاصيل الإعدادات لبدء المشروع.

بغض النظر عن التكلفة، فإن ما يمكن قياسه يمكن القيام به. من جهة أخرى تعتبر مسألة اختصار كل من التصميم وعملية onboarding (تهيئة العميل لاستعمال المنتج لأول مرة) لتصبح مُجرّد تلاعب بالأرقام وبالقياسات أمرا غاية في الخطورة. لقد قدم لنا العقد الأخير العديد من منتجات التحليل، تقوم كلها بأخذ معطيات سهلة التجميع وتعطي رسوما بيانية جميلة المنظر. طبعا لا يقوم أحد بالتحقق إن كانت هذه المعطيات التي يسهل الحصول عليها تقدم أي معلومات. أو إن كان للرسوم التي يحلو النظر إليها أي فائدة. فحتى وإن كانت مفيدة وكنت تعي جيّد ما تقوم به فإن التًلاعب بالقياسات والأرقام ستجعلك حتما تَضَلُّ الطريق تحت تأثير الوجهة التي ترغب في الوصول إليها. كل ما يتم قياسه يتم القيام به "what gets measured gets done"، تستخدم هذه الجملة للدلالة على شيء من قبيل أن "لا شيء سيحدث هنا ما لم نحصل على أرقام واضحة"، الأمر الذي غالبا ما يكون صحيحا. تعتبر الجمل المبهمة مثل "سنقوم بإلقاء نظرة على ذلك"، "سنرى إن كان يمكننا تحسين ذلك" أو "سنقوم بالعمل على حل الأمور الأسهل أولا" هلاك كل فريق عمل منتج ما. إنه لمن المستحيل قول إن كان أي شيء يحدث حقيقة كنتيجة، في حين تتميز الأرقام بمصداقيتها. المشكل أن الأرقام تعتبر انتقائية في تعاملها مع الحقائق، عندما تقوم بقياس أي تدفق، قيمة أو نسبة فإن هناك وسيلة للتلاعب بالنتائج. تأثير الجرذان إبان حكم الاستعمار الفرنسي عانت مدينة هانوي من مشكل جرذان كبير، حاولوا حل المشكل من خلال مكافئة الناس لاصطيادهم الجرذان، حتى تثبت أنك فعلا قتلت فأرا كان عليك أن تقدم ذيله كدليل، ما حدث فيما بعد يعتبر خير مثال لتقديم بعض القياسات والأرقام لدلالاتٍ خاطئة. عمل المواطنون على تربية الجرذان، قطع أذيالها، الحصول على المكافئة ثم إعادة وضع الجرذان مبتورة الأذيال في بيئة مناسبة للتناسل. كان الحل يأتي بنتائج عكسية. في نفس الوقت ونظرا لقياساتها وأرقامها السطحية كانت الحكومة تصدر تقارير تفيد أن هناك تقدما ملحوظا في إبادة الجرذان. أصبح هذا يعرف بتأثير الجرذان، أو بتأثير أفاعي الكوبرا نظرا لحادثة مشابهة في الهند. في كلتا الحالتين ما تم قياسه فعلا قد تم القيام به، وما تمت المكافئة على القيام به تم تكراره. كل القياسات والأرقام حتى وإن تم انتقاؤها بشكل يدوي فإنها لا تعدو أن تكون دليلا على تصرف المستخدم. فعلى سبيل المثال في شركة تطُوّر تطبيقًا لإدارةِ المشاريع فإنه يُمكن الاعتماد على "عدد المشاريع المفتوحة" لقياس إن كان المستخدمون يحصلون على قيمة من منتجك، ما قد يكون قيمة مُعبّرة بشكل جيّد عن مدى استخدام مُنتجك، المشكل أن كل المدلولات عُرضة للخطأ، ومعرضة للتلاعب. نقصد بالتلاعب هنا، التأثير على الأرقام فقط بطريقة لا تؤثر على ما تدل عليه هذه الأرقام، فعلى سبيل المثال يمكنك أن تدفع المُستخدم إلى "إنشاء مشروع" بمجرد أن ينهي عملية التسجيل، أو يمكنك أن تجعلها عملية تلقائية (يعني أن يتم إنشاء المشروع له بشكل آلي بمُجرّد أن يُسجّل). قد يقوم هذا برفع الأرقام التي تقيسها والتي تُتابعها عن كثب لكن هذا لا يعني أن المستخدم يحصل على قيمة أكثر. فأنت لم تقم بأي شيء جوهري. يذكرني هذا بسلسلة فكاهية بريطانية حيث يتباهى ضباط الشرطة بانخفاض معدل الجريمة عند قرّروا تقنين السرقة. يستعمل Ev Williams "وقت القراءة" كقياس لـ Medium، لكن يشير إلى وجود العديد من الطرق للتأثير عليه والتي لا تخدم هدفه. فمثلا يكون عرض النّصوص بشكل سيّء لا يًساعد على القراءة السّريعة أن يرفع من قيمة هذا الرّقم (أي وقت القراءة). بطريقة مشابهة لقولي مازحا أن المحرر Vim يملك أفضل طريقة لإبقاء المُستخدمين معه، حيث أن طريقة الخروج من التّطبيق ليست سهلة. إن أردت أن تعمل على خلق نمو ذا معنى فإنه يُفضّل أن تكون مجهوداتك مركزة على إحدى هذه الطرق: إزالة الاحتكاكات، إعادة نقلها إلى مكان آخر أو توجيه المستخدمين إلى الوجهة الصحيحة. إزالة الاحتكاكات frictionتعطي عمليات تحديد، إزالة وتحريك الاحتكاكات أفضل القياسات metrics الدالة على النمو الحقيقي. إن عدم قدرة المستخدم على الانتقال من الخطوة الثالثة نحو الرابعة مثلا يرجع غالبا إلى وجود احتكاك يعرقله. ما الذي يعيق انتقال المستخدم إلى الخطوة الرابعة: مشكل الاكتشاف: عدم معرفة المستخدم كيفية القيام بهذا الانتقال.مشكل الوضوح: جهل المستخدم نتائج الإقدام على الخطوة التالية.مشكل التعقيد: صعوبة إتمام الخطوة التالية.مشكل القيمة المقترحة: عدم اقتناع المستخدم بأن القيمة المضافة التي سيحصل عليها عند القيام بالخطوة تستحق استثمار المال/الوقت المطلوب لإتمامها.لن يتم تحقيق أي تقدم حقيقي من خلال القيام بالاختبارات طوال اليوم بل من خلال العمل على إزالة الاحتكاكات. أمثلة حول إزالة الاحتكاكاتفي السابق، كان تنصيب شيفرة جافاسكربت على الموقع الطريقة الوحيدة للتسجيل في Intercom، يليه القيام بكتابة تطبيق من جهة الخادوم لإرسال المتغيرات لخادوم الخدمة، ما يعتبر كما هائلا من الاحتكاكات بالنسبة للأشخاص غير الملتزمين، يسبب هذا الأمر أيضا استثناء الكثير من الناس غير القادرين على التّعديل على منتجاتهم. قام فريقنا المسؤول على النمو بالعمل على إزالة هذه الاحتكاكات من خلال مجموعة متنوعة من المقاربات، على سبيل المثال تعمل آلية دمج خدمة Stripe على السماح لك ببدء استعمال Intercom من خلال نقرتين فقط. في بعض الأحيان يكون الحل الأنسب للتعامل مع الاحتكاكات هو تقبل أن تحقيق بعض التقدم أفضل من عدم تحقيق أي تقدم بتاتا، على سبيل المثال يحب الكثير من المستخدمين أن يرسلوا رسائل HTML لكن لا يستطيعون القيام بذلك لأن الأمر يتطلب مهارات في التطوير والتصميم. لهذا السبب يتيح Intercom الآن مكتبة صغيرة من القوالب الجاهزة للاستعمال. الأمر مُماثل بالنسبة للمستخدمين الذين يودون إرسال رسائل تلقائية لكن لا يعرفون ما الذي يجب عليهم قوله فيها، لذا قمنا بإعداد بعض الأمثلة الجيدة لتساعدهم على البداية. تحويل الاحتكاكات إلى أماكن أخرىيوجد عدد محدود من الاحتكاكات التي يمكن لك القيام بإزالتها تماما، أما فيما يخص البقية فإنك تقوم بتحريكها من مكان لآخر. قد يبدو لك القيام بهذا مضيعة للوقت، الجهد والموارد، لكن الأمر ليس كذلك. عليك أن تعمل على تحريك الاحتكاكات التي يستحيل إزالتها إلى مكان آخر حيث تسبب أقل الأضرار. أيْ حيث يتم تحويل أغلب المستخدمين (لكن ليس بالضرورة حيث تتوافر أعلى نسبة للتّحويل). على سبيل المثال تتسم بعض الخطوات مثل تسجيل الحساب وطلب الدفع بكونها غير محببة للمستخدم لكنها ضرورية، يسبب هذا النوع من الخطوات في فقدان بعض عملائك، رغم إمكانية العمل على تبسيطها من خلال استعمال التسجيل عن طريق فيسبوك (Facebook Login) أو الدفع باستخدام Stripe، ستُلاحظ بعض الانسحابات بمجرد أن تقوم بطلب المال أو بعض التفاصيل. على سبيل المثال، عرض فترة تجريبية مجانية دون طلب بطاقة ائتمانية، سيرفع من نسبة التّحويل على الصفحة الرئيسية، لكن القيام بهذا يعني عملك على تحريك هذا الاحتكاك ثلاثين يوما وليس إزالته تماما، بلغة الأرقام يعد تأجيل طلب البطاقة الائتمانية إلى اليوم الثلاثين أفضل من طلبها في اليوم الأول، أهم ما في الأمر أن تتذكر أنك لم تقم بإزالة أي احتكاك بل أجلته فقط، المشكل أن العديد من الناس لا ينتبهون لهذا الأمر. قياسا على ما سبق يمكن لك أن تفرط في تحفيز عملائك ليقوموا بالترقية، أو أن تبدأ بربح النوع الخاطئ من العملاء الأمر الذي غالبا ما تدفع ثمنه لاحقا في شكل تبعات جانبية. باختصار، لا يمكنك أن تُزَيِّفَ الحقائق أو أن تتحاشى الأمر الواقع فلطالما ستواجهه، كلما تأخرت في إدراك هذا الأمر كانت الخسائر أكبر. القياسات المرافقةتعمل الكثير من الشركات حاليا على توظيف فرق عمل خاصة بالنمو، والأرجح أن يتزايد هذا في السنوات القادمة تزامنا مع تَجَلِّي أهميتها الكبرى. إن كنت تعمل على توظيف فريق نمو فمن الجدير بك أن تأخذ بنصيحة Andy Grove فيما يخص القياسات والأرقام: بالنسبة لكل قياس، يجب أن يكون هناك قياس مرافق له والذي يدل على النتائج العكسية للقياس الأول. والأحرى أن تتذكر قول نتشه: ترجمة -وبتصرّف- للمقال: MEANINGFUL GROWTH VS METRIC MANIPULATION لصاحبه Des Traynor. حقوق الصورة البارزة: Designed by Freepik.