از دکمه های بدش متنفرید؟ این محلول نازک را امتحان کنید

یک دکمه نیازی به اشغال فضای زیادی ندارد تا استفاده از آن راحت باشد. وقتی یک رابط را طراحی یا بررسی می‌کنم، اغلب متوجه همین مشکل می‌شوم: دکمه‌های بزرگ باعث شلوغی صفحه می‌شوند، در حالی که دکمه‌های خیلی کوچک باعث می‌شوند کاربران مطمئن نباشند که کجا ضربه بزنند. یک دکمه باریک‌تر می‌تواند طرح‌بندی تمیزتری ایجاد کند، اما تنها زمانی که متن، فاصله، کنتراست و ناحیه لمسی آن با هم کار کنند. هدف ساده است. من از کاربران می خواهم که عمل را درک کنند، بدون تلاش آن را پیدا کنند و بدون تردید آن را کامل کنند. یک دکمه باریک معمولاً زمانی که عملکرد واضح است به خوبی کار می کند. برچسب‌هایی مانند: - ذخیره تغییرات - مشاهده جزئیات - افزودن به سبد خرید - ویرایش نمایه - بیشتر بدانید این عبارات به کاربران می‌گویند که در آینده چه اتفاقی خواهد افتاد. برچسب‌هایی مانند «ارسال» یا «ادامه» ممکن است به زمینه بیشتری نیاز داشته باشند، به‌خصوص زمانی که چندین عملکرد در یک صفحه نمایش داده می‌شوند. من همچنین برچسب قابل مشاهده را کوتاه نگه می دارم. اسکن یک دکمه با یک عمل واضح آسان تر از یک جمله طولانی است. اگر جزئیات بیشتری لازم است، به جای قرار دادن هر توضیحی در داخل خود دکمه، آن را نزدیک دکمه قرار می دهم. فاصله به اندازه ارتفاع دکمه مهم است. یک دکمه باریک همچنان می تواند یک ناحیه لمسی راحت ارائه دهد. شکل قابل مشاهده ممکن است فشرده به نظر برسد، در حالی که ناحیه قابل کلیک اطراف آن به اندازه کافی برای انگشت یا اشاره گر بزرگ باقی می ماند. این در صفحه نمایش های موبایل مفید است، جایی که افراد ممکن است با یک دست ضربه بزنند و فضای کمتری برای حرکت دقیق داشته باشند. برای مثال، یک صفحه خرید ممکن است دکمه فشرده «افزودن به سبد خرید» را در کنار تصویر محصول نشان دهد. این دکمه می‌تواند از نظر بصری روشن بماند و در عین حال فضای کافی را در اطراف متن و ناحیه ضربه بزنید. این کمک می کند که تصویر و قیمت محصول بدون تبدیل صفحه نمایش به بلوک کنترل قابل مشاهده باشد. ترازبندی متن باید ثابت باشد. من معمولاً برچسب را در مرکز دکمه قرار می دهم و لایه های چپ و راست را متعادل نگه می دارم. وقتی یک نماد گنجانده می شود، فضای کافی بین نماد و متن باقی می گذارم. یک فلش کوچک بعد از «مشاهده جزئیات» می‌تواند از عملکرد پشتیبانی کند، اما نباید با کلمات رقابت کند. دکمه همچنین به یک نقش بصری واضح نیاز دارد. اقدامات اولیه می توانند از رنگ قوی تری استفاده کنند. کنش‌های ثانویه می‌توانند از سبک پر کردن، حاشیه یا متن سبک‌تر استفاده کنند. این تفاوت به کاربران کمک می کند تا بفهمند صفحه انتظار دارد کدام انتخاب را انجام دهند. برای مثال، یک فرم پرداخت ممکن است از یک دکمه قوی «ثبت سفارش» و پیوند «بازگشت به سبد خرید» بی‌صداتر استفاده کند. دادن وزن بصری به هر دو عمل می تواند مرحله بعدی را کمتر آشکار کند. رنگ باید از خوانایی پشتیبانی کند. کنتراست بین برچسب و پس‌زمینه آن را در محیط‌های روشن و کم نور بررسی می‌کنم. برچسب خاکستری کم رنگ روی یک دکمه سفید ممکن است در یک فایل طراحی زیبا به نظر برسد، اما خواندن آن در تلفن دشوار باشد. پاک کردن متن به افراد بیشتری کمک می‌کند از رابط بدون بزرگ‌نمایی یا تغییر تنظیمات صفحه استفاده کنند. من همچنین از استفاده از رنگ به عنوان تنها راه برای نشان دادن وضعیت دکمه اجتناب می کنم. یک دکمه غیرفعال باید از طریق کنتراست و رفتار تعاملی متفاوت به نظر برسد، در حالی که یک خطا باید شامل یک پیام کوتاه باشد که توضیح می دهد چه چیزی نیاز به توجه دارد. حالت دکمه به کاربران کمک می کند تا بازخورد را درک کنند. مجموعه ای از حالت های مفید ممکن است شامل موارد زیر باشد: - پیش فرض: کنش در دسترس است - شناور: نشانگر روی دکمه است - فشار داده شده: کاربر روی آن کلیک یا ضربه زده است - متمرکز: کنترل توسط صفحه کلید یا ورودی کمکی انتخاب می شود - غیرفعال: عملکرد هنوز در دسترس نیست - بارگیری: سیستم در حال پردازش درخواست است برچسب می تواند در طول یک فرآیند تغییر کند. برای مثال، «ذخیره تغییرات» ممکن است به «ذخیره…» تبدیل شود و پس از تکمیل به‌روزرسانی به «ذخیره‌شده» بازگردد. این به کاربر پاسخ واضحی می دهد بدون اینکه پیام بزرگی به صفحه اضافه کند. من به رفتار بارگذاری توجه زیادی دارم. اگر یک دکمه به یکباره پاسخ ندهد، کاربران ممکن است چندین بار روی آن ضربه بزنند. یک حالت بارگیری کوتاه می تواند از انجام اقدامات مکرر به ویژه در فرم ها، صفحات رزرو و صفحه پرداخت جلوگیری کند. دکمه های باریک در مناطق ناوبری نیز به خوبی کار می کنند. یک دکمه جمع و جور "بازگشت" می تواند در نزدیکی بالای صفحه تلفن همراه بدون فشار دادن محتوای اصلی به سمت پایین قرار گیرد. یک اقدام کوچک «ویرایش» می‌تواند در کنار یک آدرس یا جزئیات حساب ظاهر شود بدون اینکه توجه خود را از خود اطلاعات دور کند. طرح هنوز نیاز به جداسازی کافی دارد. وقتی دو دکمه باریک خیلی نزدیک به هم قرار می گیرند، کاربران ممکن است روی دکمه اشتباه ضربه بزنند. این مورد در اعمالی مانند «حذف» و «لغو» رایج است. من برای کاهش این خطر از فاصله، رنگ و مکان روشن استفاده می کنم. یک آزمایش خوب این است که یک ظاهر طراحی شده را حذف کنید و برچسب ها را به تنهایی بخوانید. اگر اقدامات هنوز منطقی باشند، محتوا کار خود را انجام می دهد. من همچنین طراحی را روی یک تلفن کوچک، یک مانیتور بزرگتر و با ناوبری صفحه کلید تست می کنم. دکمه‌ای که در یک صفحه متعادل به نظر می‌رسد ممکن است روی صفحه دیگر تنگ باشد. صفحات واقعی محصول نشان می دهد که چرا این مهم است. یک دکمه فشرده "بیشتر بیاموزید" در کنار کارت خدمات، اسکن صفحه را آسان می کند. یک دکمه واضح «رزرو یک بازدید» می‌تواند گام بعدی را بدون پوشش جزئیات خدمات راهنمایی کند. یک کنترل کوتاه «اعمال فیلتر» می‌تواند پانل جستجو را تمیز نگه دارد و در عین حال راهی واضح برای به‌روزرسانی نتایج به کاربران بدهد. دیدگاه من ساده است: یک دکمه باریک باید وزن بصری را کاهش دهد نه قابلیت استفاده را کاهش دهد. بهترین نتیجه از یک شکل کوچک قابل مشاهده، زبان واضح، کنتراست مناسب، فضای کافی لمسی و بازخورد پس از هر عمل حاصل می شود. وقتی این جزئیات با هم کار می کنند، رابط کاربری آرام تر به نظر می رسد. کاربران زمان کمتری را صرف جستجوی مرحله بعدی می کنند و زمان بیشتری را برای تکمیل کاری که برای انجام آن آمده اند صرف می کنند.

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

