التكنولوجيا تصميم تجربة المستخدم
فاطمة العمودي 🌻 | UI/UX Designer
فاطمة العمودي 🌻 | UI/UX Designer

@AlamoudiBy

7 تغريدة 3 قراءة Nov 18, 2024
Twitter
🌟عند تصميم واجهات المستخدم، من المهم فهم كيفية مسح المستخدمين للمحتوى بصريًا. تختلف أنماط المسح حسب طبيعة المحتوى وسلوك المستخدم، وهنا أبرز الأنماط وكيفية تطبيقها
ثريد🧵 x.com
🌟عند تصميم واجهات المستخدم، من المهم فهم كيفية مسح المستخدمين للمحتوى بصريًا. تختلف أنماط المسح حسب...
1- نمط F: x.com
نمط F التعريف: يُستخدم هذا النمط عند قراءة النصوص الكبيرة، حيث يمسح المستخدم الصفحة على شكل حرف "F"، يبدأ من الأعلى بخط أفقي ثم يتحرك إلى الأسفل بخطوط أقصر. طريقة تطبيقه: 1- ضع المحتوى المهم مثل العناوين الرئيسية والنقاط الأساسية في الجزء العلوي الأيسر. 2- استخدم عناوين فرعية ونقاط تفصيلية لتسهيل القراءة. 3- تأكد من أن النصوص موزعة بشكل يسهل المسح البصري.
2- نمط Z: x.com
نمط Z التعريف: يُلاحظ في التصميمات التي تحتوي على محتوى بسيط مثل الصفحات الرئيسية أو الإعلانات. يمسح المستخدم الصفحة على شكل حرف "Z"، بدءًا من الزاوية العلوية اليسرى إلى اليمنى، ثم قطريًا إلى الزاوية السفلى اليسرى. طريقة تطبيقه: 1- ضع شعار العلامة التجارية في الزاوية العلوية اليسرى. 2- استخدم صورة أو رسالة واضحة في المركز. 3- اجعل أزار اتخاذ القرار (CTA) في الزاوية السفلى اليمنى لتحقيق التفاعل.
3- نمط الرصد: x.com
نمط الرصد التعريف: يبحث المستخدم عن معلومات محددة أو عناصر مميزة دون التزام بترتيب معين. طريقة تطبيقه: 1- استخدم تصميمات شبكية أو قوائم مرئية تسهل عملية البحث. 2- اجعل العناصر القابلة للنقر مثل الأزرار والأيقونات بارزة. 3- أضف صورًا وألوانًا مميزة لتمييز العناصر الهامة.
4- نمط كعك الطبقات: x.com
نمط كعك الطبقات التعريف: يتفاعل المستخدم مع المحتوى على شكل أقسام متميزة، مثل كعك الطبقات. طريقة تطبيقه: 1- قسم المحتوى إلى أجزاء واضحة ومتميزة. 2- استخدم ألوانًا أو فواصل بصرية بين الأقسام. 3- ابدأ بالجزء الأكثر أهمية لجذب الانتباه، ثم أضف تفاصيل تدريجيًا.
5- نمط الإلتزام: x.com
نمط الإلتزام التعريف: يركز المستخدم على عنصر معين لفترة أطول، حيث يتم جذب انتباهه بالكامل. طريقة تطبيقه: 1- صمم عناصر تفاعلية واضحة مثل الأزرار الكبيرة أو الصور البارزة. 2- استخدم النصوص الموجزة والمباشرة لتشجيع التفاعل. 3- اجعل أزرار اتخاذ القرار (CTA) بارزة ومقنعة لتضمن الالتزام.
وبكذا وصلنا لنهاية الثريد لاتنسون المشاركة لإفادة الغير وشكراً💜

التصنيفات

التكنولوجيا تصميم تجربة المستخدم

لم تظهر جميع التغريدات؟

جاري تحميل الاقتراحات...