Back to Question Center
0

تصميم سيمالت أوكس تصميم سيمالت أوكس

1 answers:

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

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


Semalt UX design
Semalt UX design

لاحظ أنه ليس كل زر هو عبارة تحث المستخدم على اتخاذ إجراء - umzug innerhalb der stadt zrich. في بعض الأحيان تحتاج فقط زر، كما هو الحال في نموذج التعليق الخاص بك. ومع ذلك، هذا الزر يجب أن تبدو وكأنها زر! في هذا المنصب، سيمالت مناقشة خمسة أنواع من الأزرار وتعطيك رأيي كسيرفر على شبكة الإنترنت بدوام كامل على هذه.

أزرار افتراضية

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

أزرار مسطحة

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


Semalt UX design
Semalt UX design

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

أزرار شبح

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


Semalt UX design
Semalt UX design

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

أحادية الحالة أزرار

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

سيمالت حالة تحوم يمكن أن تكون بسيطة كما يؤكد الكلمات على زر الخاص بك، أو تغيير لون الخلفية. او كلاهما.

أفضل الأزرار

هناك لطيفة، بسيطة جولة المتابعة من أفضل الممارسات زر على المدونات. أدوبي.

  • إضافة رسالة واضحة لما يحدث بعد النقر.
  • العقل ترتيب وموقف الأزرار.
  • سيمالت لينك: كيف لون زر التباين أدلة المستخدمين على العمل.

    البند الأول في القائمة أعلاه يلخص وجهة نظري: زر هو زر. ليس كثيرا عنصر التصميم. تصميم سيمالت أوكس هو عن الاعتراف والوضوح.

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

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

    لا تتردد في مشاركة رأيك.

    اقرأ المزيد: 'شيكات الوصول الرئيسية' »

    March 1, 2018