1 5IqM8u40j K643m5z3y32Q

    عادی Normal – ارتباط آن مئلفه(component) تعاملی و فعال است.

    Focus – با استفاده از صفحه کلید یا روش ورودی دیگر می گوید که کاربر با استفاده از صفحه کلید یا سایر موارد ، یک عنصر را برجسته کرده است.

    Hover – هنگامی ارتباط برقرار می شود که کاربر موس را بالای عنصر تعاملی قرار داده باشد.

    حالت فعال Active – یا فشرده ارتباطی را که کاربر روی دکمه زده است برقرار می کند.

    Progress / Loading – زمانی استفاده می شود که عملکرد بلافاصله انجام نشود و اعلام کند که مئلفه در حال تکمیل عمل است.

    غیرفعالunActive   – با آن  componentفه در حال حاضر غیر تعاملی ارتباط برقرار می کند ، اما می تواند در آینده فعال شود.

    دکمه ها در رنگ ها ، شکل ها و اندازه های مختلف وجود دارند.

     

    معمول ترین آنها دکمه های مستطیلی با گوشه های گرد هستند که به راحتی قابل شناسایی هستند و در کنار قسمت ورودی خوب به نظر می رسند. انتخاب سبک مناسب برای دکمه به هدف ، سیستم عامل و دستورالعمل ها بستگی دارد. در اینجا برخی از محبوب ترین تغییرات سبک وجود دارد:

    1 RbHzrLTpS Dcy5EnDw17TA

    سبک ها اهمیت یک عمل را بیان می کنند

    1 jCGSEXrWiL2OWh9fslCvfw

    گاهی اوقات “پیش فرض” وجود ندارد

    به طور کلی ، می خواهید رایج ترین دکمه را “پیش فرض” قرار دهید (از سبک های اصلی استفاده کنید) و آن را در یک حالت متمرکز قرار دهید. این به اکثر کاربران کمک می کند کارهای خود را سریعتر به پایان برسانند و آنها را در مسیر درست نشان می دهند.

    استثنا در مواردی است که همه گزینه ها برابر هستند ، یا اقدام به ویژه خطرناک است ، در این موارد ، شما می خواهید کاربران بطور واضح دکمه را انتخاب کنند تا تصادفی.

    1 tGFHKnR5jZgejKJqcxIXHA
    1 IQvocXneBrpDE qt9TCtIA

     

     

     

    از استفاده از همان رنگ برای عناصر تعاملی و غیر تعاملی خودداری کنید. اگر عناصر تعاملی و غیر تعاملی رنگ یکسانی داشته باشند ، برای مردم سخت است که بدانند کجا باید ضربه بزنند.

    سازگاری سرعت و دقت را بهبود می بخشد

    “سازگاری یکی از قدرتمندترین اصول قابل استفاده است: وقتی همه چیز همیشه یکسان رفتار می کند ، کاربران نگران آنچه اتفاق می افتد نیستند.” – یاکوب نیلسن

    سازگاری سرعت و دقت را بهبود می بخشد ، به جلوگیری از خطا کمک می کند. پیش بینی پذیری ایجاد کنید که به کاربران کمک می کند در محصول شما کنترل و توانایی دستیابی به اهداف خود را داشته باشند. هنگام ایجاد سبک های اصلی ، ثانویه و درجه سوم سعی کنید عناصر رایج مانند رنگ ، شکل و غیره را پیدا کنید ، سعی کنید نه تنها در سیستم طراحی خود سازگار باشید بلکه در مورد پلت فرم مورد نظر خود آگاه باشید.

    1 wuktRR3cQWa3yTXD84rSCg

     

     

     

    دکمه ها را برای تعامل قابل اعتماد به اندازه کافی بزرگ کنید

    فشار دادن یک دکمه باید یک کار ساده باشد و اگر کاربر نتواند با موفقیت روی یک دکمه ضربه بزند یا به اشتباه روی یک عنصر همسایه ضربه بزند ، منجر به تجربه منفی و اتلاف وقت می شود.

    برای اکثر سیستم عامل ها ، ساخت اهداف لمسی حداقل ۴۸ * ۴۸ dp را در نظر بگیرید. هدف لمسی با این اندازه ، بدون در نظر گرفتن اندازه صفحه ، در اندازه فیزیکی حدود ۹ میلی متر است. اندازه هدف توصیه شده برای عناصر صفحه لمسی حداقل ۷-۱۰ میلی متر است.

    1 pDuydglD wUM4WMP8K0FSA

     

    طراحی برای دسترسی

    این توصیه باید برای هر جز تکرار شود. اندازه منطقه هدف یکی از عواملی بود که قابلیت دسترسی را تحت تأثیر قرار می دهد. سایز ، رنگ و کنتراست قلم دیگر است. تعداد زیادی ابزار وجود دارد که به شما کمک می کند تا به راحتی نحوه عملکرد اجزای خود را بررسی کنید.

    1 IlFmnWXwoehHT9EPpC65QA

     

     

     

     

    حرکات به کاربران امکان می دهد با استفاده از لمس با برنامه ارتباط برقرار کنند. استفاده از لمس به عنوان روش دیگر برای انجام یک کار می تواند باعث صرفه جویی در وقت و کنترل لمسی شود. از آنجا که برخی از حرکات مانند کش رفتن برای ایجاد اقدامات زمینه ای ، دوبار ضربه زدن برای لایک یا فشار دادن طولانی ، که هر روز به طور گسترده تری استفاده می شود ، هنوز برای کاربر عادی چندان مشهود نیستند. من پیشنهاد می کنم از آنها به عنوان یک روش جایگزین برای انجام عملی برای کاربران پیشرفته استفاده کنید.

    1 q9Q9fsfLf67WhWCQeEdu8w

     

     

     

    برچسب دکمه خوب کاربران را به اقدام دعوت می کند

    آنچه دکمه های شما می گویند به اندازه شکل ظاهری آنها مهم است. استفاده از برچسب اشتباه باعث ایجاد سردرگمی ، از دست دادن وقت و احتمالاً برخی اشتباهات بزرگ در کاربران می شود.

    یک برچسب خوب دکمه ای کاربران را به اقدام دعوت می کند. بهتر است از افعال استفاده کنید و دکمه را با آنچه در واقع انجام می شود برچسب گذاری کنید مانند این است که دکمه از کاربر می پرسد – “آیا شما می خواهید (به سبد اضافه کنید)؟” یا “آیا می خواهید (تأیید سفارش)؟”.
    از استفاده از بله ، خیر یا برچسب های خیلی عمومی – مانند ارسال – خودداری کنید.

    1 mKu54NBFOkPS4yWE0NmuOQ

    خوب / لغو یا لغو / خوب؟ هر دو خوب است

    هر دو فقط انتخاب هستند و طراحان می توانند ساعت ها درباره ترجیحات خود بحث کنند

    1 CN8GtEJYMP6rkW0EEOOMJw

    دکمه های غیرفعال

    1 hVlbX zzRws14CV1W6uHYg

    پیشنهاد می کنم اگر می توانید از دکمه های غیرفعال خودداری کنید. بهتر است که همیشه آن را فعال کنید ، و اگر کاربران برخی از اطلاعات مورد نیاز را ارائه نمی دهند ، فقط زمینه های خالی را برجسته کنید یا اعلان را ارائه دهید.

    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.