يبدو للكثيرين أن المصمم فنان متقلب يلهم إلى الأبد نظرة ضعيفة في المسافة وأحيانًا يلقي خطبًا صادقة للعميل حول انتهاك فكرته بالكامل ، لأن "هذا اللون الأخضر يرمز إلى التناغم ، ونغمتين أكثر قتامة ، كما يقترح العميل بالفعل ، الود البيئي ". ولكن لا ، هذه صورة نمطية.
التصميم هو في المقام الأول حل لمشكلة محددة. على سبيل المثال ، يواجه العميل مهمة زيادة تحويل الموقع ، مما يعني أن المصمم سيفعل كل شيء لإرضاء العميل. إذا كان العميل بحاجة إلى موقع لا ينسى يثير ثقة المستخدم ، فسيقوم المصمم بحل هذه المشكلة بشكل مختلف عن سابقتها.
سنتحدث في هذه المقالة عن مراحل إعداد التصميم والمبادئ العامة للعمل مع المكون المرئي للموقع.
التصميم ليس موجة من الفرشاة وليس رحلة إبداع ، بل هو تحليلات في المقام الأول.
مثل أي مشروع ، يبدأ العمل بتحديد المهمة الرئيسية لمنتج التصميم. ماذا يحتاج العميل من الموقع؟ زيادة المبيعات؟ المزيد من الثقة بالعلامة التجارية؟ الاعتراف؟
عندما يقرر العميل المهمة الرئيسية ، ويفهم المصمم جوهر العمل تقريبًا ، تبدأ المرحلة الثانية - العمل مع الجمهور المستهدف (مزيد من CA). في معظم الأحيان ، تم تحديد الجمهور المستهدف في مرحلة التحليلات والتصميم ، ولكن من المهم أيضًا أن يقوم المصمم برسم صورة لمستخدم نموذجي ، وكلما كانت الصورة أكثر دقة ، كان المنتج النهائي أفضل.
دعونا نلقي نظرة على مثال للعمل مع آسيا الوسطى. تخيل أن العميل يبيع ملابس الأطفال على الإنترنت. نحن نعرف منتجها ونقاط قوتها ونقاط ضعفها ، ونصل إلى استنتاج مفاده أن الممثل النموذجي لآسيا الوسطى لهذا المنتج هو امرأة متزوجة ، إيرينا ، تبلغ من العمر 30 عامًا تقريبًا ، ودخلها أعلى قليلاً من المتوسط ، ولديها تعليم عالٍ. على الأرجح ، قبل ولادة الطفل ، كانت لدى الأم الشابة مهنة. إيرينا في إجازة أمومة وهي منخرطة في طفل. ما هو المهم لها؟ نعتقد أن صحة الطفل ورفاهه الأسري يعني أن المنتج سيكون مهتمًا بجودة المواد ومستوى الخدمة. ما هو مثير للاهتمام لإرينا؟ تقرأ إيرينا مدونات لأمهات أخريات ليلًا ونهارًا ، وربما تشارك هي نفسها تجربتها على الإنترنت. إنها مهتمة بطفلها - كيف يتطور ، وكيف يرى العالم. السؤال الأخير هو ما الذي يمكن أن نعطيه إيرينا التي لا يستطيع الآخرون تقديمها؟
لذلك نحن نقترب بسلاسة من التحليل التنافسي. سيشاهد المصمم بالتأكيد مواقع المنافسين - ما هو سيئ لهم ، والأهم من ذلك - ما هو جيد بالنسبة لهم ، وكيف يمكنه تحسينه في المنزل. لماذا تختار إيرينا موقعنا وليس موقع المنافس؟ تحليل المنافسين شامل ومفصل - من المفهوم الإبداعي للعلامة التجارية إلى لون وترتيب الأزرار والرموز على الشاشة.
عندما يصف المصمم كل شيء لنفسه بأن المنتج يمكنه التغلب على إيرينا والابتعاد عن المواقع الأخرى ، تبدأ المرحلة التالية - تجميع لوحة الطين. هذه الكلمة المعقدة تعني فقط أن المصمم يرمي مفهوم الموقع ، محددًا بالألوان والخطوط والطريقة التي يتم بها تقديم المعلومات. هل سيكون موقعًا نابضًا بالحياة بألوان غنية ورسوم توضيحية جذابة؟ من غير المحتمل ، لأننا نتذكر أن إيرينا تقدر جودة المنتج ، ويمكن أن تخاف من وفرة الزهور والنقوش البراقة ، مثل محاولة تفتيت و "امتصاص" منتج رديء الجودة. نتذكر أن إيرينا في عجلة من أمرها وليست في عجلة من أمرها ، إيرينا أيضًا ذكية وتعرف كيفية التحليل ، وستقرأ بعناية وتبحث عن صيد. على الأرجح ، سيختار مصممنا الخيالي في هذه الحالة ألوان الباستيل ، وربما الزخارف المائية ، كما هو الحال في كتب الأطفال ، سيكون الخط محايدًا ، مما سيسمح لإيرينا بتلقي المعلومات بسهولة. ستكون الرسوم التوضيحية مشرقة وهادئة ، وربما مليئة بالحنان والمودة. نذكرك أن كل هذا هو مجرد موقف وهمي ليشرح لك جوهر العمل. لسوء الحظ ، لا توجد حلول لا لبس فيها في التصميم ، ولا يمكننا أن نعطيك مبدأ صارمًا للعمل مع جمهور مستهدف أو آخر.
في نفس الوقت ، المصمم مستوحى. كفنان حقيقي ، يراقب المصمم عمل زملائه في مواقع خاصة ويلاحظ قرارات مثيرة للاهتمام. هذا - يسرق الأفكار. قد تكون هذه مواقع ذات مواضيع متشابهة ، وقد يكون لها تركيز مختلف تمامًا ، ولكن أي حل مثير للاهتمام وغير معتاد يمكن أن يعطي الموقع تسليط الضوء وسيصبح العامل الأساسي الذي لن تذهب إليه إيرينا إلى المنافس وستشتري منتجنا. ولكن إذا قرأت حتى هذه اللحظة ، فركت يديك وقررت أنك فقط تنسخ الموقع الذي تحبه وتعيش في سعادة دائمة ، فإننا سارعنا لإزعاجك - على الأرجح لن يعمل. على موقع آخر ، المستخدم الرئيسي ليس إيرينا ، ولكن سفيتلانا ، وهنا قصة مختلفة تمامًا. لا ، المصمم ببساطة يلاحظ التفاصيل ويلائمها بعناية في مشروعه.
علاوة على ذلك ، يستمر المصمم في توجيه العمل في برامج خاصة. في الواقع ، يتضمن العمل رسمًا كاملاً لكل صفحة فريدة على الموقع. بالطبع ، يذهب معظم الوقت إلى الصفحة الرئيسية ، لأن هذا هو أول شيء يراه المستخدم وهنا يتشكل موقفه تجاه المنتج. سيصبح هذا مفهوم التصميم للموقع بالكامل.
أي كتلة ، أي تفاصيل للتصميم يجب أن تحمل معنى. المصمم هو شخص مجنون يسأل نفسه باستمرار: لماذا أفعل ذلك؟ لماذا أجعل الزر أغمق؟ لماذا أستخدم هذه الصورة وليس أخرى؟ لماذا في التذييل أضع أيقونة VK أولاً ، ثم FB ، ثم موافق فقط ، وليس بترتيب مختلف؟ وإذا لم يظهر الجواب ، فمن الأفضل التخلي عن القرار على الفور ، لأن التصميم مع ذلك ليس صورة ، حيث توجد معايير تقييم واضحة.
هل سمعت كلمة KPI؟ لذلك لا ينطبق على أي عمل فني - على سبيل المثال ، من الغباء أن نقول أن تحفة مايكل أنجلو زادت من حضور كنيسة سيستين وهي أداة فعالة لجذب أشخاص جدد. ولكن بالنسبة للتصميم ، غالبًا ما تكون هناك مؤشرات أداء رئيسية محددة جدًا ، وبالتالي يمكن تقييم العمل وينبغي.
هناك ثروة من أدبيات تصميم المواقع الإلكترونية مع قواعد ومبادئ لا نهاية لها. في الواقع ، كل هذا يتوقف على الموقع والمهمة المحددة ، ولكن هناك العديد من القواعد العامة:
1. مبدأ التباين
هذا ينطبق على جميع عناصر الموقع. وكلما انخفض التباين ، زادت صعوبة فهم المعلومات وفصلها عن بعضها البعض. نظرًا للتباين ، يمكنك تسليط الضوء على بعض التفاصيل وإغراق التفاصيل الأخرى ، وإنشاء تسلسل هرمي لصفحات الويب وتركيز المستخدم على أهم العناصر.
2. مبدأ التأكيد
هذا البند وثيق الصلة بالعنصر السابق. إن وضع اللكنات بشكل صحيح هو ضمان لفعالية الموقع. الشيء الرئيسي هنا ليس هو الابتعاد ، ولكن لفهم ما يجب التركيز عليه بوضوح ، لأنه إذا حددت كل شيء ، فستفقد الفكرة بأكملها.
3. مبدأ التوحيد وتكرار العناصر
يبدو هذا المبدأ واضحًا ، لكنه يتطلب ذكرًا منفصلاً. تكرار العناصر ونطاق الألوان ، وطريقة المحاذاة ، وحجم الخط ، والتباعد بين الخطوط ، والمسافة البادئة وزاوية انحناء الزاوية - كل هذا يخلق نفس التوحيد الذي يسهل على المستخدم العمل مع الموقع ويخلط إذا تم انتهاك هذا المبدأ. على سبيل المثال ، تقرأ مقالاً على أحد مواقع المعلومات وتعلم أن سهم العودة الموجود أسفل الصفحة سيعيدك إلى الصفحة الرئيسية. تخيل الآن أنك لا تقرأ مقالًا ، ولكنك تبحث في جميع المقالات في القسم ، وتريد العودة إلى الصفحة الرئيسية ، ولكنك لا تجد سهم الرجوع. أو تجد ، ولكن ليس في مكان آخر. إنها فقط محيرة ومزعجة وقد تطالبك بالمغادرة إلى موقع منافس أكثر ملاءمة.
4. المحاذاة على الشبكات المعيارية
يبدو هذا العنصر مخيفًا ، ولكنه في الواقع مجرد مبدأ لمحاذاة الصفحة وكسرها إلى كتل. الشبكة المعيارية هي أداة تساعد على محاذاة الكتل مع بعضها البعض وترتيبها بشكل متساو ونظيف. فيما يلي مثال نموذجي لاستخدام مكدس وحدات لمحاذاة العناصر:
5. مبدأ سهولة إدراك المعلومات
تلخص هذه الفقرة ، كما كانت ، كل ما ناقشناه سابقًا. الرجل مخلوق محافظ ويعامل جميع الابتكارات بحذر وموقف سلبي مقدمًا ، خاصة عندما لا يتم تضمين التغييرات في خططه. هناك طرق معتادة للحصول على المعلومات - على سبيل المثال ، غالبًا ما يقرأ المستخدمون الصفحة من اليسار إلى اليمين من الأعلى إلى الأسفل. لا تجعل المستخدم يضيع في تدفق المعلومات والقيام بأعمال غير ضرورية.
علاوة على ذلك ، فإن الشخص هو مخلوق كسول ، ويمكن أن تؤدي الكثير من المعلومات النصية إلى إرباك أي مستخدم. قارن بين طريقتين لتقديم نفس النص:
يوضح هذا المثال بوضوح كيف يؤثر تخطيط النص على الإدراك. لسبب ما ، من السهل علينا قراءة النص في الحالة الثانية ، على الرغم من أن النص وحجمه متماثلان هناك وهناك.
بالطبع ، على المواقع التي تحصل على مكافآت إنترنت وتحطم جميع سجلات مؤشرات الأداء الرئيسية ، يمكنك أن ترى انتهاكًا لكل هذه المبادئ تقريبًا ، ولكن هنا يكمن التقدم. يراقب المصمم باستمرار الاتجاهات الجديدة في المجال الرقمي ويختبر الحلول المختلفة.
لا يعمل المصمم وحده ، ولكن بالتعاون الوثيق مع فرق من المصممين ومصممي التخطيط والمبرمجين ، لأن أي متخصص يمكن أن يأتي بفكرة جيدة ، ونتذكر أن كل شيء صغير يمكن أن يصبح حاسمًا لنجاح موقع الويب الخاص بك في المستقبل.