دليل النينجا لكيفية تصميم مواقع الويب بشكل أفضل

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

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

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

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

السبب وراء فقدان تصميم الويب لمساته الإبداعية

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

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

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

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

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

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

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

1. استخدم الصور للتفاعل

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

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

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

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

2. التركيز على تنمية الشخصية لموقعك

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

يمكن أن تكون الشخصية حقيقية وتتحرك من البداية من خلال الخطة أو يمكن رؤيتها على أنها صوت قريب من الجوهر.

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

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

3. استدعاء المشاركة من خلال التصميم

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

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

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

4. المضي قدما في التفاعلات الدقيقة ذات المغزى

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

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

التفاعلات الجزئية الكبيرة تهم المخطط التفصيلي. يتضمن مستوى من السعة للعملاء يجعل التجربة العامة مفيدة.

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

5) اجعل قصتك قصة سردية

كل قصة لها بداية ومركز ونهاية.

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

البدء : الشعار والميزة. أخبر العملاء بهويتك وسبب وجودهم على موقعك.

المركز : كل القصص الداعمة التي تجعلك غير عادي. ما الذي يمكنك تحقيقه للأفراد الموجودين على موقعك؟ ما الذي قد يكون فكرة جيدة لهم أن يتوقعوه؟

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

6) التمسك بقصة بسيطة بسيطة

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

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

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

القصة مباشرة وقوية. ربما يتذكر العملاء أنه… وأنت.

7) المحمول ودية

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

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

8) حدّث نفسك بالتكنولوجيا الجديدة

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

الطريقة اللائقة للبقاء استثنائياً هي مراقبة ما هو سائد في موضوع أو تخطيط مركز تجاري مثل Envato Market. من خلال التحقق من الموضوعات التي تقدم أفضل العروض ، يمكنك تحديد الانجرافات في ما يبحث عنه العملاء وما يقدمه المخططون المختلفون.

انتهى اليك

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