یک انتخاب کوچک طراحی می تواند نحوه استفاده افراد از یک محصول، خواندن یک صفحه یا اعتماد به یک برند را تغییر دهد. وقتی از وب‌سایتی با متن شلوغ، دکمه‌های نامشخص یا فرم‌هایی بازدید می‌کنم که بعد از خطا هیچ راهنمایی نمی‌کنند متوجه این موضوع می‌شوم. ممکن است این سرویس به خوبی کار کند، اما تجربه خسته کننده به نظر می رسد. یک تنظیم کوچک، مانند فاصله بیشتر یا برچسب مستقیم تر، می تواند بسیاری از این اصطکاک را از بین ببرد. طراحی خوب همیشه نیاز به تغییر بصری بزرگ ندارد. اغلب با توجه به جایی شروع می شود که مردم مکث می کنند، حدس می زنند یا تسلیم می شوند. ### با کار کاربر شروع کنید، من با پرسیدن یک سوال ساده شروع می کنم: "کاربر در اینجا چه کاری باید انجام دهد؟" ممکن است یک صفحه محصول نیاز به کمک به افراد در مقایسه گزینه ها داشته باشد. یک فرم رزرو ممکن است نیاز به جمع آوری جزئیات دقیق داشته باشد. یک برنامه تلفن همراه ممکن است نیاز داشته باشد که به کسی کمک کند تا کار را با یک دست انجام دهد. وقتی تکلیف روشن باشد، تصمیم گیری در مورد طراحی آسان تر می شود. تصاویر، رنگ‌ها، نمادها و متن می‌توانند به جای رقابت برای جلب توجه، از این کار پشتیبانی کنند. دکمه ای با عنوان "ارسال" زمینه کمی ارائه می دهد. "Send my request" به کاربر می گوید که چه اتفاقی خواهد افتاد. تفاوت اندک است، اما برچسب دوم می تواند قدم بعدی را طبیعی تر کند. ### از فاصله به عنوان راهنما استفاده کنید طرح‌بندی‌های شلوغ باعث می‌شود افراد سخت‌تر کار کنند. وقتی هر آیتم وزن بصری یکسانی دارد، کاربران ممکن است ندانند کجا را نگاه کنند. من از فضا برای جدا کردن گروه‌های اطلاعات استفاده می‌کنم: - موارد مرتبط را نزدیک یکدیگر نگه دارید. - بین بخش های مختلف فضای بیشتری بگذارید. - به سرفصل ها فضای کافی برای جدا شدن از هم بدهید. - از پر کردن هر قسمت خالی با تزئین خودداری کنید. یک فرم با فاصله واضح حتی زمانی که دارای تعداد یکسانی از فیلدها باشد، می تواند راحت تر باشد. محتوا تغییر نکرده است. مسیر عبور از آن آسان تر شده است. ### ایجاد تغییرات کوچک در متن بسیاری از مشکلات طراحی مشکلات نوشتن هستند. یک پیام مبهم مانند "ورودی نامعتبر" باعث می شود کاربر حدس بزند. یک پیام واضح تر می تواند توضیح دهد که چه چیزی نیاز به توجه دارد: "شماره تلفنی با 10 رقم وارد کنید." آن جمله کوتاه است. به کاربر می گوید چه اشتباهی رخ داده است و چه کاری باید انجام دهد. من همچنین به برچسب‌ها، متن راهنما، نام منوها و پیام‌های تأیید نگاه می‌کنم. چند کلمه ساده اغلب بهتر از یک عبارت هوشمندانه کار می کنند. افراد نباید قبل از استفاده از رابط کاربری آن را مطالعه کنند. ### به استفاده از تلفن همراه توجه کنید طراحی که در یک صفحه نمایش بزرگ احساس راحتی می کند ممکن است در تلفن دشوار شود. دکمه های کوچک، منوهای طولانی و پیوندهای فشرده می توانند تلاش بیشتری را ایجاد کنند. بررسی می کنم که آیا: - خواندن متن آسان است یا خیر. - دکمه ها فضای کافی در اطراف خود دارند. - اقدامات کلیدی قابل مشاهده باقی می مانند. - فرم ها اطلاعاتی را که لازم نیست درخواست نمی کنند. - کاربران می توانند کار را بدون بزرگنمایی یا پیمایش مکرر انجام دهند. سیستم طراحی GOV.UK یک مثال مفید ارائه می دهد. فرم‌های آن از برچسب‌های واضح، پیام‌های خطای مستقیم و طرح‌بندی‌های ثابت در میان سرویس‌ها استفاده می‌کنند. این جزئیات ممکن است ساده به نظر برسند، اما به افراد کمک می کنند وظایف عمومی را با سردرگمی کمتر انجام دهند. ### لحظه های آرام را امتحان کنید که من فقط تماشا نمی کنم که آیا کسی به صفحه آخر می رسد یا خیر. من هم لحظات قبل از این اتفاق را تماشا می کنم. فرد در کجا متوقف می شود؟ کدام برچسب را دوبار می خوانند؟ آیا آنها به دنبال کمک هستند؟ آیا آنها دکمه را اشتباه فشار می دهند؟ این لحظات آرام اغلب بهترین فرصت های طراحی را نشان می دهد. یک تست کوتاه با چند کاربر می تواند بیش از یک بحث طولانی بر اساس فرضیات را نشان دهد. یک صاحب کسب و کار کوچک ممکن است یاد بگیرد که مشتریان یک فرم تماس را نادیده نمی گیرند. آنها ممکن است مطمئن نباشند که آیا فرم مربوط به سؤالات فروش، درخواست های پشتیبانی یا پیام های مشارکت است. تغییر عنوان از "تماس با ما" به "در مورد سفارش بپرسید" می تواند درک هدف را آسان تر کند. ### تغییر را متمرکز نگه دارید وقتی مشکلی پیدا می کنم، سعی می کنم هر بار یک قسمت را تغییر دهم. رنگ جدید، کپی کوتاه‌تر، فاصله بهتر و طرح‌بندی متفاوت به یکباره تشخیص اینکه چه چیزی به شما کمک کرده است را دشوار می‌کند. یک تغییر متمرکز ممکن است کافی باشد: - یک برچسب دکمه عمومی را جایگزین کنید. - یک پیام کلیدی را به قسمت مربوطه نزدیکتر کنید. - یک سوال فرم غیر ضروری را حذف کنید. - فاصله بین آیتم های منو را افزایش دهید. - یک اقدام مفید را در جایی که کاربران به طور طبیعی نگاه می کنند قرار دهید. بررسی، اندازه گیری و بهبود تغییرات کوچک آسان تر است. طراحی تاثیر آرامی بر تصمیم گیری های روزانه دارد. می‌تواند به کسی کمک کند اطلاعاتی پیدا کند، فرمی را تکمیل کند، محصولی را بفهمد، یا احساس راحتی کند که از پشتیبانی درخواست کند. قوی ترین نتیجه ممکن است یک به روز رسانی بصری چشمگیر نباشد. ممکن است کاربری باشد که دیگر تردید را متوقف کند و کار را با تلاش کمتری به پایان برساند. اینجاست که یک انتخاب طراحی کوچک می تواند تفاوت بزرگی ایجاد کند.

