تذكرنــي
التعليمـــات التقويم البحث مشاركات اليوم اجعل كافة الأقسام مقروءة


        
        



  منتديات رغد الشمال > - - ضجةة . . آلآقسآم آلتقنيه ♪ > _ الكمبيوتر والبرامج

اضافة رد

 
أدوات الموضوع انواع عرض الموضوع

قديم 16-02-2019, 06:48 PM   #1
الغارس
~¦ رغد مميز ¦~


الصورة الرمزية الغارس
الغارس غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 2180
 تاريخ التسجيل :  May 2018
 أخر زيارة : 01-02-2024 (03:21 PM)
 المشاركات : 6,884 [ + ]
 التقييم :  10
لوني المفضل : Cadetblue
افتراضي التطبيقات المعقدة وتأثيرها على إختيارالـ Forms design ؟



التطبيقات المعقدة وتأثيرها على إختيارالـ forms design ؟

ابتداءَ من نظام الـ ERP (Enterprise Resource Planning ) المعقد : وهو أحد المشاريع المعلوماتية التي تم تصميمها لتنسيق كافة المعلومات والموارد اللازمة لعملية التخطيط لموارد المؤسسة المختلفة، وصولاً إلى Facebook ومدى سهولة استخدامه والـ Presentation الخاصة به ، هناك العديد من الأشكال والطرق لإدخال البيانات وإليك أكثر من 10 نماذج منها :
1- Modal

[IMG]https://cdn-images-1.medium.com/max/800/1*6zcZuyRJSVwO8KbIg_byLg.jpeg[/IMG]
هذا الشكل المُبسط للـ Presentation سهل التنفيذ والاستخدام أيضاً لنموذج إدخال البيانات، يصلح للتطبيقات الأقل تعقيداً، والتي تتطلب إدخال معلومات محدودة .
كما أنه يتعامل مع كل صفحة بشكل منفصل، ويمنع المستخدم من التفاعل مع الأجزاء الأخرى للتطبيق حتى يتجاوز هذه المرحلة .
أما التطبيقات المعقدة التي تتطلب العديد من التفاعلات تحتاج نماذج أخرى لإدخال البيانات مثل popovers.

لذا يُفضل تصميم صفحات طولية منفصلة لها لإدخال البيانات، لأن استخدام هذا الشكل قد يتسبب في عُطل التطبيق أو إغلاقه.

2- Multi modal نموذج متعدد الـ Forms.

[IMG]https://cdn-images-1.medium.com/max/800/1*JV84BrsVxgFzozI-fHWcpQ.jpeg[/IMG]
وهو نموذج متعدد الـ forms ، ويتم عرضها كأجزاء قابلة للسحب والحركة،فيمكنك تحريكها أو إدراجها أسفل الـpage لتتمكن من قراءة ما تحتها من معلومات.
كما أنه يسمح للـ user بالتفاعل مع إجراءات التطبيق المتعدده ونشر الكثير من المعلومات في نفس الوقت، ولكنه قد يمثل مشكلة للمستخدمين المبتدئين لأنه قد يتسبب في ضياع المعلومات أو اتخاذ اجراءات خاطئة.

3- Slideout

[IMG]https://cdn-images-1.medium.com/max/800/1*_0eKR6PyTRnil20DAw90Dg.jpeg[/IMG]
هذا النموذج تكون فيه الـ Form طولية التصميم، لذا تستوعب العديد من المعلومات كما تسمح للـ User بمراجعة كافة المعلومات بإلقاء نظرة كلية على الصفحة.

4- Popover النماذج المُضمنة

[IMG]https://cdn-images-1.medium.com/max/800/1*woE3kW5k9ec9w7Aw7XfpHA.jpeg[/IMG]
Inline forms (النماذج المضمنه)، هكذا يسميها البعض، وفيه تأخذ الـ Form نفس تنسيق الPage لتعطي شكل انسيابي ،كما تسمح بإدخال البيانات بشكل بسيط وسهل و تتميز بالـ direct edit حيث يمكن للمستخدم حفظ الـ data أو تحريرها مباشرة دون العرض مرة أخرى.

5- Editable table جداول قابلة للتحرير.

[IMG]https://cdn-images-1.medium.com/max/800/1*nsYFv81hhv5tJPG8wIuJ8Q.jpeg[/IMG]
لا يختلف هذا النموذج كثيراً عن الـ Inline forms ، حيث يمكن للـ user معالجة البيانات مباشرة عند تقديمها.
هذا النوع مفيد جدا لادخال البيانات المُجدولة ،كالـ spreadsheet والفواتير الخاصة بالبنوك.

6- Takeover

