واجهة المستخدم النماذج التي تحتاج إلى تغيير؟

StackOverflow https://stackoverflow.com/questions/1269441

  •  13-09-2019
  •  | 
  •  

سؤال

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

هذا هو لأسباب ثلاثة:

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

في الوقت نفسه قال إيميرسون "* غبي الاتساق هو هوببلين من العقول الصغيرة. * "إذن متى يحتفظ بواجهة مستخدم متسقة عبر الخط من فكرة جيدة عن الابتكار الركود؟

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

لذلك سؤالي هو، ما هي بعض النماذج واجهة المستخدم التي يتم قبولها ومتسقة عبر تطبيقات متعددة، لكنها بقيت في الماضي رئيسها وبدءا في Reek؟ هل هناك بعض التغييرات المهمة التي ستستفيد من جذور العشب يدفعها المطورين إلى الابتكار وتحسين تجربة واجهة المستخدم لمستخدمينا؟

فكر واحد جاء إلى الذهن بالنسبة لي هو الحوار المشروط المنبثق. أنت تعرف تلك التي تقول: "هل أنت متأكد أنك تريد ذلك. .. - [نعم] [لا] [إلغاء] [ربما] [ربما] "لقد أكملت Twin Twin" بنجاح ما تريد القيام به! [OK]. " نحن نرى حركة بعيدا عن هذه مع "لوحة المعلومات" في المتصفحات. أعتقد أنهم بحاجة إلى اعتمادهم في تطوير تطبيق Windows أيضا.

إذا كان ذلك ممكنا، يرجى إدراج حلا لكل عنصر UI الذي لا معنى له.

والرجاء عدم إدراج clippy. نعلم جميعا أنه كان فكرة سيئة.

ملاحظة: هذا هو نموذج واجهة مستخدم عميل Windows على وجه التحديد، ولكن أنا بالتأكيد مفتوحا في رسم الإلهام من الويب، ماك، إلخ

هل كانت مفيدة؟

المحلول

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

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

نصائح أخرى

النقر على الأشياء على واجهات اللمس

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

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

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

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

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

نظام الملفات. أريد حفظ ملف ..> Ooops أحتاج إلى التفكير في اسم الملف أولا. حسنا .... ماذا عن ... blah.doc.

بعد 6 أشهر...

حيث٪ # * (٪ & * هل قمت بحفظ ذلك٪ () # * () * جي؟

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

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

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

هذا السؤال هو قليلا مفتوح للغاية، IMHO.

ومع ذلك، فإن نهجي الرئيسي عند تصميم أي شيء هو:

  1. يناسب إلى أينما كان. إذا كان تطبيق Windows، فأنا نسخ MS بقدر الإمكان
  2. انه سهل.
  3. يوفر خيارات
  4. تحتوي الأزرار على وصف جميل لما ستكون نتيجة النقر، على عكس "نعم أو" لا "

من الصعب الإجابة على بقية مشاركتك دون قضاء ساعات في كتابة مجموعة من المبادئ التوجيهية من المبادئ التوجيهية (المتكررة).

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

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

رسائل الخطأ تحتاج "فقط تفعل ذلك!" زر.

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

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

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

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

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

يجب تمييز الجزء المركز بطريقة أو بأخرى.

شيء مثل ALT + مفاتيح المؤشر يجب أن تتحرك التركيز حولها.

دورة CTRL-TAB و CTRL-SHIFT-TAB دورة اليسار واليمين من خلال علامات التبويب بدلا من سلوك MRU، على الرغم من أنه في معظم الحالات يتم تكرار نفس السلوك مع Ctrl-Pageup و Ctrl-Pagedown.

هناك الكثير ولكن هنا فكرة لبضعة منهم:

  1. قم بإزالة بعض النقرات كما في "إضافة عنصر" أو "بحث" آخر وما شابه ذلك.

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

    هذه هي الطريقة stackoverflow. يفعل ذلك لبعض السيناريوهات.

alt text

ولكن بالطبع، نعلم جميعا أنه بالفعل لا؟ لا حاجة إلى "علامة Seach" أو "إضافة أزرار أخرى"، تحدث فقط

  1. الحوار كما وصفته.

الرجال في أنسنة المقترحة رسائل شفافة والتي تستخدم فعلا في منتجها ENSO وبعض الأماكن الأخرى.

alt text

يستخدمها Mac لهم للإشعارات (مثل في تذمر ) استخدامها بشكل جيد للغاية، أو نظام إعلام جديد Ubuntu.

نص Alt http://blogs.sun.com/plamere/resource/nowplayinggrowl.png.

يحل Firefox محل مربع الحوار "البحث" التقليدي مع شريط بحث في الأسفل.

alt text

وإن لم يكن الكل معجب وضع المقبل / السابق كما هو الحال في شاشة الشاشة هذه

وحتى (مرة أخرى) :) استبدل الإشعارات بالشريط الأصفر.

alt text

أخيرا:

مديرو الملفات

أنا حقا أحب (في بعض الأحيان) بساطة مديري الملفات العادية، ولكن في بعض الأحيان أرغب في العمل بشكل أسرع / أفضل معهم.

إذا قارنت IE 4 مع IE 8، فيمكنك معرفة التقدم (حتى أفضل مقارنة IE 4 مع Google Chrome)

ولكن إذا كنت تقارن Windows 95 Explorer مع Win XP، فهي نفسها تقريبا !! (Win Vista / 7 هو خطوة إلى الأمام)

لكن انا اتسائل: لماذا لم تحسن مديرو الملفات بقدر ما ك WebBrowsers؟

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

alt text

QuickSilver تتميز بعمل "الانتقال إلى"

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top