صفحة صغيرة من الأعمال يجب أن تساعد زائر جديد على الإجابة على ثلاثة أسئلة: ما الذي تعرضه، هل هو ذو صلة بي، وماذا يمكنني أن أفعل بعد ذلك؟ ابدأي هناك اضيفي الأدلة والتفاصيل التي تساعد في هذه القرارات بدلاً من ملء صفحة بكل ما يمكن للشركة قوله
وتوضح الأمثلة الأصلية أدناه كيفية صياغة صفحة الخدمة والمخزن ومنتج البرامجيات، وهي مظاهرات، وليست حملات حقيقية للعميلات أو قصص نجاح مقاسية، وتتناسب مع ما يمكنك تقديمه فعلا.
مجاناً مخطط الصفحة الرئيسية تساعد على تحويل عرضك إلى مخطط للصفحة قابل للتجزئة يمكنك استخدام هذا الدليل بدون الأداة: خذ كل قسم، وكتابة غرضه على الهامش وحذف أي شيء لا يساعد الزائر على اتخاذ قرار جديد معقول.
اختر وظيفة الصفحة الرئيسية
ويمكن للصفحة المحلية أن تقدم عدة خدمات، ولكنها لا تزال بحاجة إلى غرض تنظيمي، وقد ترغب أعمال الإصلاح المحلية في إجراء تحقيقات مناسبة في مجال الإصلاح، وقد يرغب المخزن في أن يزور الزوار لمقارنة مجموعات المنتجات ذات الصلة، وقد ترغب شركة برمجيات في أن يفتش المستعملون نموذجا للعمل قبل البدء.
أكتب هذه الوظيفة بالكلمات العادية، " انخراط الجينات " غامض جدا لتوجيه قرار تصميمي. " يساعد أحد العملاء المجاورين على التحقق مما إذا كنا نصلح نوع الدراجة ونطلب تعيينا " يخبركم بأي معلومات يجب أن تظهر.
وهذا لا يعني أن على كل زائر أن يتخذ الإجراء نفسه، وقد يحتاج الزبائن الحاليون إلى الدعم أو إلى الوصول إلى المقصد، وأن يحافظوا على هذه الوجهات المتاحة، ولكنهم يتجنبون تقديم كل إدارة تنظيمية كخطوة أولى بنفس القدر من الأهمية لزيارة جديدة.
استخدام صفحة مخصصة للخدمة أو المنتجات عندما يحتاج الجمهور إلى تفسير أكثر تحديداً، ويمكن للصفحة الإلكترونية أن توجه الشخص المناسب هناك بدلاً من محاولة إقناع كل زبون ممكن بفقرة واسعة جداً.
مشروع الشاشة الأولى كمحادثة صغيرة
وتتضمن الشاشة الأولى العملية عنوانا واضحا، وتفسيرا موجزا، وعملا واضحا معانيه، ويمكن للصورة أن تساعد على إظهار المنتج أو النتيجة، ولكن ينبغي ألا تكون المكان الوحيد الذي يشرح فيه العرض.
وبالنسبة لمثال أصلي على خدمة الإصلاح، يمكن أن يكون العنوان " إصلاحات مماثلة للراكبين اليوميين في شمال بريستول " . ويمكن أن يكون الخط الداعم " أخبرنا بما يلزم من إصلاح، وسنؤكد العمل الذي يمكن أن نقدمه وخيارات التعيين المتاحة " . ويمكن أن يكون الإجراء " مسألتا عن الإصلاح " .
وتقدم هذه الصياغة عرضاً ملزماً، ولا تعد بتوافره فوراً، أو اقتباساً ثابتاً، أو تحوّل معين ما لم يكن بوسع الشركة أن تدعم تلك المطالبات، ويمكن أن تكون فقرة قصيرة مقنعة تماماً لأنها تجيب على أسئلة عملية بصراحة.
وعلى شاشة صغيرة، تأكد من أن العنوان والإجراء لا يزالان قابلين للقراءة دون أن يضغطا على شكل زخرف ضيق، والشاشة الأولى هي نقطة دخول، وليس شرطاً لمواءمة الأعمال التجارية بأكملها في عدد تعسفي من البيكسلزات.
فصل عنوان من النسخ الداعمة
وينبغي أن يحدد العنوان القسم أو الفكرة الرئيسية، وأن يدعم النسخ بالشروط والتفاصيل، وعند تكرار نفس الوعد الغامض، تستخدم الصفحة حيزا أكبر دون مساعدة القراء على فهم المزيد.
اعتبروا هذا الزوج الأصلي: " أماكن أفضل، معيشة أفضل " يليها " نخلق أماكن استثنائية تحول حياتكم " ، ولا يحدد أي منهما الخدمة، بل البديل هو " التخزين المزيف لغرفة النوم الصغيرة " ، يليه شرح واضح للتغطية بالقياس والتصميم والتركيب.
ولا يزال العنوان يتمتع بالشخصية، والاختبار هو ما إذا كان المحتوى المحيط يعطي قارئ ما يكفي من المعلومات لتفسيره، وإذا كان يجب على شخص ما أن يخترق عدة أقسام قبل اكتشاف ما يباع، فإن الافتتاح ربما جعل الزائر يقوم بعمل غير ضروري.
The W3C headings tutorial تفسر كيف تتواصل العناوين مع التنظيم ودعم الملاحة، تستخدم العناوين الاصطناعية الفعلية في هيكل منطقي، فقرة جريئة كبيرة ليست دائماً بديلاً كافياً لجزء يتجه نحو الصفحة.
نموذج المخزن الأصلي: توجيه خيار المنتج
تخيل متجر يبيع زجاجات تنظيف قابلة لإعادة ملئها وترميم مركّز، عنوان صفحة الاستقبال المفيد هو " تجهيز المدافن من أجل المنازل الصغيرة " . ويمكن للنسخة الداعمة أن توضح أي مجموعات مبدئية متاحة وما ينبغي أن يشتريه الزبون العائد.
ويمكن أن يكون العمل الرئيسي هو " مجموعات المواد الأولية " ، وهو إجراء ثانوي، " إعادة ملء الأسقف " يخدم الأشخاص الذين يمتلكون بالفعل الزجاجات، وتساعد هذه العلامات القراء على الاختيار بين مهمتين حقيقيتين بدلا من تقديم مجموعة من الأزرار العامة " تعلم أكثر " .
وينبغي أن يحدد قسم المنتجات ما هو مدرج، والحجم ذي الصلة، وأساس الأسعار الفعلي، ولا يستخدم المطالبات البيئية الجذابة ولكن غير المدعومة كبديل عن التفاصيل التي يحتاجها المشتري، وإذا كانت الأدلة تدعم مطالبة مادية، وربطها به، وتوضح نطاقه.
وينبغي أن تبين الصورة المنتج الحقيقي أو أن تُعرَّف بوضوح على أنه توضيح، ولا تستخدم صورة مخزونية تنطوي على مجموعة مختلفة يجري بيعها، ويصبح اختيار المنتجات أصعب عندما يبدو أن العنوان والصورة والمقصد يصفان أشياء مختلفة.
مثال الخدمة الأصلي: جعل الطلب قابلاً للتنبؤ
تخيل خدمة صغيرة لحفظ الكتب للمصممين المستقلين - يمكن أن يكون التفسير المفيد هو " حفظ الكتب بالمرة للمصممين المستقلين الذين يرغبون في إعداد سجلاتهم للاستعراض " .
ويمكن أن يكون الإجراء الرئيسي هو " السؤال المتعلق بمسك الكتب شهريا " . وينبغي أن تذكر نسخة قريبة ما يحدث بعد الطلب، وإذا كانت الخدمة تستعرض مدى ملاءمة ذلك قبل تقديم اقتباس، فقل ذلك بدلا من وصف الاستمارة بأنها حجز مؤكد.
ويمكن أن يصف قسم العمليات القصيرة تقاسم سياق الأعمال التجارية، ويتلقى نطاقا مقترحا ويوافق على تاريخ بدء العمل، وينبغي أن تعكس هذه الخطوات العملية الفعلية، وألا تعلن عن عملية ثلاثية خطوات إذا كانت الرحلة الحقيقية تشمل عدة إقرارات ورسوم غير مبررة.
يمكن للمستشار المختص أن يعالج مسألة توافق البرمجيات، وتغطية الخدمات، وكيفية تبادل السجلات، والمشورة المفصّلة الخاضعة للتنظيم أو الضريبة تعود إلى مهني مؤهل تأهيلاً مناسباً، ولا ينبغي للصفحة الدراسية أن تعني أن وصف الخدمة العامة يحل الالتزامات القانونية لكل زبون.
المثال الأصلي للبرامجيات: عرض المهمة قبل القائمة الرئيسية
(أ) تصور منتج يتتبع الموافقة على العملاء - يحدد عنوان مثل " انظر ما إذا كانت تعليقات العملاء لا تزال معلقة " مهمة، ويمكن أن توضح نسخة الدعم أن المنتج يحتفظ بالطلبات والمالكين ومركز الموافقة في قائمة مشتركة واحدة.
ويمكن أن تظهر عملية استعراضية حقيقية للتفاعل في مشروع نموذجي يتضمن قيوداً مسمّاة بوضوح، وينبغي أن يؤدي الإجراء المعنون " وضع قائمة للموافقة على العينة " إلى تلك العينة، ولا تعد بمظاهرة عمل، ثم تحتاج إلى دعوة بيع غير معلنة قبل أن تظهر أي شيء.
فالخصائص تصبح مجدية عند ربطها بالمهمة، إذ أن من الضروري أن يعرف شخص ما متى يتوقع الحصول على ردود فعل، كما أن مسألة التصدير لأن الفريق يحتاج إلى تبادل سجل، فالإدراج في القائمة دون شرح استخدامها قد لا يساعد على اتخاذ قرار من جانب زبون جديد.
(ب) إبقاء القيود واضحة، وإذا لم يرسل المنتج رسائل تذكيرية أو يدعم تدفقاً محدداً للعمل، تجنباً لصيغة تنطوي على ذلك، فالزائر الذي يفهم الحدود يمكنه أن يقرر ما إذا كان سيستمر؛ ولا يمكن للزائر الذي يضلله الوعد الواسع أن يكتشف المشكلة إلا بعد وقت الاستثمار.
إضافة دليل على أنك تمتلكين
قسم الأدلة يجب أن يجيب على عدم يقين حقيقي شهادة ذات صلة يمكن أن تساعد على تحديد الكفاءة لمهمة معينة
ولا تُدرج شعارات زبونة مستأجرة، أو تُخترع أرقام الاستعراض أو نسبة رضا دون أساس موثق، ويصبح قسم الأدلة الجذابة مشكلة ثقة إذا لم يكن بالإمكان تعقب أدلةه.
استخدام ناتج نموذجي عندما لا تستطيع أن تظهر نتيجة عملاء، وضعه كمثال وشرح المدخلات، ويمكن أن يبرهن تقييم العينات أو مقارنة المنتجات أو التقرير على العمل دون التظاهر بأن شخصاً ما قد اشتراه أو استفاد منه بالفعل.
ولا تثبت الشهادة أن كل زبون يوفّر مالاً، فالشهادة المنعزلة لا تُحدّد نتيجة متوسطة، والغرض من ذلك هو الحد من عدم اليقين المحدد، وليس خلق انطباع بالموافقة العالمية.
تفسير الفوائد دون تكرار البيع
وتوضح إحدى السمات ما هو موجود، وتوضح الفائدة ما يمكن للشخص المقصود أن يستخدمه. " التصدير إلى CSV " سمة " ، وتوضح " إدخال السجلات في جدول أعمالكم الحالي " إمكانية استخدامه، شريطة أن تعمل الصادرات فعلا مع تدفق العمل هذا.
(ب) أن تصنف الفوائد على أنها مهام ملموسة بدلاً من التحولات المضمونة، ويمكن لورقة عمل للمخزون أن تساعد على مقارنة الكميات والتكاليف، ولا يمكن أن تضمن بيع المنتج، ويمكن لصفحة الحجز أن تجعل التعيينات متاحة، ولكنها لا تستطيع أن تضمن فترة مناسبة لكل زائر.
إبقاء القائمة قصيرة بما يكفي للاختيار منها، فإذا وصفت كل تفاصيلها بأنها أساسية، يتعين على القراء أن يقوم بتحديد الأولويات التي ينبغي أن تساعد عليها الصفحة، وأن يضعوا أهم الفوائد قرب المقرر الأول والمواصفات التفصيلية التي يتوقعها القراء.
إسأل الزبائن الحقيقيين الذين يحتاجونهم قبل أن يختاروا إجاباتهم يمكن أن تختلف عن المميزات المفضلة للفريق
استخدام قسم العمليات لإزالة عدم اليقين
وينبغي أن يشرح قسم العمليات ما يحدث، ومن يفعل ذلك وما يجب أن يوفره الزبون، ومن المفيد بصفة خاصة أن يسبق التحقيق أو التقييم أو العرف الخدمة، وأن يحافظ على دقة الخطوات حتى إذا كان ذلك يجعلها أقل تباطؤا من التسلسل الديكي.
وقد يكون التسلسل، بالنسبة لمثال مختار من نماذج التخزين العرفي، هو طلب زيارة القياس، واستعراض التصميم والاقتباس، ثم الموافقة على ترتيبات التركيب، وإذا كان الدفع أو الأذون أو أوقات الرصاص، فشرح لهم أين يؤثرون على القرار.
ولا تصف خطوة داخلية كاستحقاق للزبائن دون سياق. " ويستعرض فريقنا قضيتك " يترك المجال مفتوحاً لطول المدة التي يستغرقها ذلك وما يعاد إليه.() وتحدد الجملة الأكثر فائدة الناتج الفعلي وأي توقعات مدعومة بشأن التوقيت.
وينبغي أن يميز هذا الفرع أيضاً ما لم يُلتزم به بعد، فالطلب ليس أمراً، ولا يعد تقديراً لعقد ثابت، ولا يشكل إثباتاً ضماناً، إذ يمكن أن تجعل الحدود الواضحة أكثر هدوءاً لأن الزائر يعرف ما الذي سيفعله النقر.
كتابة استمارات كجزء من الصفحة، وليس بعد التفكير
طلب المعلومات اللازمة للخطوة التالية فحسب، قد يحتاج إجراء تحقيق إصلاحي إلى نوع الدراجة، والمشكلة، وتفاصيل الاتصال، وقد لا يحتاج إلى عنوان بريدي كامل قبل أن يعرف قطاع الأعمال ما إذا كان بإمكانه المساعدة.
The W3C form-instructions tutorial تشمل البطاقات، والمعلومات المطلوبة، والتعليمات المفيدة، وتطبق هذه الأفكار على الشكل الفعلي: البطاقات المرئية، والأشكال والأخطاء التي يمكن فهمها والتي تساعد الشخص على التعافي.
يرجى توضيح ما يحدث عند تقديم الرسالة، وإذا ما وجهت رسالة إلى الفريق لاستعراضها، قولوا ذلك، وإذا ما تم دفع المبلغ، يرجى توضيح الالتزام، وينبغي التأكيد على الشخص الذي تلقى الطلب دون التظاهر بأن الخدمة قد تمت الموافقة عليها أو حجزها بالفعل.
لا يمكن أن تعوض نوعية النسخ عن زر التلقيم غير المؤمن، أو خطأ لا يمكن الوصول إليه، أو تأكيد يختفي قبل أن يتمكن شخص من قراءته.
استخدام "ستوري براند" كهيكل للتحقيق
The صفحة كتاب " ستوري براند " الرسمية وصف نهج (دونالد ميلر) في التراسل مع العملاء، التطبيق المفيد هو التحقق من أن الصفحة الرئيسية تركز على مشكلة الزائر، والمساعدة المقدمة، والعمل التالي.
وهذا لا يعني أن كل صفحة يجب أن تتبع نمطاً مرئياً ثابتاً، وأن هناك حاجة مختلفة إلى متجر يقارن المنتجات، وخدمة الطوارئ، وخدمة مهنية طويلة النظر، ويمكن تفسير نفس الهيكل تفسيراً مختلفاً عبر مخططات ولغات وتكنولوجيات المساعدة المتنقلة.
إنّ الإكسيدات التجارية للكتاب ليست تجربة تثبت أنّ مخططك المقترح سيزيد من الإيرادات، استخدم الأفكار لخلق مشروع متماسك، ثمّ يختبر الصفحة الفعلية مع الأشخاص ذوي الصلة.
فالصفحة المفيدة ليست قصيرة فحسب، بل توفر معلومات كافية لاتخاذ القرار دون جعل الناس يقاتلون من خلال مواد غير ذات صلة، ويمكن أن تظل الطرق التفصيلية متاحة من خلال فروع ووصلات واضحة حتى عندما يكون الافتتاح موجزا.
استعراض الصفحة مع مهمة حقيقية
أطلب من العميل المحتمل أن يكمل مهمة واقعية، مثل معرفة ما إذا كانت الخدمة تغطي حاجتها وتشرح كيفية طلب المساعدة، وتجنب إخبارهم بأي زر يستعملونه، وراقبوا أين يترددون في تسجيل ما يتوقعونه.
The GOV.UK usability-testing guidance ويصف هذا الأمر الناس الذين يشاهدون مهاما محددة، وهو فحص عملي أقوى من التساؤل عما إذا كانت الصفحة تبدو جيدة، ويمكن للمشترك أن يحب التصميم ولا يزال لا يجد المعلومات ذات الصلة.
أبق المهمة المُلاحظة منفصلة عن قرار شراء الشخص شخص ما يمكنه أن يجد الثمن ويقرر بشكل صحيح أنه مرتفع جداً بالنسبة لهم
إحياء العقبة المحددة، وإنقاذ النسخة القديمة والتحقق من جديد، وينبغي أن تكون النتيجة رحلة أكثر تفهماً من العرض إلى الخطوة التالية. مخطط الصفحة الرئيسية تنظيم ذلك المشروع، ثم تسجيل الردود الفعلية في مراجعة فهم القراء بدلاً من إعلان إنتهاء الصفحة لأن نسختها تبدو مهذبة
قبل الإطلاق، افتحوا كلّ مقصد للدعوى بنفسك، تأكدوا من أنّ عنوان الصفحة، عرضها، أساس السعر، وطلبوا الالتزام لا يزال يطابق الكلمات التي قادت إلى هناك، فالاتساق عبر الرحلة يهم بقدر ما هو فتح جذاب.
استخدمي نسخة موقعي بدون صوت مثل الجميع
ويعطي نموذج نسخ موقعي مفيد كل قسم وظيفة، بدءا بالعملاء والمهمة التي تساعدون بها، والخدمة أو المنتج، والخطوة التالية، ثم إضافة أدلة حقيقية، وتوضيح قصير للعملية، وإجابات على الأسئلة التي تؤخر اتخاذ قرار، وإبقاء أي قسم فارغا حتى يكون لديك شيء صحيح لتضعه هناك، ولا يسمح النموذج باختراع شهادة.
وفيما يتعلق بالأمثلة الرئيسية على صفحة الاستقبال، يرجى مقارنة المعلومات بدلا من الذكاء. ويسمي " الاحتفاظ بمحلات القهوة المستقلة " خدمة وزبونا، ويمكن للمخطط الفرعي أن يشرح التفاصيل العملية: " نحن نصلح الحسابات كل أسبوع ونرسل موجزا قصيرا " . وهذه هي أمثلة صياغة أصلية، وليس مطالبات بشأن مقدم فعلي.
استخدام مخطط الصفحات المحلية للمخطط العام للباب Page لترى صيغتك الخاصة في صفحة مستجيبة الخطوط العامة والمخطط البصري يجيبان على أسئلة مختلفة
