با توجه به گسترش روز افزون گوشی‌های موبایل و استفاده بسیار زیاد از این دستگاه و با توجه به نتایج آمارهای مختلف بخش اعظمی از کاربران از طریق مرورگر موبایل وب سایت ما را مشاهده می‌کنند. بنابراین سادگی و راحتی کار آنها هنگامی که از وب سایت ما استفاده می‌کنند می‌تواند بسیار مهم باشد. در ادامه این مقاله به نکاتی اشاره می‌کنیم که شما را در این زمینه یاری می‌کند.
به فاصله بین عناصر طراحی توجه کنید
هدف از تمرکز و توجه به فاصله مناسب بین عناصر طراحی تنها به دلیل زیبایی نیست بلکه هدف اصلی ایجاد سهولت در استفاده از کاربران موبایل است. یک اشتباه رایج در استفاده از تلفن همراه که در Google Search Console خطایی آن بسیار دیده می‌شود این است که “عناصر قابل کلیک بسیار نزدیک به هم هستند”.
نزدیکی عناصر قابل کلیک بهم می‌تواند سبب کلیک‌های ناخواسته و اشتباه کاربران شود و آنها تجربه بعدی را از وب سایت ما داشته باشند. بنابراین باید در کنار هم قرار دادن عناصری که داری لینک هستند توجه زیادی داشت.
در دسکتاپ، بازدیدکنندگان با ماوس حرکت می‌کنند که یک ابزار بسیار دقیق است اما در موبایل با انگشتان خود برای پیمایش در صفحه استفاده می‌کنند که دقت موس را نداشته و درصورت نزدیک بودن عناصر کلیک پذیر در کنارهم می‌تواند باعث دردسر شود مخصوصا زمانی که کاربر قصد دارد یک کار چند مرحله‌ای را انجام دهد.
از خوانایی متن و فونت اطمینان حاصل کنید
علاوه بر فاصله، یکی دیگر از خطاهای رایج استفاده از تلفن همراه در گزارشات کنسول Google این است که “متن برای خواندن بسیار کوچک است” در انتخاب اندازه و نوع فونت‌های خود در سایت بسیار دقت کنید تا کاربران برای استفاده از وب سایت به دردسر نیافتند همچنین فاصله خود را در صفحه خود بصورت استاندارد قرار دهید.
هنگامی که درباره فونت و اندازه تصمیم گرفتید، باید نسبت کنتراست رنگ را نیز در نظر بگیرید. از آنجا که بازدیدکنندگان ممکن است در داخل یا خارج از منزل یا با نور ضعیف باشند، رعایت استانداردها برای تضاد بین رنگ پس زمینه و پیش زمینه مهم است.
همچنین برخی افراد دارای بینایی ضعیفی هستند و انتخاب رنگ‌های اشتباه می‌تواند سبب ترجه نا مناسب کاربر از سایت ما شود. سایت‌های آنلاین زیادی وجود دارد که می‌تواند شما را در انتخاب رنگ‌های مناسب همراهی کند.
حرکت‌های شناور و انیمیشن‌ها را کنترل کنید
هنگام انتخاب انیمیشن در فرایند طراحی، باید دقت کنید که آیا این تعاملات در دستگاه‌های تلفن همراه نیز به درستی رخ می دهند یا خیر. اگر مشکلات عملکردی در انمیشن‌ها وجود دارد، غیر فعال کردن انیمیشن‌ها و پس زمینه‌های ویدئویی پیچیده در تلفن همراه مفید است. این کار می تواند زمان بارگذاری سایت را بالا ببر کنند. این نوع تغییرات از سال ۲۰۱۸، هنگامی که سرعت صفحه تلفن همراه به یکی از عوامل رتبه بندی گوگل تبدیل شد، رواج بیشتری یافته است. بنابراین برای طراحی هر نوع انیمیشنی باید عملکرد آن در موبایل نیز بررسی کرد.
دقت برای قرار دادن پنجره‌های بازشو و عناصر دیگر
از ژانویه ۲۰۱۷، گوگل نسبت به استفاده از واسط‌های مزاحم که جلوی دید همه بازدیدکنندگان را از محتوای صفحه مسدود می کند، هشدار داده است، زیرا آنها به ویژه در تلفن همراه مشکل ساز هستند.
هنگام اتخاذ رویکرد طراحی سایت در موبایل، در نظر گرفتن نحوه قرارگیری عناصر بر روی دستگاه‌های کوچکتر مهم است. به عنوان مثال، یک دکمه چسبنده در سمت راست صفحه که به صورت پیمایش بازدیدکننده باقی می ماند ممکن است روی دسکتاپ کار کند ، اما این نوع عناصر چسبنده می توانند فضای نمای را حتی در دستگاه تلفن همراه کوچکتر کنند.
در حالی که برخی از عناصر مانند چت زنده و ابزارک های دسترسی ممکن است بعد از طراحی صفحه اضافه شود برنامه ریزی برای این موارد در مراحل اولیه طراحی وب می تواند به جلوگیری از رابط کاربری آشفته برای بازدیدکنندگان کمک کند.
چت زنده به یک ابزار بسیار محبوب تبدیل شده است و ویدجت های چت اغلب در گوشه سمت راست پایین یا چپ طراحی یافت می شوند بنابراین به شیوه ای این دکمه ها را طراحی کنید که سبب مزاحمت برای کاربر نشود.
۵.در طراحی و نحوه قرار دادن فرم ها بسیر دقت کنید
اگر در طراحی فرم ها دقت مناسبی نداشته باشیم می تواند برای کاربران موبایلی بسیار آزاردهنده است
منبع : getflywheel
