UI چیست ؟
در ابتدا شاید این سوال برای شما پیش بیاید که “UI مخفف چیست؟” UI در طراحی و به صورت لغوی مخفف “User Interface” به معنای رابط کاربری میباشد؛ به صورت کلی شامل دکمههایی که کاربران روی آن کلیک میکنند، متنی که میخوانند، تصاویر، انیمیشن ها، فیلدهای ورودی متن و سایر عناصر بصری که کاربر با آنها در سایت ها و اپلیکیشن های مختلف تعامل دارد میشود.
طراحان رابط کاربری معمولا این کار را بر عهده دارند که تصمیم بگیرند طرح های رنگی و ظاهر دکمه ها چگونه باشند؛ عرض خطوط و فونت های مورد استفاده برای متن یکی از اصل های طراحی میباشد.
شما میتوانید پروژه هایی که UI آنها توسط تیم ما طراحی شده است را در بخش نمونه کارها مشاهد کنید.
UX چیست ؟
پیش از شروع اینکه UX چیست میخواهیم به سوال “UX مخفف چیست؟” پاسخ دهیم، در واقع UX مخفف عبارت “User Experience” و به معنای تجربه کاربری میباشد؛ تجربه کاربری به احساس راحتی و در زمان کار کردن کاربر با اجزای مختلف سایت گفته میشود، به این معنی است که وب سایت ما طوری طراحی شده باشد که کاربر بتواند به راحتی به بخش های مختلف سایت دسترسی داشته باشد.
تجربه کاربر بر اساس آسان یا دشوار بودن تعامل با عناصر رابط کاربری که طراحان UI ایجاد کرده اند تعیین می شود.
طراحان UX همچنین نگران رابط کاربری یک برنامه هستند و به همین دلیل است که مردم در مورد تفاوت بین این دو سردرگم میشوند. اما در حالی که طراحان UI وظیفه دارند تصمیم بگیرند که رابط کاربری چگونه به نظر برسد، طراحان UX مسئول تعیین نحوه عملکرد رابط کاربری هستند.
آنها ساختار رابط و عملکرد آن را تعیین می کنند.با ایجاد یک تجربه کاربری جذاب تعیین میکنند که چگونه سازماندهی شود و چگونه همه بخش ها به یکدیگر مرتبط باشند.
به طور خلاصه، آنها نحوه عملکرد رابط کاربری را طراحی می کنند.
چگونه رابط کاربری (UI) و تجربه کاربری (UX) کنار یکدیگر کار میکنند ؟
به طور کلی یک طراح UX در نظر میگیرد که UI چگونه کار کند در حالی که طراح UI به این فکر میکند که یک رابط کاربری چگونه به نظر برسد !
این یک فرآیند بسیار مشارکتی است و دو تیم طراحی تمایل دارند تا با هم کار کنند.
به طور کلی تیم UX در حال بررسی جریان برنامه، نحوه هدایت همه دکمهها از طریق جایگاه آنها، و اینکه چگونه رابط به طور مؤثر نیازهای اطلاعاتی کاربر را برآورده میکند است، در حالی که تیم UI در حال کار بر روی نحوه ظاهر شدن همه این عناصر در رابط کاربری است.
ابزار های مورد نیاز طراح رابط کاربری
نرم افزارهای طراحی UI به چند بخش تقسیم میشوند که در ادامه به آنها اشاره خواهیم کرد.
- اسکچ (Sketch)
اسکچ از نظر قدرت و کارکرد بسیار کامل است؛ اما بزرگترین ایرادی که دارد این است که فقط میتوانید آن را روی سیستم عامل مک نصب کنید، این ابزار قدرتمند سختی های تکرار کارهای طولانی و خسته کننده را کاهش داده و شما میتوانید با چند کلیک ساده یک عملیات تکراری را انجام دهید.
- ادوبی ایکس دی (Adobe XD)
با استفاده از این ابزار قدرتمند میتوانید انواع انیمیشن ها، طرح بندی های مختلف، مسیرهای داخلی برنامه های موبایل و وب سایت ها را بسازید.
در انتها بعد از انجام کارتان میتوانید خروجی زنده موبایل هم مشاهده کنید.
- اینویژن استودیو (Invision Studio)
یکی دیگر از نرم افزارهای قدرتمند InVision Studio است که با پنل های کاربردی که داخل آن وجود دارد میتوانید به راحتی کارهایی مانند ساخت انیمیشن های مختلف و طرح های گرافیکی را انجام دهید.
طراحی UI و UX
امروزه اکثر افرادی که در این حوزه فعالیت دارند هر دو تخصص در طراحی UIو UX دارند و در انجام پروژه ها هر دو مسئولیت را قبول میکنند، البته نقطه مقابل این افراد نیز وجود دارند، یعنی کسانی که در حرف میگویند هر دو تخصص را دارند و میتوانند طراحی UIو UX را انجام دهند اما در عمل طور دیگری رفتار میکنند و ممکن است حتی کار را بسیار ضعیف انجام دهند و به اصطلاح آن را خراب کنند؛ پس مراقب کسانی که برای این کار انتخاب میکنید باشید!
بسیار اطلاعات و محتوای خوبی بود در صورت امکان در یک پست مجزا نمونه هایی رو هم بذارین بتونیم بیشتر با مبحت ui-ux آشنا بشیم البته فکر کنم ui از دل خود ux هستش