Alireza Gholami
Alireza Gholami
خواندن ۴ دقیقه·۳ سال پیش

استفاده از قانون فیتس: اصول طراحی رابط کاربری برای تجارت الکترونیک

See Studio
See Studio

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


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


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


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

قانون فیتس و طراحی رابط کاربری تجارت الکترونیک: تناسب کامل

قانون فیتس همچنین به ایجاد مفهوم پیکسل اول کمک کرد - مکان مکان نما کاربر در هر لحظه. هدف طراحان رابط کاربری تجارت الکترونیک این است که فاصله پیکسل اصلی تا هدف را تا حد امکان کوتاه کنند. اما از آنجایی که پیکسل اصلی متغیر است (چه کسی می‌داند وقتی کاربر به یک صفحه می‌رسد دقیقاً مکان‌نمایش را در کجا قرار می‌دهد؟)، تکنیک‌های مختلفی برای کنترل اجزای ثابت یک صفحه تجارت الکترونیکی وجود دارد تا آنها را در نزدیکی آن‌ها قرار دهیم. ممکن است تا جایی که پیکسل اصلی کاربر احتمالاً باشد.

طراحی برای کشف محصول کارآمد

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

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

قانون فیتس برای دستگاه های تلفن همراه

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

انگشتان نشانگر هستند

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

استفاده از موبایل اغلب یک دست است

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

در مورد هشدارها

هنگام استفاده از قانون فیتس، ارزش آن را دارد که دو سوال کلیدی را در نظر بگیریم: هدف اولیه ای که کاربران هنگام فرود در این صفحه می خواهند به آن برسند چیست؟ و: چگونه می توانم آن هدف را برای کاربران آسان کنم؟

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

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

رابط کاربریتجربه کاربریدیزاینقانون فیتسطراحی
شاید از این پست‌ها خوشتان بیاید