محتوا
سازگاری برای کاهش بار شناختی رابط کاربری شما ضروری است. وقتی طراحی شما سازگار است ، هر تعامل صاف و بدون اصطکاک احساس می شود. وقتی بیش از حد ناسازگار باشد ، کاربر باید تلاش غیر ضروری انجام دهد.
اما سازگاری در طراحی تعامل کمی خاص تر از انجام ساده همان کارها است که بارها و بارها انجام می شود - انواع خاصی از سازگاری و زمینه های خاص وجود دارد که سازگاری در آنها از سایر موارد مهم است.
علاوه بر این ، انجام همان کارهای مکرر و مکرر ، طراحی های کسل کننده و یکدستی را به همراه خواهد داشت. شما باید بدانید که چه زمانی باید ثبات را از بین ببرید بدون اینکه منجر به هرج و مرج در طراحی شود. نکته اصلی ، همانطور که اغلب در طراحی وجود دارد ، تعادل است.
در این بخش ، ما به جزئیات مربوط به معنی سازگاری برای طراحی وب ، مهم بودن آن خواهیم پرداخت و نحوه سازگاری با انتظارات کاربران (سازگاری خارجی) را شرح خواهیم داد.
چرا قوام مهم است
طراحی تعامل به یادگیری سیستم شما متکی است.
به بیان ساده ، وقتی یک رابط کاربری به روشی ثابت کار می کند ، قابل پیش بینی می شود (به روشی خوب) ، این بدان معناست که کاربران می توانند نحوه استفاده بصورت بصری و بدون آموزش از برخی توابع را درک کنند.
این امر باعث سهولت در استفاده از محصول می شود که سنگی است برای ایجاد مطلوبیت بیشتر. برعکس ، وقتی یک رابط کاربری متناقض است ، مانع یادگیری می شود ، باعث ناامیدی کاربر می شود و منجر به یک تجربه بد می شود.
اما سازگاری فقط به شکل ظاهری و رفتاری شما محدود نمی شود.
کاربران شما تمام وقت خود را صرفاً با محصول شما نمی گذرانند - بیشتر وقت آنها صرف محصولات دیگر است و در تمام مدت آنها ایده ها و انتظاراتی را از این تجربیات دیگر تولید می کنند. بنابراین اگر با این تجارب خارجی سازگار باشید ، یادگیری رابط کاربری شما بدون هیچ گونه کار اضافی از طرف شما افزایش می یابد.
کمترین حیرت
در صورت تردید ، به اصل کمترین حیرت مراجعه کنید. شگفتی های جالب خوب هستند (مانند اینکه MailChimp کاربران را با شوخ طبعی و سرگرم کننده غافلگیر می کند) ، اما عملکردهای اصلی شما نباید خیلی دور از حد معمول باشد.
بررسی به معنای تأیید نیست. فیلم ها نباید به عنوان تصویر اشتباه گرفته شوند. دکمه های اعمال اصلی را فقط در حالت شناور نشان ندهید.
در حقیقت ، اگر هنوز از ماهیت سازگاری در طراحی دیجیتال س questionال می کنید ، دستورالعمل های انسانی iOS اپل در جمع بندی استانداردهای سازگاری برای برنامه هایشان بسیار خوب عمل می کند. به قول خودشان ...
- آیا برنامه با استانداردهای iOS سازگار است؟ آیا از کنترل ها ، نماها و آیکون های ارائه شده توسط سیستم به درستی استفاده می کند؟ آیا این ویژگی های دستگاه را به طریقی که کاربران انتظار دارند در خود گنجانده است؟ "
- آیا برنامه در درون خود سازگار است؟ آیا متن از اصطلاحات و سبک یکنواختی استفاده می کند؟ آیا همیشه نمادهای یکسانی به یک معنی هستند؟ آیا افراد می توانند پیش بینی کنند که چه اتفاقی می افتد وقتی یک عمل مشابه را در مکان های مختلف انجام دهند؟ آیا عناصر UI سفارشی در کل برنامه به نظر می رسند و رفتار یکسانی دارند؟
- با توجه به دلیل ، آیا برنامه با نسخه های قبلی آن سازگار است؟ آیا اصطلاحات و معانی آن ثابت مانده است؟ آیا مفاهیم اساسی و عملکرد اصلی اساساً بدون تغییر هستند؟ "
از آنچه در بالا بحث کردیم ، می توان قوام طراحی را به دو دسته قوام خارجی و داخلی تقسیم کرد. External به سازگاری رابط کاربری شما با محصولات دیگر اشاره دارد ، در حالی که داخلی سازگاری آن با خود است. بیایید نگاهی به برخی از بهترین روش هایی که ما در سازگاری در طراحی UI بحث می کنیم ، بیاندازیم.
قوام خارجی
سازگاری خارجی تنها سازگاری محصول شما با سایر محصولات مشابه نیست ، بلکه می تواند به سازگاری آن با تمام محصولات موجود در سیستم عامل شما ، به طور کلی همه نرم افزارها و حتی تعاملات غیر دیجیتال در سراسر دنیای واقعی اشاره داشته باشد.
پس چرا قوام خارجی مهم است؟ به طور خلاصه ، این در مورد برآورده کردن انتظارات کاربر است.
برای ایجاد طرحی منطبق با آنچه کاربر انتظار دارد ، ابتدا باید بفهمید که آنها چه ایده هایی را با خود آورده اند حتی قبل از اینکه از سایت یا برنامه شما استفاده کنند. این مفهومی است که کارشناس کاربردی جارد اسپول از آن به عنوان دانش روز یاد می کند.
دانش فعلی کاربران شما تحت تأثیر عوامل بیرونی بسیاری قرار دارد ، از آخرین سایتی که آنها استفاده می کنند تا انتظار دور از ذهن از فیلم علمی تخیلی مورد علاقه آنها. نگران نباشید - در بیشتر موارد ، انتظارات کاربران منطقی خواهد بود.
طراحی بر اساس آنچه کاربران شما از قبل می دانند مفهوم جدیدی نیست. این ایده سالهاست که در حال تبدیل شدن به قراردادهای متداول طراحی است که امروز تقریباً در هر برنامه یا وب سایتی مشاهده خواهید کرد.
چرخ فلک تصویر ، یک نماد پاکت نامه نشان دهنده ایمیل ، با کلیک بر روی آرم سایت برای بازگشت به صفحه اصلی ... همه اینها به عنوان الگوهای UI نامیده می شوند.
صفحه بعدی: استفاده از الگوهای UI ، مواردی که باید از آنها اجتناب کنید و ادامه کار ...
