کدفرند(دوست برنامه نویس من)
کدفرند(دوست برنامه نویس من)
خواندن ۵ دقیقه·۷ سال پیش

قوانین مهم طراحی رابط کاربری برای وب مسترها بخش اول

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

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

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

1.طراحی رابط کاربری جدا از UX نمی باشد.

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

یو ایکس UX چیست؟User Experience – UX شامل رفتار، حالت و احساست کاربر در مورد استفاده از یک محصول و یا سیستم خاص گفته می شود. تجربه کاربر شامل جنبه های عملی، تجربی، موثر ، معنی دار و جنبه های با ارزش اثر متقابل انسان و کامپیوتر و محصول می باشد، که شامل درک کاربر از جنبه های مختلف سیستم شامل کاربرد، سادگی در استفاده و بهره وری می باشد. بر اساس تعریف ISO عنوان user experience شامل کلیه عواطف، اعتقادات، مزیت ها، پاسخ های فیزیکی و روانی، رفتارها و اجراها قبل از زمان استفاده، در زمان استفاده و بعد از آن اطلاق می گردد.

2.شناسایی کاربران سایت خود.

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

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

3.عناصر تشکیل دهنده را ساده و باثبات نگه دارید.

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

4.سلسله مراتب را رعایت کنید.

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

5.از تایپوگرافی مناسب استفاده کنید.

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

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