الأحد، 1 مارس 2020

صفحة جولة

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

وغني عن القول ، هناك الكثير من الضغط كمصمم للحصول على هذا بشكل صحيح! لا تخف ، ولكن العديد من المصممين الموهوبين قد ذهبوا أمامك ويمكننا أن نتعلم الكثير من خلال النظر في أمثلةهم. سنغوص في صفحات الجولات من عمالقة مثل Mozilla و 37Signals و Mint.com ونرى ما هي الحيل الشائعة التي يستخدمونها جميعًا للفوز بالتحويلات.
يمنحك Envato Elements وصولاً غير محدود إلى 2 مليون + من موارد التصميم الاحترافية والموضوعات والقوالب والصور والرسومات والمزيد. كل ما ستحتاج إليه في مجموعة أدوات الموارد الخاصة بك.

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

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

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

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

تصميم المواقع

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

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

"من طبيعة الويب أن تكون مرنة. يجب أن يكون دورنا كمصممين ومطورين لاحتضان هذه المرونة وإنتاج صفحات يمكن للجميع الوصول إليها".

حتى الآن ، بعد ما يقرب من عقدين من كتابتها ، لا تزال داو قراءة لا تقدر بثمن لأي مصمم ويب.
استجابة تصميم الويب من قبل إيثان 

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

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


إن السؤال الذي يكمن في صميم مقال فرانك المصور بشكل رائع عن التصميم المتجاوب هو سؤال رائع:

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

إنها قراءة ملهمة تدفع مصممي الويب إلى التفكير خارج الصندوق عندما يتعلق الأمر بتصاميمهم.

الذري تصميم براد فروست

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

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