9 نکته ای که باید هنگام طراحی UI در نظر بگیرید

نکات ضروری در مورد طراحی UI از کارشناسان UX و UI را در این مقاله بخوانید.

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

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

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

9 نکته ای که در طراحی رابط کاربری باید در نظر بگیرید

01. UX را به نسبت UI در سایت الویت قرار دهید

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

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

همانطور که Pilar Serna، مدیر ارشد طراحی در Spotify می گوید:

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

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

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

اولین مهارت در اینجا همدلی و همچنین عینیت است. شما باید بتوانید مشکلات و نیازهای دیگران را بدون شبیه سازی خودتان درک کنید. تا بتوانید “بدون اینکه درباره خودتان بسازید” از طریق چشمان آنها ببینید.

02. هنگام طراحی UI از سلسله مراتب متن استفاده کنید

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

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

جو گالیور، مدیر هنری گروه رویدادها، در Future می گوید:

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

03. از آیکون های مناسب استفاده کنید

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

فیونا یانگ می گوید:

یک نماد (آیکون) آنقدر قدرتمند است که می تواند جای یک بلوک عظیم از محتوا را بگیرد.

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

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

دیوید اوون مورگان، طراح ارشد محصول در Spotify، می‌گوید:

یک زبان تصویر وجود دارد، و می‌تواند بسیار قوی‌تر از یک زبان متن باشد.شما می‌دانید که کلیشه‌ای در مورد یک تصویر ارزش هزار کلمه دارد. این درست است و بسیاری از مطالب ما درست است. تشخیص اشیاء و وظایف به این دلیل است که ما قبلاً چیزی را دیده‌ایم که آشنا بوده است.

04. رنگ ها را هوشمندانه انتخاب کنید

علاوه بر متن و نماد نگاری، رنگ نیز می تواند نقش بسیار مهمی در هدایت کاربران از طریق رابط کاربری داشته باشد.

دافنه لین، طراح ارشد محصول در اسپاتیفای، می‌گوید:

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

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

با این حال، رنگ می تواند یک مشکل برای دسترسی باشد. بنابراین در حالی که رنگ مهم است، بهتر است آن را به مرحله بعدی طراحی بسپارید.

یوچن ژانگ ابتدا از طراحی در مقیاس خاکستری حمایت می کند. او می‌گوید:

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

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

ژانگ می‌گوید:

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

05. طراحی جهانی را هدف بگیرید

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

طراحی برای سنین مختلف به معنای در نظر گرفتن حدت بینایی در میان عوامل دیگر است (اندازه فونت راحت و سطح کنتراست برای یک فرد 25 ساله برای یک فرد 70 ساله یکسان نیست). همچنین تعصب فرهنگی در طراحی UI آسان است.

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

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

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

لوک کولی، محقق UX در تیم هوش مصنوعی ابری گوگل، دانش‌آموزان را تشویق می‌کند تا انسان‌شناسی، جامعه‌شناسی و اقتصاد را از کلان تا خرد بررسی کنند تا به کار خود اطلاع دهند. او می گوید: «هیچ میانبری وجود ندارد. “این کار مستلزم سرمایه گذاری مداوم بر روی کاربران شما است، اما همچنین درک نحوه رفتار مردم در کشورهای مختلف، ادراکات و نگرش های آنها. و همه اینها مستقیماً به تحقیقات و طراحی UX وابسته نیست. شما همیشه آن را در طراحی پیدا نمی کنید. کتاب ها یا کتاب های تحقیقی.”

06. فرصت های بازخورد و جمع‌آوری داده ها را در رابط کاربری خود ایجاد کنید

امیدواریم که قبل از انتشار UI خود را آزمایش کنید ، اما همچنین می‌توانید فرصت‌هایی را برای بازخورد بیشتر هنگام طراحی رابط کاربری ایجاد کنید. این می تواند به سادگی ظاهر شود با پیامی در امتداد خطوط “تجربه امروز خود را چگونه ارزیابی می کنید؟”، با رتبه بندی از یک تا 10. گزینه های دیگر، محرک های خروج هستند – برای مثال، رابط کاربری تشخیص می دهد که ماوس شما برای خروج از یک سایت به نوار جستجو بروید و در این لحظه پیامی ظاهر می شود.رابط کاربری بر فروش و میزان ورودی بیشتر از گوگل هم میتواند تاثیر گذار باشد(از دید رفتار کاربر در سایت).البته اگر نیاز به سئو دارید و میخواهید کاربر بیشتری برای وبسایت خود داشته باشید برای اطلاع از قیمت سئو در اصفهان روی لینک کلیک کنید.

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

07. برندسازی را در طراحی رابط کاربری خود ایجاد کنید

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

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

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

08. اعلان‌های رابط کاربری خود را معنادار کنید

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

Trine Falbe پیشنهاد می کند که به جای تمرکز بر نوع اعلان، مورد استفاده و زمان‌بندی، فکر کردن به ارزش کاربر اعلان نیز مفید است. او می‌گوید: «این ستونی در آن چارچوب است که مردم تمایل دارند آن را وارد نکنند، اما اگر خودتان را مجبور کنید یا به خود یادآوری کنید که در مورد ارزش کاربر برای هر یک از اعلان‌هایی که واقعاً می‌خواهید سیستمتان ارسال کند فکر کنید، به شما کمک می‌کند. برای ایجاد فقط اعلان های معنی دار.”

09. فراموش نکنید که صدا می تواند بخشی از طراحی UI باشد

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

وی روگاچوا، طراح ارشد محصول در Future می گوید: «به الکساس یا مرکز گوگل نگاه کنید. “یا یک صفحه نمایش بسیار کوچک وجود دارد یا اصلاً صفحه نمایش وجود ندارد. شما باید با صدا تعامل داشته باشید. و این فقط تعامل شما نیست که از دستگاه می خواهید کاری انجام دهد. این چیزی است که دستگاه به شما می گوید.”

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

درباره نحوه طراحی UI بیشتر بدانید

اینها تنها برخی از عناصر حیاتی هستند که باید هنگام طراحی UI در نظر بگیرید.

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

منبع : creativebloq.com