رابط کابری User interface(Ui)

طراحی رابط کاربری چیه؟

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

به طراح رابط کاربری اصطلاحا Ui Designer هم گفته میشه.

در اصل یوای (ui) بخشی از ux هست.طراح رابط کاربری باید تا حدودی یوایکس بلد باشه چون زیبایی به تنهایی کافی نیست , کارامدی هم مهمه .این دو مکمل هستن و کاملا به هم ارتباط دارن ولی دوتا تخصص جدا به حساب میان.

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

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

این طرح ها رو یادتون نره:

• طراحی ریسپانسیو
• طراحی خطاها
• طراحی هشدار ها
• ...

طراحان رابط کاربری و تجربه کاربری باید برنامه نویسی بلد باشن؟

طبیعتا نه ولی بهتره که طراح با زبان های نشانه گذاری (html) و زبان استایل دهی (css) اشنا باشه البته واجب نیس ولی چرا میگیم اشنا باشه چون با محدودیت های برنامه نویسی اشنا میشه و طوری طراحی میکنن که قابل پیاده سازی باشه.

بهترین نرم افزار های طراحی رابط کاربری:

• Figma
• Adobe xd
• Sketch
• InVision Studio

از فتوشاپ هم میتونیم برای طراحی استفاده کنیم؟
بله میشه ولی تا وقتی این ابزا هارو داریم چرا کارخودمونو سخت کنیم و از فتوشاپ استفاده کنیم!؟

سرفصل های مهم ui:

البته که فقط اینها نیس ولی مهم ها هستن

وظیفه طراح رابط کاربری (ui designer) چیه؟

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

از کجا ایده برداری کنیم:

کپی با ایده برداری کاملا متفاوته به هیچ وجه طرح یکی دیگرو کپی نکنید ولی ایده برداری متفاوته و خلاقیت رو بیشتر میکنه

از سایت های :

• Pinterest
• Dribbble
• Behance
• Mobbin

به این نکته توجه کنید: کسی که طراحی رابط کاربری انجام میده گرافیک کار نیست , دوتا تخصص جدا هستن. گرافیک کار هم طراح ui نیست و طراح ui هم گرافیک کار نیست

حالا بیاید چندتا نمونه باحال طراحی رابط کاربری موبایل و وبسایت ببینیم :

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

امیدوارم این پست بهتون کمک کنه