هفت مشخصه ی مهم یک واسط کاربری با کیفیت در طراحی وب سایت

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

سادگی

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


وضوح

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

ثبات یا پایداری

قطعا حفظ ثبات در سراسر تجربه ای که کاربران از واسط کاربری دارند، خواسته ی تک تک شماست. کاربران می توانند روی واسط های با ثبات و پایدار حساب کرده و الگوهای استفاده (usage pattern) را که موجب بهبود و تقویت تجربه میشوند ، توسعه دهند. ثبات و پایداری یکی از آرزوهای مردم است، بنابراین هنگامیکه آنها به واسط کاربری شما اعتماد میکنند باید به آنها ثابت کنید که اشتباه نکرده اند.
آنها خواهان تجربه ای هستند که در عین یادگیری انجام یک کار، بتوانند به آن تکیه کرده و در سایر اسکرین ها نیز به همان شیوه با آن کار کنند. در سرتاسر واسط خود در زبان، لی اوت و طراحی تغییری ایجاد نکنید . بدین ترتیب کاربران به آسانی طرز کار همه چیز را فهمیده و درنتیجه کارایی آنها بیشتر شده و تجربه کاربری تقویت میشود.

آشنایی یا صمیمیت

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


سلسله مراتب بصری یا ویژوال

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


کارایی

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


واکنش پذیری

هنگامیکه نوبت به واکنش پذیری واسط کاربری میرسد باید فرم های مختلف واکنش پذیری را در نظر بگیرید. برای شروع، یک واسط واکنش پذیر، باید سریع باشد. واسط کاربری شما و سیستمی که در ورای آن کار میکند ،می بایست به سرعت کار کنند. مثلا کاربران از انتظار برای بارگذاری سایت براحتی نا امید میشوند.
درواقع این روزها اگر وب سایتی در عرض سه ثانیه بارگذاری نشود، بازدید کنندگان خود را به سرعت از دست میدهد. براساس گزارش Kissmetrics چهل درصد از مردم ،وب سایت هایی که بارگذاری آنها از سه ثانیه بیشتر شود را رها کرده و بیشتر کاربران روی فلش بازگشت مرورگرهای خود کلیک میکنند. طراحی اپلیکیشن های موبایل و طراحی وب سایت هایی که بسرعت بارگذاری شده و اجرا میشوند، تجربه کاربری را تقویت میکنند.
بعلاوه هنگام اندیشدن به واکنش پذیری باید به واکنش واسط خود به کاربران نیز بیاندیشید. واسط کاربری شما باید برای کاربران بازخورد، فراهم کند. به کاربران خود اجازه دهید از آنچه رخ میدهد مطلع شوند، بدین ترتیب آنها تلاش میکنند با واسطی که شناخته اند کار کنند. بعنوان مثال برای آنکه بفهمند باتنی را با موفقیت فشرده اند، یک واکنش در نظر بگیرید یا اینکه یک بار پیشروی (progress bar) خلق کنید تا آنها متوجه شوند اسکرین بعدی درحال بارگذاری است. این قبیل بازخوردها خطاها را کاهش داده و تجربه کاربری را بهبود میبخشند.

هفت مشخصه ی مهم یک واسط کاربری با کیفیت در طراحی وب سایت
شنبه 25 دی 1395 - 09:21:04 4296 آخرین بازدید : جمعه 10 فروردین 1403 - 11:03:00 0
*
*