6 نصائح لإنشاء مواقع أفضل صفحة واحدة
المواقع من صفحة واحدة هي شعبية وشعبية - لا شك في ذلك. لكنها ليست للجميع أو كل عمل. من السهل أن ترغب في واحد لأنها شعبية ؛ وإذا تم القيام به بشكل صحيح ، يمكن أن يكون نجاحك. ولكن تأكد من أن المشروع مؤهل أولاً.
المرشح الجيد لموقع الويب المكون من صفحة واحدة ليس ثقيلًا جدًا على المحتوى. لديك صفحة واحدة فقط للحصول على وجهة نظرك ، وهناك فقط العديد من الرسوم المتحركة والحيل يمكنك رمي في قبل أن تحصل على قديمة.
بالإضافة إلى ذلك ، فإن معظم مواقع الويب المكونة من صفحة واحدة تكون غير تقليدية في تخطيطها. إن محاولة ملائمة الكثير من المحتوى على صفحة واحدة دون النظر إلى ازدحامها أمر صعب للغاية.
تختلف الاستخدامات المحتملة ، ولكن بعض المرشحين الأكثر شعبية لمواقع الويب المكونة من صفحة واحدة هي المحافظ الشخصية والمواقع الإلكترونية للشركات التي لا تبيع سوى عدد قليل من المنتجات أو الخدمات.
إذا كنت مؤهلاً ، فتأكد من أن موقعك على الويب يضرب العلامة. هناك دائمًا أشياء معينة يجب عليك متابعتها عند إنشاء أي موقع ويب ، ولكن النقاط التالية لها أهمية خاصة للمواقع ذات الصفحة الواحدة.
1. ابق ركز
اجعل كل شيء بسيطًا قدر الإمكان للجمهور. هناك احتمالات ، إذا كنت تفكر في موقع ويب صفحة واحدة ، ربما لا يكون لديك الكثير من المحتوى. هذا جيّد. نحن في بعض الأحيان يميل إلى إضافة الكثير من زغب إلى مواقعنا. لا تتطلب مواقع الويب ذات الصفحات الواحدة أي غضب لأن الغرض الوحيد منها هو الوصول إلى النقطة. إذا كنت مصممًا يضع محفظة ، فقدم أفضل أعمالك. لا تشتت انتباهك عن طريق مشاريع متواضعة أو عملك التجاري الخاص بقميص.
ضع إشارة على موقعك على الويب من أي زغب ، وانزل إلى الأشياء المهمة. في حين أن هذه استراتيجية جيدة لأي موقع ويب ، إلا أن معظم المواقع متعددة الصفحات يمكن أن تفلت قليلاً من الزغب ، لأن المستخدمين سيعرفون عادةً أين يمكن العثور على المعلومات التي يريدونها. باستخدام جهاز واحد ، تحصل على صورة واحدة ، وإذا كانت المعلومات التي يبحث عنها شخص ما غير موجودة ، فستفقدها.
لا يوجد شك حول ما يبيعه موقع التجارة الإلكترونية هذا.
هذه المحفظة على حق في هذه النقطة. تصميم بسيط رائع جدا ، أيضا.
2. إعطاء تخطيط التسلسل الهرمي
إلى جانب الحفاظ على تركيز الزائر ، من المفترض أن يعرض موقع الويب الخاص بصفحة واحدة منتجك أو خدمتك. إذا كنت تفكر في مواقع ويب من صفحة واحدة قد صادفتها ، فمن المحتمل أن يكون لها غرض فريد ، سواء لعرض عمل تصميم الوكالة أو لحشد الاهتمام بحدث قادم.
يمكن أن يساعد التصميم الرائع والتخطيط المركّز في تحديد هدف موقع الويب الخاص بك. أنت ، كمصمم ، لديك القدرة على توجيه عيون الزائر إلى المكان الذي تريده. يلاحظ الناس أشياء كبيرة أولا وقبل كل شيء أشياء صغيرة ، لذلك استخدم ذلك لصالحك. يجب ألا تكون الأشياء المهمة هي الأشياء الأصغر أو الأخيرة في الصفحة.
لقد أصبحت تلك الفقرات التمهيدية ذات الخط الكبير شائعة جدًا في حافظات المصمم لأنها تصل إلى النقطة بسرعة وتثير جاذبية الأشخاص الذين يبحثون عن مصمم. آخر شيء ربما تريد رؤيته هو ما تخرجوا منه. لكنك تريد أن تعرف ما يتخصصون فيه ونوع العمل الذي يقومون به.
مرة أخرى ، لديك فرص قليلة ثمينة لتوصيل رسالتك ، لذا عليك أن تتعامل معها بشكل صحيح. إذا وجدت أن لديك الكثير من المحتوى حتى تتمكن من القيام بذلك ، ففكر في الذهاب إلى موقع إلكتروني متعدد الصفحات.
في الوقت الذي يقدم فيه هذا الموقع عدة نقاط مختلفة ، حتى داخل هذه الصورة ، يمكننا أن نقول إلى حد كبير ما هو الأكثر أهمية.
يمكننا معرفة ما تفعله هذه الشركة ، ولكن يمكن أن يكون التسلسل الهرمي المرئي أفضل.
3. مسح الملاحة
بعض مواقع الويب المكونة من صفحة واحدة عبارة عن صفحات ثابتة تنقل تنقلها الزائر إلى مواقع ويب خارجية. على سبيل المثال ، قد يكون لدى أحد الموسيقيين خيار التنقل على موقعه الإلكتروني بعنوان "مقاطع الفيديو" التي تنقلك إلى حسابه على YouTube. لا شيء على الإطلاق على خطأ في هذا ، بل إنه يجعل الأمور سهلة (خاصة لغير المبرمجين). الشيء الوحيد هو أن الزوار يجب أن يعرفوا عندما يتم توجيههم إلى صفحة خارجية.
إذا كان موقعك على الويب المكون من صفحة واحدة يعرض منتجًا ، ويرسل رابط الشراء العملاء إلى نظام أساسي للدفع الخارجي دون إخبارهم بذلك ، فقد تفقد بعض المبيعات.
هدفك هو الحفاظ على كل شيء بسيط. يمكن أن يكون إعادة توجيه المستخدمين إلى مواقع الويب الخارجية بدون تحذير أمرًا محيرًا. قد يفترضوا أن الرابط مكسور أو غير صحيح. فكر في استخدام الرموز (الكثير منها مجاني) أو العناوين لإعلام الزائرين بمكانهم.
هنا ما لا يجب فعله. الروابط الموجودة في الأعلى تأخذك خارج موقع الويب دون أي تحذير. هذا حقا ألقي لي قبالة.
تصميم وتشفير هذا الموقع غير معتاد. ومع ذلك ، فإن الروابط إلى الصفحات الخارجية تتميز بها الدوائر الخضراء ، ويتم تصنيفها على هذا النحو.
4. اذهب تصميم مجنون
الآن نصل إلى الجزء الممتع: باستخدام موقع ويب صفحة واحدة لاظهار. أنت لا تريد أن يكون موقع الويب مملًا أو متكررًا ، لذلك انتقل إلى المكسرات. أخذ التصميم إلى المستوى التالي ، والتفكير خارج المربع. تصميم غير تقليدي على ما يرام لجذب الانتباه إلى المنتج الخاص بك وجعلها لا تنسى.
أصبحت أجهزة تشغيل One-Pars مرادفاً للتصميم الرائع ، لأنه يمكنك فعل المزيد باستخدام قماش أكبر. لا تضطر لاستخدام نفس الخلفية في كل مكان. يمكنك تغييره عبر الأقسام. غالباً ما يكون التمرير عبر مواقع الويب المكونة من صفحة واحدة هو الإبهام في المجلة أو عرض الشرائح بشكل جيد. استغلال الاحتمالات.
اجعل التصميم رائعًا ، سواء باستخدام الصور الكبيرة التي تمتد عبر نافذة المتصفح بالكامل أو إنشاء خلفية رائعة مصورة. ستحصل على نقاط المكافأة وقد ينتهي بك الأمر في الحصول على عروض مميزة في واجهات تصميم الويب.
هذا التصميم مذهل ، شيء مثل الملصق. ولا يخيب بقية الموقع.
نظافة هذا التصميم (والرمز) مدهشة. يجعلك تتوقف والتحديق.
5. الذهاب الترميز مجنون
يشبه إلى حد كبير التصميم ، فأنت تريد إظهار مهارات التشفير الخاصة بك أيضًا. من المفترض أن يتم التفاعل مع المواقع ذات الصفحة الواحدة. تعد تجربة المستخدم أمرًا بالغ الأهمية ، لذلك انتبه إلى التفاصيل. يمكن أن تأخذ الشفرة موقعك الإلكتروني إلى المستوى التالي.
بعض الأشياء التي يجب الانتباه إليها هي ألوان وسلوك الروابط (وخاصةً محدد التمرير) ؛ مظهر وسلوك النماذج (على سبيل المثال ، جعل النموذج مناسبًا للتصميم ، واستخدام مدققي AJAX و JavaScript) ؛ رسائل الإرسال والخطأ (المستخدمة مع النماذج وبعض AJAX) ؛ والشبكة وموضع المحتوى (بالإضافة إلى سلوك المحتوى في نافذة المتصفح). كل هذه يجب أن تتماشى مع التصميم.
طريقة بسيطة لطيفة لوضع الكود للعمل على موقع ويب صفحة واحدة.
قد أكون متحيزًا لأنني أحب الخدعة حيث يتم تحميل المحتوى على التمرير ، ولكن الاهتمام بالتفاصيل في الشفرة هنا لا يصدق في كل مكان.
6. اجعلها تتحرك
بالإضافة إلى الاهتمام بتفاصيل الترميز ، يمكنك استخدام الكود لإنشاء بعض الحركة والإثارة على الصفحة. مرة أخرى ، تجنب أن تكون مملة. امنح صفحتك معنى للحياة والحركة ؛ اجعلها تبدو وكأنها تتحرك مع الزوار. أضف بعض الرسوم المتحركة الممتعة أو التحولات لجعل الصفحة بارزة.
أصبحت اللغات مثل jQuery و AJAX معيارًا لإنشاء حركة على موقع الويب. سواء أدخلت المحتوى من أطراف مختلفة أو جعل الخلفية عرض شرائح ، حافظ على تفاعل الجمهور.
هذه الخلفية هي الرسوم المتحركة. ليس لدي أدنى فكرة عن ماهية الموقع ، لكنه يبدو أنيقًا.
التحولات على هذا الموقع ممتازة. احب هذا الشخص!
ما هي الأشياء الأخرى اللازمة لإنشاء موقع ويب مؤلف من صفحة واحدة؟