[IMG]https://cdn-images-1.medium.com/max/800/1*uxYT1b0iR93t8M1eIrgVUw.jpeg[/IMG]
نموذج أخر للـPresentation ،يُمكن الـ user من التفاعل مع الـ complex forms، حيث لدية إمكانية الرجوع السريع للمعاينة السابقة ،ويعتبر الـTakeover من أنسب النماذج للتطبيقات التي لا تستلزم استمارات متتابعة لإدخال البيانات.

7- Wizard

[IMG]https://cdn-images-1.medium.com/max/800/1*bUZdK24WxCYo351JD6h8hQ.jpeg[/IMG]
نموذج أخر يصلح للـ Complex apps التي تستلزم أدخال data كثيرة، حيث تتيح للـuser إدخال البيانات المتتابعة خطوة بخطوة، ويتم توظيفها في العمليات الغير مألوفة للمستخدم، مع ذلك فإنها تتسبب في user experience سيئة ، وتحتاج إلى سلسلة من التحسينات للوصول إلى مستوى مرضي للمستخدم.

8- Sectioned Forms

[IMG]https://cdn-images-1.medium.com/max/1000/1*cXVZjXUt4TRoxnc8HDRhsQ.jpeg[/IMG]
Sectioned forms أو نموذج الاستمارات المقسمة كما يُقال، هو من أفضل نماذج إدخال البيانات ع الإطلاق، حيث يتميز بالمرونة مما يسهل على المستخدم إدخال المعلومات المعقدة حسب رغبته دون أن يفرض عليه بداية معينة ،لأنه يوفر سياق كامل للـ forms بديلا عن الـ multi-page كما في نموذج Wizard.

9- Drag& Drop

[IMG]https://cdn-images-1.medium.com/max/1000/1*KsKwmpwYGnTbly2JHNy0iQ.jpeg[/IMG]
رغم عدم كونه نموذجياً، إلا أن يضيف بعض المرح من خلال تفاعلات الـ users مع inputs ، ففيه يسمح الـ editors للمستخدمين باختيار البيانات وإدراجها في WYSIWYG presentation من خلال المدخلات المحددة سابقاً، مما يزيد تفاعل المستخدمين وكذلك يسهل معرفة إتجاهتهم.

WYSIWYG -10

[IMG]https://cdn-images-1.medium.com/max/800/1*jID_5VgTs03MaRaxCD4d3Q.jpeg[/IMG]
WYSIWYG اختصاراً لـ What You See Is What You Get. أى ما تراه هو ما تحصل عليه. أى أن مدخلات بياناتك هى التى ستحدد النتائج، لذا يتم توظيف محررين لـ WYSIWYG كمحرري النصوص في Microsoft Word أو email creators مثل MailChimp والناشرين في المواقع الإلكترونية مثل SquareSpace وغيرها الكثير.
والذين يسمحون للمستخدمين بإثراء المحتوى دون الحاجة لمعرفة أي من لغات البرمجة سواء HTML, CSS, أو JS.

11- Fill in the blanks

[IMG]https://cdn-images-1.medium.com/max/1200/1*TO6FcUsAps09_1x1edIUVw.jpeg[/IMG]
الاهتمام بجانب المتعة وجمال التصميم دون التسبب في سوء الاستخدام أمر جيد ، لذا قد يتم تصميم نموذج مبسط لبيانات الادخال يتمثل في مربع فارغ يكتب فيه المستخدم جملة أو أكثر تشمل المعلومات الهامة اللازمة للتطبيق.
12- Conversational user interfaces and the future

[IMG]https://cdn-images-1.medium.com/max/800/1*GZcRV8jv6To_qil0mHSZeQ.jpeg[/IMG]

هذا النموذج CUIمن النماذج الرائعة والفعالة، حيث يتم التفاعل بين المستخدم والتطبيق من خلال محادثة سواء نصية أو صوتية ، وفيه يتوافر bot للرد على الـ user من خلال الردود الألية المخصصة التي تتفاعل مع الصوت الحر أو النص وتوفر الرد الملائم قدر الإمكان ، ويعتقد الكثير من المصممين أن هذا النوذج هو النموذج المستقبلي للتطبيقات الإلكترونية كما ذكر كلا من Yunnuo Cheng و Jakob Nielsen point out .
لذلك لاقت الـ chat apps رواجاً كبيراً.

الخلاصة:
كانت هذه بعض نماذج الـ presentation forms لإدخال البيانات في التطبيقات منها ما يصلح للتطبيقات البسيطة مثل modals و Slideout forms و Inline forms ، ومنها ما يناسب التطبيقات المعقدة والتي تحتاج الكثير من البيانات مثل Multi-modal forms و Takeover modals و Sectioned forms.
ومع تطور نظم البرمجة سيختفي بعضها بالتأكيد ويظهر بديلا لها ، وسينتشر البعض الأخر ويصبح لغة المستقبل مثل الـ Conversational user interfaces.




