بایدها و نبایدهای طراحی رابط کاربری (UI Design) موبایل و ریسپانسیو

سلام، امروز برای شما دوستان یک مقاله ساده رو در زمینه طراحی رابط کاربری گرافیکی قرار دادم که ترجمه خودم بوده البته زیاد وقت نذاشتم و سعی کردم مفهوم رو برسونم و نیازهای شما دوستان رو برطرف کرده باشم. دوستان عزیز در صورتی که در زمینه سئو و بهینه سازی هم نیاز به مشاوره داشتن میتونن از انجمن ما کمک بگیرن www.seoforum.ir

بایدها و نبایدهای طراحی رابط کاربری (UI Design)

شکلبندی محتوا

چیدمانی طراحی کنید که مناسب دستگاه کاربرتان باشد. کاربران باید محتوای اصلی را بدون اسکرول کردن و یا زوم کردن ببینند.

کنترل های لمسی

کاری کنید که کاربرانتان از استفاده از المنت های رابط کاربریتان احساس لذت داشته باشند، ساده باشد و ارتباط آنها با وب سایت و یا نرم افزارتان آسان تر و طبیعی تر باشد.

اهداف اشاره کردنی

کنترل هایی را که کاربر باید آنها را لمس کند در اندازه های حداقل ۴۴ پوینت در ۴۴ پوینت بسازید تا بسادگی توسط انگشت دست قابل لمس باشند.

اندازه متن

اندازه ی متن های شما حداقل باید ۱۱ پوینت باشد تا به سادگی و بدون زوم کردن خوانا بوده و به درستی در حالت طبیعی نشان داده شود.

کنتراست

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

فاصله گذاری

اجازه ندهید متن تو هم تو هم نوشته شده باشد. با افزایش فاصله بین خطوط یا فاصله حروف خوانایی متن خود را بیشتر کنید.

رزولیشن بالا

از تمامی تصاویرتان نسخه های با رزولیشن بالا تهیه کنید تصاویری که این نسخه های آنها تهیه نشده باشد:

 @2x & @3x

درر نمایشگرهای رتینا بلور نمایش داده خواهند شد.

دفرمه شدن تصاویر

برای جلوگیری از دفرمه شدن تصاویر همیشه تصاویرتان را در نسبت طول عرض ازپیش تعیین شده آنها به نمایش بگذارید.

سازماندهی

چیدمانی طراحی کنید که به آسانی خوانده شود و کنترل هایتان را نزدیک محتوایی که ویرایش می شوند، قرار دهید.

چیدمان

متن های، تصاویر و دکمه ها را جوری بچینید تا بتوانید به کاربر میزان ارتباط محتوا را نمایش دهید.