A استعراض الملك: قناة الصغرى رقم العام AppSo تبادل الجانبان وجهات النظر الأساسية الصفحة تاوباو. من بينها، نذكر اعتادوا على F-نوع وسيلة للصفحة الاستعراض .

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

ما هو "F-نوع محة"؟

"F-نوع محة" القراءة واجهة هو الأكثر وضع شكل محة المشترك، وهناك الكثير من المحتوى على واجهة لوحة عملي جدا. "F" يمكن أيضا أن يفهم على أنه "سريع". معظم الناس قراءة محتوى الشاشة، وقد اعتمد وضع "F-نوع محة" - فقط بضع ثوان، يمكنك بسرعة الصفحة Saowan .

"F-نوع محة" استخدم لأول مرة من قبل نيلسن المجموعة نورمان (NNGroup) التي اقترحها التجربة تتبع العين، والتجربة سجلت أكثر من 200 مستخدم لقراءة آلاف الصفحات من البيانات. تبين، عادات القراءة للمستخدم متناسقة إلى حد ما، حتى في ظل فرضية مواقع مختلفة والمهام قراءة مختلفة. قراءة المواضيع المسار تبدو مثل حرف "F"، وتشمل الأجزاء الثلاثة التالية:

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

في الصورة أدناه، المنطقة الحمراء هي محور القراءة الأساسية الناس، القراءة الثانية المنطقة الصفراء هي محور ، تلاه أقل نسبيا من الاهتمام المنطقة الزرقاء، في حين أن المنطقة الرمادية بمنأى عن اهتمام المستخدم. كما يمكن أن يرى، ونحن تصفح يشكل الويب الأساسي F-نوع.

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

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

لماذا استخدام "F-نوع محة"

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

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

عند استخدام "F-نوع محة" أكثر راحة؟

لأنه كميات كبيرة من موقع النص ، مثل بلوق أو موقع إخباري، وضع "F-نوع محة" هو الخيار الأفضل.

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

كما تستخدم الرئيسية CNN وضع "F-نوع محة"

كيف يجب على الصفحة مع "F-نوع محة"؟

مع "F-نوع محة" النموذج، مصمم جوانب الصفحة محتوى الموضوع هناك أكثر من "رأي".

1. اضغط على أهمية فرز محتويات

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

2. تعيين سلفا المطلوب

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

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

صفحة مستخدم محة معظم محتوى مهم يستغرق سوى بضع ثوان. المصدر: tutsplus

3. تسهيل الاجتياح تصميم قراءة بدلا من القراءة

عند تصميم تخطيط الصفحة، من وجهة نظر المستخدم. القراءة على مسار "F-نوع محة" سوف هي الأكثر اهتماما ما الناس في الترتيب من حيث الأهمية وضعت في المنطقة المقابلة :

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

4. الاستفادة من شريط الأدوات

شريط الأدوات يسمح للناس لمواصلة المشاركة في تفاعلية، الاستفادة من شريط الأدوات، يمكنك تحسين تفاعل المستخدمين.

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

إضافة المتوسطة في شريط الأدوات اثنين الملاحة

5. تجنب التعب البصري

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

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

توضع FIG الجزء العلوي من النصف السفلي من الصفحة، مهمة إعلان الصفحة (أي في FIG. هذا هو عنوان ... الجملة) في الجزء العلوي من الصفحة، للمستخدم في وقت قصير نقل وظيفة الصفحة .

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

المصدر: tutsplus

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

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

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

خاتمة

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

شكرا لك!

الكاتب | نيك بابيتش، مهندسي البرمجيات، تشعر بالقلق إزاء UX واجهة المستخدم.

المترجم | Jorri

مقال مترجم من نمط F-على شكل أذن لقراءة المحتوى

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