يجب أن يكون زر حفظ التغييرات المفضل باللون الأزرق رماديًا في البداية

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


بعد ذلك، بعد الحفظ بنجاح، يجب أن يعود رماديًا مرة أخرى.

حاليًا، تعتمد عيون المستخدم بالكامل على البحث عن كلمة “saved” بجوارها.
نعم، احتفظ بالكلمة، ولكن قم بإصلاح، أعني تحسين، الزر. شكرًا.

8 إعجابات

نعم، هذه مشكلة أيضًا مع إعدادات الفئة، على سبيل المثال:

(تم تثبيت المكون الإضافي للمواقع)

سيكون من الرائع حقًا لو تم تظليل هذا أيضًا باللون الرمادي إذا لم تكن هناك تغييرات في الإعدادات يجب الالتزام بها…

5 إعجابات

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

إعجابَين (2)

أنا لا أتفق مع هذا… إن تغيير حالة العناصر ديناميكيًا مربك للمستخدمين النهائيين ومشتت للانتباه.

ما هي الأمثلة الموجودة في الواقع لهذه الأنواع من واجهات المستخدم؟

في حياة سابقة، كنا نستخدم “التعتيم” على زر الرد حتى يُسمح لنا بالنشر، وكان ذلك مربكًا للغاية وأدى إلى عدد كبير من مشكلات الدعم. في هذه الأيام، يمكنك النقر عليه فورًا واكتشاف الخطأ.

3 إعجابات

لقد جربت https://meta.discourse.org/ و fb.com في وضع التصفح المتخفي وكلاهما أزال الروابط غير القابلة للنقر، لذلك ليس لدي أمثلة اليوم.
ألاحظ أنه أسفل مشاركتي، تستخدم المشاركة، والإشارة المرجعية، والعلامة، والمراقبة كلها باللون الرمادي بالفعل، ولكن هذا لا يعني أنها غير قابلة للنقر. لذا لا تهتم باللون الرمادي.
ألاحظ في التفضيلات أنه حتى لو لم يقم المرء بإجراء أي تغييرات، يمكن للمرء “الحفظ” 1000 مرة.

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

من الواضح أن هذا هو أسلوب عام 2023 في فعل الأشياء.

إعجاب واحد (1)

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

في الواقع… لدينا نظام مشابه يعمل هنا بالفعل. كل الإعدادات على سبيل المثال.

إعجاب واحد (1)

إممم - كل إعدادات Discourse تتغير ديناميكيًا (نعتذر عن الفيديو القبيح، يبدو أنه شيء خاص بـ .webm). وهو مفيد جدًا!

إعجاب واحد (1)

هذه طريقة واجهة مستخدم مختلفة…

ولكن بالتأكيد، تم تصحيحي في أن كلاً من فيسبوك وجوجل يتبعان هذا النمط:


فيسبوك


@المصممون ما هي أفكاركم هنا، هل يجب أن يتبع ملف تعريف المستخدم الخاص بنا نمطًا مشابهًا.

  • هل نخفت اللون الأزرق؟
  • هل نستخدم اللون الرمادي؟
  • هل نقدم زر إلغاء مثل جوجل؟
6 إعجابات

يجب. يجب أن تتبع جميع أزرار الحفظ ذلك. هل اللون رمادي، باهت، أيًا كان ما هو أقل أو أكثر مسألة ذوق - ولكن هذا هو السبب في أن لدينا اختراعًا يسمى CSS :wink:

3 إعجابات

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

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

6 إعجابات

وإظهار حالة أخرى. كيف يعمل التحرير السريع هنا… :wink:

من هنا

إلى هذا:

5 إعجابات

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

في Have the Save Edit button grey until the user has typed something أبلغ عن زر مختلف.

إعجاب واحد (1)