وقتی از یک وب سایت بازدید می کنم، می خواهم بدانم کجا هستم، چه کاری می توانم انجام دهم و بعد از کلیک کردن چه اتفاقی می افتد. من نباید قبل از اینکه پیشنهاد را بفهمم، در میان منوهای شلوغ جستجو کنم، حدس بزنم کدام دکمه مهم است یا یک فرم طولانی را پر کنم. قبل از اینکه دکمه ظاهر شود، یک کلیک صاف شروع می شود. با محتوای واضح، ساختار مفید صفحه و مسیری که با هدف بازدیدکننده مطابقت دارد شروع می شود. من از این مراحل برای آسان کردن هر کلیک استفاده می کنم. صفحه را با هدف بازدیدکننده مطابقت دهید بازدیدکننده ای که "صندلی اداری با پشتیبانی کمر" را جستجو می کند انتظار دارد صندلی های اداری را ببیند، نه یک صفحه اصلی مبلمان عمومی. صفحه باید به سوال پشت جستجو پاسخ دهد. می‌تواند نشان دهد: - محصول یا خدماتی که در جستجو نام‌گذاری شده است - توضیح کوتاهی درباره استفاده از آن - جزئیات کلیدی که به بازدیدکننده کمک می‌کند گزینه‌ها را مقایسه کند - مرحله بعدی واضح وقتی صفحه با هدف بازدیدکننده مطابقت دارد، کلیک طبیعی به نظر می‌رسد. بازدیدکننده نیازی به بررسی آنچه که کسب و کار ارائه می دهد ندارد. عمل اصلی را آسان برای یافتن نگه دارید یک صفحه می‌تواند شامل چندین عمل باشد، اما یک عمل باید راهگشا باشد. برای یک صفحه خدمات، این اقدام ممکن است به صورت زیر باشد: - درخواست یک پیشنهاد - رزرو مشاوره - مشاهده طرح‌های موجود - دانلود یک راهنما، دکمه اصلی را نزدیک پیام افتتاحیه قرار می‌دهم، سپس آن را پس از محتوای پشتیبانی مفید تکرار می‌کنم. عبارت باید به جای استفاده از متن مبهم مانند "ارسال" یا "اینجا را کلیک کنید" نتیجه را توضیح دهد. «گزینه‌های قیمت‌گذاری را ببینید» بیشتر از «بیشتر بدانید» به بازدیدکننده می‌گوید. دکمه نیز باید شبیه یک دکمه باشد. کنتراست قوی، فاصله کافی و برچسب واضح به کاربران کمک می کند بدون ایجاد احساس شلوغی صفحه متوجه آن شوند. میزان کار را کاهش دهید هر زمینه اضافی تلاش می کند. هر دستور نامشخصی شک ایجاد می کند. وقتی یک فرم ایجاد می کنم، می پرسم که آیا هر فیلد در آن لحظه مورد نیاز است یا خیر. یک فرم تماس ممکن است فقط به موارد زیر نیاز داشته باشد: - نام - آدرس ایمیل - یک پیام کوتاه شماره تلفن، اندازه شرکت، محدوده بودجه، و خلاصه پروژه مفصل ممکن است بعدا مفید باشد. درخواست همه آنها در ابتدا می تواند بازدید کننده را قبل از ارسال فرم ترک کند. همچنین هنگامی که کاربران ممکن است سؤالی داشته باشند، یادداشت های کوتاهی را در کنار فیلدها قرار می دهم. برای مثال، «ما از ایمیل شما برای پاسخ به این درخواست استفاده می‌کنیم» به افراد دلیلی می‌دهد تا جزئیات خود را به اشتراک بگذارند. ** پیوندها را بنویسید که به کجا منتهی می شوند ** یک پیوند باید انتظار درستی را ایجاد کند. «راهنمای تحویل را بخوانید» زمینه بیشتری را نسبت به «بیشتر بخوانید» ارائه می‌کند. درک "مقایسه برنامه های ماهانه" آسان تر از "مشاهده" است. من هر پیوند کلیدی را بررسی می کنم و می پرسم: - آیا برچسب صفحه بعدی را توصیف می کند؟ - آیا با متن اطرافش مطابقت دارد؟ - آیا بازدید کننده می داند که پس از کلیک چه اتفاقی می افتد؟ برچسب‌های پاک به افراد کمک می‌کنند صفحه را اسکن کنند و با تردید کمتری انتخاب کنند. طراحی برای نمایشگرهای کوچک بسیاری از بازدیدکنندگان از تلفن استفاده می کنند. ضربه زدن روی دکمه ای که روی یک صفحه بزرگ کار می کند ممکن است روی یک صفحه کوچک سخت شود. بررسی می‌کنم: - دکمه‌ها فضای کافی در اطراف خود دارند - خواندن متن آسان می‌ماند - منوها بدون پوشش محتوای کلیدی باز می‌شوند - فرم‌ها متناسب با صفحه نمایش هستند - تصاویر بدون فشار دادن دکمه بارگیری می‌شوند - صفحه بدون پیمایش افقی کار می‌کند ممکن است بازدیدکننده تلفن همراه در مغازه ایستاده باشد، منتظر حمل‌ونقل باشد یا سرویسی را بین کارها بررسی کند. صفحه باید به این توجه محدود احترام بگذارد. نمایش دهید که بعد از کلیک چه اتفاقی می افتد وقتی مرحله بعدی واضح است، کلیک ایمن تر می شود. پس از ارسال فرم، صفحه می‌تواند تأیید کند که پیام دریافت شده است و توضیح دهد که چه زمانی ممکن است بازدیدکننده پاسخی را بشنود. پس از افزودن یک محصول به سبد خرید، صفحه می تواند انتخابی برای ادامه خرید یا بررسی سبد خرید ارائه دهد. جزئیات کوچک عدم اطمینان را کاهش می دهد. آنها همچنین بازدیدکنندگان را از چندین بار کلیک کردن روی یک دکمه جلوگیری می کنند. مسیر کامل را بررسی کنید، نه تنها دکمه یک دکمه قابل مشاهده نمی تواند یک سفر گیج کننده را برطرف کند. من مسیر از نتیجه جستجو تا عمل کامل شده را آزمایش می کنم: 1. نتیجه جستجو را بخوانید. 2. صفحه را باز کنید. 3. پیشنهاد اصلی را پیدا کنید. 4. اطلاعات کلیدی را مرور کنید. 5. عمل اصلی را انتخاب کنید. 6. مرحله بعدی را کامل کنید. 7. به دنبال تایید باشید. من این مسیر را روی گوشی و کامپیوتر تست می کنم. همچنین از کسی که با صفحه آشنا نیست می‌خواهم بدون راهنمایی از آن استفاده کند. سوالات آنها اغلب مشکلاتی را نشان می دهد که من دیگر متوجه آن نمی شوم زیرا از قبل طراحی را می دانم. یک فروشگاه اینترنتی کوچک مثال مفیدی به من داد. صفحات محصول آن از برچسب دکمه «ادامه» استفاده می‌کردند، اما بازدیدکنندگان مطمئن نبودند که سبد خرید را باز کند یا پرداخت را آغاز کند. جایگزین کردن آن با «افزودن به سبد خرید» درک عمل را آسان‌تر کرد. صفحه نیاز به تزئین بیشتری نداشت. نیاز به قول روشن تری داشت. بهترین کلیک، بلندترین کلیک نیست. آن چیزی است که در لحظه مناسب ظاهر می شود، از کلمات آشنا استفاده می کند و به یک نتیجه مورد انتظار منجر می شود. وقتی من حدس و گمان را از صفحه حذف می کنم، بازدیدکنندگان می توانند روی انتخابی که آنها را به آنجا آورده است تمرکز کنند. به این ترتیب یک وب سایت توجه را بدون فشار به عمل تبدیل می کند. با ما در الکس ژانگ تماس بگیرید: sales@kfdnb.com/WhatsApp +8618069216911.

منابع Steve Krug — 2014 — Don't Me Think, Revisited: A Common Sense Approach to Web Usability Jesse James Garrett — 2011 — The Elements of User Experience: The Structure of User-Centred Design Susan M Weinschenk — 2011 — 100 Designer Need Things to Every Cooper دیوید کرونین و کریستوفر نوسل — 2014 — درباره چهره: ملزومات طراحی تعامل W3C ابتکار دسترسی به وب — 2018 — دستورالعمل های دسترسی به محتوای وب 2.1 سرویس دیجیتال دولتی GOV.UK — 2023 — سیستم طراحی GOV.UK: مؤلفه ها و الگوها