أفضل الممارسات مبادئ تصميم واجهة المستخدم الرسومية [مغلقة]

Question

ما هو افضل عملي سهل الاستعمال واجهة المستخدم في التصميم أو من حيث المبدأ ؟

يرجى تقديم تلك الممارسات التي تجد في الواقع يجعل أشياء مفيدة حقا لا يهم ما إذا كان يعمل للمستخدمين, حصة!

---

ملخص/ترتيب

المبادئ

1. قبلة.
2. تكون واضحة ومحددة في ما خيار تحقيق:على سبيل المثال ، استخدام الأفعال التي تشير إلى الإجراءات التي سوف تتبع في اختيار (انظر:Impl.1).
3. استخدام واضح الافتراضي الإجراءات المناسبة إلى ما يحتاجه المستخدم/يريد تحقيقه.
4. تناسب مظهر وسلوك واجهة المستخدم إلى البيئة/عملية/الجمهور:تطبيق مستقل, صفحات الإنترنت, المحمولة, التحليل العلمي, لعبة فلاش المهنيين/الأطفال ، ...
5. يقلل من منحنى التعلم من المستخدم الجديد.
6. بدلا من تعطيل أو إخفاء الخيارات النظر في إعطاء مفيدة رسالة حيث يمكن للمستخدم لديهم بدائل ، ولكن فقط أين تلك البدائل موجودة.إذا لم تتوفر بدائل أفضل لتعطيل الخيار - الذي بصريا ثم الدول التي لا يتوفر الخيار - لا تخفي تتوفر خيارات أفضل شرح في الماوس فوق المنبثقة لماذا تم تعطيله.
7. البقاء متسقة مع الممارسات ووضع ضوابط ، كما هو تنفيذها على نطاق واسع التطبيقات الناجحة.
8. يؤدي توقعات المستخدم والسماح البرنامج التصرف وفقا لتلك التوقعات.
9. التمسك المفردات ومعرفة المستخدم وعدم استخدام مبرمج/تنفيذ المصطلحات.
10. اتباع مبادئ التصميم الأساسية:التباين (البداهة), التكرار (الاتساق) ، المحاذاة (مظهر) و قرب (تجميع).

تنفيذ

1. (انظر الإجابة من قبل paiNie) "محاولة استخدام الأفعال في مربعات الحوار."
2. السماح/تنفيذ التراجع والإعادة.

المراجع

