أمثلة جيدة لتصميم واجهة المستخدم الرسومية لتطبيقات إدخال البيانات الثقيلة (CRUD) الموجهة نحو الأعمال [مغلق]

Question

أين يمكنني أن أجد أمثلة على المشاريع المنتجة بشكل جيد للغاية-ذ البرامج التي لديها:

• الاستخدام الجيد والمتسق لاختصارات لوحة المفاتيح.
• التنقل الجيد في نموذج لوحة المفاتيح
• التحقق من صحة النموذج الموحد
• الاستخدام الموحد ل ابحث عن/يبحث شاشات.(يُطلب من المستخدم معرف العميل، لكنه لا يعرفه ولكن يمكنه البحث عنه من نافذة منبثقة تقوم بإعادته)
• قابلية الاستخدام الموحدة/اتفاقيات LaF

سيكون من الجيد رؤية عينات تتراوح من شاشات CRUD البسيطة إلى واجهات المستخدم الرسومية المعقدة للغاية والموجهة نحو العمليات لتطبيقات مثل إدارة علاقات العملاء/تخطيط موارد المؤسسات/التقييم المالي/المخاطر وما إلى ذلك.بشكل أساسي واجهات المستخدم الرسومية التي تحتوي على عدد كبير من حقول الإدخال التي تحدد عملية تجارية معينة.

Answer 1

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

يمكنني تقديم بعض النصائح، من تاريخ طويل في العمل مع هذه الأشياء.

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

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

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

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

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

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

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

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

8. استعلام قوي. يعد "الاستعلام بالمثال" كما هو معروف من أفضل الآليات (أي الاستعلام بالمثال).يملأونها نموذج "ما يعرفونه" وتعود النماذج).يحتاج الأشخاص إلى العثور على البيانات وفقًا لمعايير مجنونة فقط، فإذا كان معظم الحقول قابلة للاستعلام عنها، فهذا يتيح لهم القيام بذلك دون تخمين ما سيحتاجون إليه أو لا يحتاجون إليه.يستخدم Informix 4GL نظام QBE مذهل (> 04/01/09 للتواريخ بعد 1 أبريل 2009، 12345|23456 لرموز الصنف 12345 أو 23456).على الأرجح لن يتم التحقق من صحة تعبير QBE الجيد في مجال نموذجي، إنها حالة خاصة.(ولهذا السبب نادرًا ما ترى QBE اليوم، فهو يتطلب الكثير من العمل - لكنه لطيف جدًا.)

9. يتذكر، المستخدمين لا يعرفون لماذا أو كيف يفعلون الأشياء، وهم يعرفون فقط ماذا لكى يفعل. هم يعرفون "عندما أريد القيام بـ A، أضغط على المفتاح ي" إنهم لا يعرفون سبب وجود Y، حيث يوجد Y، قد تقوم المفاتيح X و Z بأشياء مشابهة لـ A لأنها مجمعة معًا.لا، إنهم لا يعرفون تصنيف الأوامر الخاص بك.إنهم لا يعرفون تجريداتك.إنهم يعرفون أن يفعلوا أ، ضرب ي.تريد جريئة كلمة؟يكتب كنترول-ب.ربما كنترول-أنا إن كتابة كلمة مائلة هو أمر واضح بالنسبة لك بسبب ذاكرتها، وهو ليس بالنسبة لمعظم المستخدمين.ربما كنترول-ب و كنترول-أنا هي على Format القائمة، مجمعة بشكل جيد.لا يهم. كنترول-ب == غامق، كيف أفعل الخط المائل؟

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

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

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

أخيرًا، مهما كان الأمر، شاشاتك وإجراءاتك سوف يتغير.أيًا كان النموذج الذي تستخدمه هذا العام، فسوف يتغير في العام المقبل.هذا مجرد واقع، لذا، لمعلوماتك، كن مستعدًا لذلك.

حظا سعيدا مع المشروع الخاص بك.

Answer 2

أنا من محبي http://www.37signals.com/ جناح.أجد أن نماذجهم وواجهات المستخدم الرسومية مدروسة جيدًا.

Answer 3

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

ملاحظة:هذا الرابط مناسب بالنسبة لي، إذا لم تتمكن من فتحه، فابحث عن openerp في جوجل.

Answer 4

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

أستطيع أن أتذكر الكثير من الأشياء السيئة.من الواضح أن أي شخص يتذمر بشأن ملاحظات اللوتس لم يستخدم أبدًا أي تطبيقات تعتمد على نماذج SAP أو ORACLE.

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

السطر الأول من تفاصيل الدفع في السطر الثاني من الرحلة، شيء من هذا القبيل سيحجز ويدفع ثمن الرحلة:

123109BA176Y
276.00GBPAM1122123412341234

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

Answer 5

أجد موقع ويب تجسس لوحة القيادة لتكون واحدة من أفضل للإلهام.

Answer 6

فيما يلي أمثلة على ما لا يجب فعله!: أسوأ واجهة مستخدم استخدمتها على الإطلاق

Answer 7

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

Answer 8

ربما يجب عليك أن تفكر في 37signals تصبح حقيقية هذا النهج نظرًا لأنه يبدو أن هناك قدرًا كبيرًا من التعقيد في تطبيقاتك.سيساعدك برنامج Getting Real على تصميم واجهة مستخدم فعالة ومفيدة تجعل المستخدمين سعداء.