UI یا همان طراحی رابط کاربری محیطی است که کاربران انسانی با کامپوتر ، وب سایت یا برنامه تعامل برقرار میکنند. هدف رابط کاربری ایجاد تجربه ای ساده و ملموس برای کاربر است ؛ در واقع طی فرایند طراحی رابط کاربری از طریق طراحی المان های موجود در محصول با کاربر ارتباط برقرار خواهیم کرد.
تاریخچه رابط کاربری در ایران خیلی دور نیست چرا که از سال۱۳۹۳ در ایران شناخته و وارد بازار کار طراحی شد. در اوایل با نام گرافیک ظاهری و قالب لایه باز شناخته میشد اما با به وجود آمدن یک سری قوانین خاص تر و استاندارد تر شد.
UX یا همان طراحی تجربه ی کاربری فرایند افزایش رضایت و وفاداری مشتری با طراحی و بهبود مواردی مانند سهولت استفاده ، افزایش لذت استفاده از محصول و … استکه در تعامل بیشتر کاربر و محصول نقش دارند. به طور کلی تجربه ی کاربری یعنی طراحی یا بهبود محصول برای کاربر و از دید کاربر.
رابط کاربری(UI) قسمتی از پروژه است که کاربر به راحتی مشاهده میکند و UX قسمتی از پروژه است که در نگاه اول به چشم نمی آید اما بخش بزرگی از بقای پروژه به آن بستگی دارد.
برای مثال یک وبسایت را در نظر بگیرید مانند کیهان وب ، وقتی وارد سایت میشوید به راحتی میتوانید با آن کار کنید و از ظاهر آن لذت ببرید و بخش های مختلف آن را فقط با یک کلیک مشاهده کنید این قسمت ظاهر یا UI سایت است اما طراحی ها و کد هایی که باعث شده شما این بیستر را ببینید و از آن استفاده کنید شامل UX سایت میشود.
درسایتی که قرار میدهیم میتوانید بیشتر بیاموزید.
انواع رابط کاربری ( UI )
رابط کاربری مبتنی بر فرم :
مانند منو تنظیمات یک اپلیکیشن یا سایت
رابط کاربری گرافیکی :
ورودی لمسی UI با خروخی بصری UI مانند صفحه کلید و صفحه نمایش
رابط کاربری مبتنی بر منو :
مانند دستگاه های ATM که رابط کاربری مبتنی بر منو را به کار میگیرند که استفاده از آن ها برای همه راحت است.
رابط کاربری لمسی :
طریق لمس کردن یا نگه داشتن طولانی انجام میشوند مانند تمامی دستگاه های صفحه لمسی.
رابط کاربری صوتی :
تعامل انسان و دستگاه از طریق صدا صورت بگیرد مانند Google Voice
شاخه های تجربه ی کاربری ( UX) :
کاربرد پذیری :
فرایندی که دسترسی کاربر به محصول آسان تر شود.
طراحی :
بخشی از تجربه ی کاربری که UI هم زیر مجموعه آن است.
نویسندگی موثر :
نوشته های موجود در یک محصول به گونه ای باشد که کاربر تجربه ی بهتری از استفاده با حصول داشته باشد.
روانشناسی :
یک طراح تجربه ی کاربری باید بتواند سلیقه ی شخصی خود را وارد کار نکند و خود را به جای کاربر قرار دهد.
تحلیل :
بررسی دقیق داده ها در مراحل مختلف تولید نمونه اولیه و تست آن در جهت بهبود و توسعه محصول.
تفاوت UI و UX
علیرغم هم پوشانی های زیادی که رابط و تجربه ی کاربری دارند اما در این دو زمینه تفاوت های کلیدی وجود دارد :
- تجربه کاربر شامل تعاملات کاربر با محصول طراحی شده میباشد و هر واکنشی که کاربر در برابر استفاده از محصول انجام میدهد بخشی از UX است در صورتی که UI شامل تمام عناصر طراحی مانند تصاویر و فرم های یک محصول است.
- طراحان UX تمرکزشان به نحوه ی استفاده از محصول توسط کاربر است ولی طراحان UI تمرکزشان به زیبایی محصول است.
- طراحان UX نمونه ساده،اولیه و قابل تست محصول را طراحی میکنند ولی طراحان UI طرح نهایی و اصلاح شده را تولید میکنند.
- طراحان UX عموما دید جامع تری به طراحی یک محصول دارند اما طراحان UI روی صفحات مشخصی از محصول کار میکنند و در طراحی ، هر قسمت از محصول را ریز به ریز بررسی میکنند.
- طراحان UX به جنبه های عملکردی محصول دقت میکنند اما طراحان UI به جنبه های هنری محصول دقت میکنند.
- طراحان UX روی حل مشکلات کاربر تمرکز میکنند ولی طراحان UI به جذابیت های محصول توجه دارند.
- عموم تصمیماتی که طراحان UX میگیرند بر اساس تجزیه و تحلیل داده های آماری است اما طراحان UI کارشان را با توجه به الگو ها و طرح های موجود در این حیطه انجام میدهند و تصمیمات خود را بر اساس تجربیات قبلی میگیرند.
متخصص UI فردی است که حرکت بین صفحات مختلف را طراحی میکند و عناصر بصری و ویژگی های تعاملی آن را ایجاد میکند که این عمل باعث میشود تعامل بین کاربر و محصول آسان تر شود .
وظایف طراح UI
- طراحی UI بر اساس شخصیت برند
- طراحی UI از دید مشتری
- آنالیز داده های آماری و لحاظ کردن آن ها در طراحی
- کاربر را در مسیر درست هدایت و رهبری کند
- تعاملات در طراحی
- استفاده از انیمیشن و جلوه های حرکتی
- هماهنگب با متخصص UX پروژه
ویژگی های یک طراح UI خوب
- به اصول طراحی کاربری کامل آشنا باشد
- باید خلاق و ایده پرداز باشد
- روحیه ی کار تیمی در این حوزه یکی از عوامل مهم موفیت است
- همیشه در حال یادگیری باشد و به آموزش های گذرانده راضی نباشد
UI خوب زمانی خلق میشود که همه ی جوانب را سنجیده باشیم و به یک الی دو بار تست قانع نباشیم !
علاوه بر خلاقیت باید صبر و حوصله ی زیادی به خرج بدیم در غیر این صورت وقت و انرژی خود را هدر داده ایم .
ما در طراحی سایت هایی که در شرکت کیهان وب به انجام میرسانیم تمام ویژگی های UI سایت را درنظر میگیریم تا سایتی با طراحی خاص داشته باشید. با کلیک کردن میتوانید نمونه کار های ما را ببینید.
نکاتی برای ساخت UI موثر برای طراحان
- از کنتراست و سادگی بین رنگ های متن و پس زمینه غافل نشوید.
- طراحی شما باید واکنش گرا باشد
- طراحی را در حین کار یا اتمام کار آزمایش کنید
- بر روی کاربردی بودن پروژه تمرکز بیشتری داشته باشید
- به نوع طرحی که انتخاب کرده اید پایبند باشید و انسجام را در صفحات حفظ کنید
- کاربران هدف خود را آنالیز کنید تا بدانید چه طرحی را باید خلق کنید
- در اینکه ظاهر در نگاه اول ساده اما جذاب باشد دقت کنید
- از اصلاح محصول غافل نشوید
- طراح UX متخصصی است که بر تجربه ی کاربر از محصولات دیجیتالی نظارت دارد و نقاط ضعف محصول را شناسایی میکند و آن ها را رفع میکند و از کاربر پسند بودن پروژه اطمینان حاصل میکند
رایج ترین تکنیک های طراحان UX
: Proposition Value
یکی از مهم ترین تکنیک های UX تعریف و مطالعه ارزش های پیشنهادی است ، یعنی پیدا کردن ارزشی که جنبه های مختلف محصول را دربر میگیرد. میتوان از سوال های این محصول چیست؟برای چه کسی است؟ از آن چگونه استفاده میکند؟ و غیره استفاده کرد.
استراتژی محصول :
این مورد به طراح این اجازه را میدهد تا بر روی مخاطبان هدف و ویژیگی های محصول و مصرف کننده تمرکز کند .
: Competitive Audit
حسابرسی رقابتی یک تحلیل جامع از محصولات رقیب است که ویژگی های آن ها را طبق روش های مشخص و استاندارد بررسی میکند. هدف از این کار پیدا کردن نقاط قوت رقیب است.
تحقیقات فرهنگی :
ایده های لازم با توجه به ارزش ها و افکار مردم طراحی میشود . تحقیقات فرهنگی از مجموعه از ابزار ها و عملکرد ها به منظور تحریک کاربر به تامل و دقت در محیط اطراف استفاده میکند.
صحبت با افرادی ذینفع :
طراحان UX با افراد مختلف مانند کارمندان،مشتریان،کارفرما یا هم رشته های خود صحبت میکنند تا بتوانند خود را جای مخاطب قرار دهند و از جوانب مختلف به موضوع نگاه کنند و این کار به اولویت بندی ویژگی ها و شاخص های کلیدی کمک میکند. همچنین صحبت با کاربران باعث میشود احساسات و نظرات خود را به طراح UX بگویند و طراح اطلاعات کیفی را از کاربران دریافت کند. این تکنیک زمانی بیشترین کاربرد را دارد که مخاطب هدف برای طراح جدید یا ناشناخته است.
: Kickoff Meeting
به اولین جلسه ی تیم با کارفرما گفته میشود.این جلسه برای این است که سطح بالایی از اهداف نهایی محصول مشخص شود. باید توجه داشته باشید که سطح موفقیت پروژهشما را این جلسه مشخص میکند.
ارزیابی هیوریستیک :
تحلیل دقیق یک محصول و تشخیص شیوه های طراحی خوب و بد در آن محصول را ارزیابی هیوریستیک میگویند. این ارزیابی به طراح UX کمک میکند تا وضعیت کنونی محصول را از لحاظ قابلیت استفاده و دسترسی و کارآیی تجسم کند.
Brainstorming :
طوفان فکری ! در این روش افراد تیم نظرات و راه حل هایی که به ذهنشان میرسد بیان میکنند و تمام ایده ها و نظرات خود را بیان میکنند و تحلیل و بررسی میکنند تا یک مسیر خاص و موفق خلق شود. به نوعی میتوان گفت که یک شیوه ی همفکری است
Task Analysis :
تحلیل وظیفه یکی از تکنیک هایی است که با توجه به آن مطالعات لازم درباره ی اقدامات مورد نیاز برای تکمیل یک کار صورت میگیرد. این کار زمانی مفید است که طراحان و توسعه دهندگان تلاش کنند تا سیستم فعلی و جریان اطلاعات را درک کنن
Product Roadmap :
نقشه راه محصول برنامه تکامل محصول با ویژگی های اولویت بندی شده است که میتواند یک نمودار یا یک دسته کاغذ یادداشت باشد. طراحان با استفاده از این نقشه استراتژی محصول و مسیر دستیابی به آن را با اعضای تیم به اشتراک میگذارند.
Focus Groups :
گروه تمرکز که شامل ۵ تا ۱۰ نفر است که درباره ی یک موضوع گفت و گو، جلسه ی مدیریت شده برگزار میکنند.این جلسات عموما دو ساعت طول میکشد که یک ناظر بر کیفیت جلسه کنترل دارد.
مراحلی که یک طراح UX در یک پروژه می پیماید
- استراتژی محتوا
- تحلیل رقبا
- تحلیل رفتار کاربران
- بررسی ساختار و استراتژ محصول
- تولید ، توسعه و بهبود محتوا
- رسم ساختار و نمونه ساده محصول
- نمونه سازی
- تست محصول
- توسعه محصول نسبت به تست انجام شده
- هماهنگی و تجزیه و تحلیل
- هماهنگی با متخصص UI
- داشتن دانش زبان HTML
- تسلط به زبان JavaScript
- خلاقیت و پرورش یک ذهن پویا
کار تیمی! یک طراح UX خوب در عین حال که مستقل کار میکند و مسئولیت کار خود را میپذیرد باید بتواند به صورت تیمی نیز کار کند چرا که باید با بقیه ی اعضای پروژه تعامل داشته باشد.
علاوه بر موارد بالا تحصیلات شما باید حداقل در سطح لیسانس باشد و داشتن مدارک معتبر در حیطه ی کاری خود داشته باشید که اعتبار شما حساب میشود و نشانه ای از آموزش شما در این زمینه است
جدای از این موارد یک آدم موفق در هر زمینه دانش خود را به روز نگه میدارد و روی رشد فردی خود کار میکند. از آنجایی که محیط کار تیمی را باید تجربه کنید باید صبر و تحمل شما روز به روز بیشتر شود پس در کنار آموزش از اخلاق غافل نشید.
سخن پایانی
اگر نمیدانید که طراح UI یا UX شوید با بررسی بیشتر و خلق و خوی خودتان انتخاب کنید. ما تمام تلاشمان بر این بود که در این مقاله شما را با فضای هر دو مورد آشنا کنیم و اما این بخش از صحبت با کسانی است که میخواهند وبسایت با طراحی منحصر به فرد داشته باشند! کیهان وب با توجه به خواسته های شما میتواند UI سایت شما را به زیبایی و دقت طراحی کند.میتوانید نمونه کار های کیهان وب را ببینید.
با ما در ارتباط باشید. با نظرات و پیشنهاد های خود ما را راهنمایی و خوشحال کنید.