1. ويندوز فيستا تجربة المستخدم المبادئ التوجيهية [http://msdn.microsoft.com/en-us/library/aa511258.aspx]
2. الهولندي المواقع - "Drempelvrij" المبادئ التوجيهية [http://www.drempelvrij.nl/richtlijnen]
3. المبادئ التوجيهية المتعلقة بالوصول إلى محتوى الويب (WCAG 1.0) [http://www.w3.org/TR/WCAG10/]
4. يبينون [http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0385267746]
5. لا تجعلني أعتقد [http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=pdbbssr_1?ie=UTF8&s=books&qid=1221726383&sr=8-1]
6. تكون قوية و بسيطة [http://msdn.microsoft.com/en-us/library/aa511332.aspx]
7. الجشطالت تصميم القوانين [http://www.squidoo.com/gestaltlaws]

Answer 1

محاولة استخدام الأفعال في مربعات الحوار.

يعني استخدام

بدلا من

Answer 2

إذا كان المستخدم الرسومية ضد جدتي.

Answer 3

اتباع مبادئ التصميم الأساسية

• جontrast - جعل الأشياء التي هي مختلفة اسمع مختلفة
• Repetition - تكرار نفس النمط في الشاشة وغيرها من الشاشات
• Alignment الخط عناصر الشاشة حتى!نعم, ويشمل ذلك النصوص والصور الضوابط والعلامات.
• Proximity - مجموعة العناصر ذات الصلة معا.مجموعة من حقول الإدخال لإدخال عنوان يجب أن تكون مجتمعة معا و تكون متميزة من مجموعة من حقول الإدخال لإدخال معلومات بطاقة الائتمان.هذا هو الأساسي الجشطالت تصميم القوانين.

Answer 4

أبدا تسأل "هل أنت متأكد؟".فقط اسمحوا غير محدود, موثوق التراجع/إعادة.

Answer 5

في محاولة للتفكير حول ما يريد المستخدم لتحقيق بدلا من ما هي المتطلبات.

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

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

Answer 6

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

لا تجعلني أعتقد - ستيف كروغ

Answer 7

فتات الخبز في webapps:
أقول -> النظام -> User -> أين -> هي> هو في النظام

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

Answer 8

أحاول التكيف مع البيئة.

عندما النامية على تطبيق ويندوز ، ويندوز فيستا تجربة المستخدم التوجيهية ولكن عندما أكون على تطوير تطبيق ويب استخدام المبادئ التوجيهية المناسبة لأنني تطوير المواقع الهولندية يمكنني استخدام "Drempelvrij" المبادئ التوجيهية والتي تقوم على المبادئ التوجيهية المتعلقة بالوصول إلى محتوى الويب (WCAG 1.0) من قبل اتحاد شبكة ويب العالمية (W3C).

السبب في أنني هل هذا هو الحد من منحنى التعلم من المستخدم الجديد.

Answer 9

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

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

على الرغم من أن أفضل نصيحة ، بغض النظر عن تصميم أو نمط تصميم كنت تتبع ، هو الحفاظ على تصميم والاتفاقيات متسقة في جميع أنحاء التطبيق.

Answer 10

تجنب يطلب من المستخدم لجعل الخيارات كلما استطعت (أيلا إنشاء شوكة مع التكوين الحوار!)

كل خيار وكل مربع الرسالة ، اسأل نفسك:هل يمكنني بدلا تأتي مع بعض معقول السلوك الافتراضي الذي

• منطقي ؟
• لا يحصل المستخدم في الطريق ؟
• من السهل بما فيه الكفاية لمعرفة أن يكلف قليلا للمستخدم أن لا تفرض عليه ؟

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

هذا الموقع هو مثال آخر:لا يمكنك تكوين أي شيء, ولكن أجد أنه من الجميل حقا أن استخدام.

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

Answer 11

تظهر واجهة على عينة من المستخدمين.نطلب منهم أن أداء نموذجي المهمة.مشاهدة أخطائهم.والاستماع إلى ملاحظاتهم.إجراء تغييرات وتكرار.

Answer 12

تصميم الأمور اليومية - دونالد نورمان

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

--

MC

Answer 13

عند إنشاء رسائل الخطأ جعل رسالة الخطأ يكون الإجابات على هذه الأسئلة 3 (بالترتيب):

1. ماذا حدث ؟

2. لماذا حدث ذلك ؟

3. ما الذي يمكن عمله حيال ذلك ؟

هذا هو من "المبادئ التوجيهية واجهة الإنسان:أبل سطح المكتب واجهة" (1987, ISBN 0-201-17753-6), ولكن يمكن استخدامه على أي رسالة خطأ في أي مكان.هناك النسخة المحدثة لنظام التشغيل Mac OS X.Microsoft الصفحة واجهة المستخدم الرسائل يقول نفس الشيء:"...في حالة حدوث رسالة خطأ ، يجب أن تشمل هذه القضية, القضية, و عمل المستخدم لتصحيح المشكلة."

كما تشمل أي معلومات غير معروفة من قبل البرنامج ، ليس مجرد سلسلة ثابتة.E. g.ل "لماذا حدث ذلك" جزء من رسالة الخطأ استخدام "الخام الطيف الملف L: efDataForMascotParser ripleEncoding\Q1LCMS190203_01Doub leArg.wiff غير موجود" بدلا من مجرد "الملف لا لا وجود لها".

على النقيض من هذا مع الشائنة رسالة الخطأ:"خطأ حدث".

Answer 14

(سرقت من جويل :o) )

لا لتعطيل/إزالة خيارات - بدلا من ذلك تعطي رسالة مفيدة عندما ينقر المستخدم/حدده.

Answer 15

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

Answer 16

1. استخدام حصيف/الرسوم المتحركة البسيطة الميزات لخلق سلس الانتقال من مقطع واحد على الآخر.وهذا يساعد المستخدم على إنشاء العقلية خريطة الملاحة/هيكل.

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

3. استخدام الدلالي التكبير حيثما أمكن (هو مثال جيد على كيفية التكبير يعمل على جوجل/بنج الخرائط فيها مزيد من المعلومات مرئيا عند التركيز على منطقة معينة).

4. إنشاء اثنين على الأقل من الطرق للتنقل:الرأسي والأفقي.الرأسي عند التنقل بين الأقسام المختلفة و الأفقي عند التنقل ضمن محتويات القسم أو الفرع.

5. دائما الحفاظ على الخيارات الرئيسية العقد من بنية مرئية (حيث حجم الشاشة ونوع الجهاز يسمح بذلك).

6. عندما تذهب عميقا في بنية دائما مرئية تلميح (أيمثل في شكل مسار) مشيرا إلى أين أنت.

7. إخفاء العناصر عندما تريد للمستخدم التركيز على البيانات (مثل قراءة مقال أو عرض المشروع).- ولكن حذار من نقطة #5 #4.

Answer 17

تكون قوية و بسيطة

أوه, استئجار مصمم / تعلم مهارات التصميم.:)

Answer 18

مع واجهات والمعايير هي نوع من منصة محددة.E. g.في حين وضع واجهة المستخدم الرسومية في الكسوف هذا الرابط يوفر لائق التوجيهي.

Answer 19

لقد قرأت معظم ما سبق و الشيء الوحيد الذي أنا لا أرى ذكرها:

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

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

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

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