hgj'fdrhj hglur]m ,jHedvih ugn YojdhvhgJ Forms design ? hgj'fdrhj design forms YojdhvhgJ



 


رد مع اقتباس
قديم 17-02-2019, 01:00 AM   #2
غصة الوريد



الصورة الرمزية غصة الوريد
غصة الوريد غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1390
 تاريخ التسجيل :  Dec 2012
 أخر زيارة : 28-03-2024 (04:23 AM)
 المشاركات : 11,831 [ + ]
 التقييم :  2147483647
 الجنس ~
Female
لوني المفضل : Black
افتراضي رد: التطبيقات المعقدة وتأثيرها على إختيارالـ Forms design ؟



يعطيك العآفيـه على النقـل
وبِ إنتظآر جديدك آللآمنتهي
تقديري لك


 


رد مع اقتباس
قديم 07-04-2019, 05:27 PM   #3
مازن محمد خالد
~¦ رغد جديد ¦~


الصورة الرمزية مازن محمد خالد
مازن محمد خالد غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 2257
 تاريخ التسجيل :  Apr 2019
 أخر زيارة : 17-01-2021 (01:58 PM)
 المشاركات : 7 [ + ]
 التقييم :  10
لوني المفضل : Cadetblue
افتراضي رد: التطبيقات المعقدة وتأثيرها على إختيارالـ Forms design ؟





 


رد مع اقتباس

اضافة رد

الكلمات الدلالية (Tags)
المعقدة, التطبيقات, design, forms, إختيارالـ, وتأثيرها

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اشهر التطبيقات في الاندرويد سمير كمال - صَخب آلجوآل 1 18-06-2018 02:53 PM
أنواع الطعام وتأثيرها على أجهزة الجسم نبضات مجروحه - آلعيآده آلصحيّه و مآئدة آلرشآقه ، 4 04-02-2013 06:27 PM
Google SketchUp for Site Design juman96 التعليم العام وآلمكَتبه وكلّ لغآت آلعآلم ‘ 3 05-01-2013 02:54 PM
New Design ~ لولوهـ جدآئل من آلآبدآع ♪ 7 01-09-2012 04:48 PM

RSS RSS 2.0 XML MAP HTML

الساعة الآن 08:53 PM

أقسام المنتدى

. , وطن مختلف ♪ @ مَن عَرف ربهُ ، رأي كُل مافي الحياة جميلاً ♪ @ - روحآنيةة مُسلم ومِسًـلَمِة ,صَوتيآتْ إسلآمية @ ؤ. . رجل بِ كآريزمآ ♪ آنثى رقيقه ♪ @ - آلمطبخ والمآكولآت آلشهيه ‘ @ - آلعيآده آلصحيّه و مآئدة آلرشآقه ، @ - صَخب آلجوآل @ . . اِسترخاء بلون آخر ♪ @ - آلبوم آلصور _لوحآت ‘ @ منتدى العرب المسافرون @ - - ضجةة . . آلآقسآم آلتقنيه ♪ @ هنآ . . خلف الكوآليس ♪ @ ) خآرج آلآقوآس ( @ | لمن يهمه آلآمر | @ الأخبار القرارات الإدارية @ - هنآ حيثُ يسكننآ آلهدوءْ ‘ مدونتي @ - آزيآء وآنآقه ‘عطورهآ bath&body @ _ الحياة الأسرية والأجتماعية @ | نقطة وصل | @ _ الكمبيوتر والبرامج @ - آلعنآيه بآلبشره والشعر | skin care_ Hair care @ _ التوحيد والقرآن الكريم وتفسيره @ -خَلفيآت وَ رَمزيآتَ Social Media @ - آلديكور وتآثيث آلمنزلَ ‘ @ . , الاقسام العامة ♪ @ - بصمآت طُبعت لِ آلذكَرى ‘ @ قطآف عآمه / مآذآ : يُحكَى سلَفآ ‘ @ - النقاش والحوار / تطويرالذات ‘ @ - ورقَه وَمحبره ‘ @ نٌزَفُ آلَمِدُآدُ @ ٱلسًيّرة ٱلنٌبّوِيّة وِتُرٱجَم ٱلعلمٱء والحديث @ التعليم العام وآلمكَتبه وكلّ لغآت آلعآلم ‘ @ آنآقة آدم ‘ @ - عالم السيارات ‘ @ جدآئل من آلآبدآع ♪ @