تا حالا شده کلمه UI & UX شنیده باشید ولی هیچ اطلاعاتی راجع به اونها نداشته باشد؟ یا نمی دانید کارایی اونها چیست ؟ وچه تاثیری میتونی تو طراحی سایت داشته باشد؟ دراین مقاله سعی ما بر این بوده تا به طور کامل هر آنچه را که نیاز است را با بیان ساده شرح دهیم تا راحت تر قابل درک باشند و شما را با این مباحث آشناتر سازیم.
منظور از UI در طراحی سایت
منظور از UX در طراحی سایت
چه تفاوت بین UI & UX وجود دارد ؟
UI در طراحی سایت
ابتدایی ترین تعریفی که میتونیم داشته باشیم UI مخفف کلمه User Interface یا مجموعه ای از صفحه ها ، صفحات و عناصر بصری است ، مانند دکمه ها و نمادها که شخص را قادر به تعامل با یک محصول یا خدمات می کند. به زبان ساده تر رابط کاربری (UI) هر چیزی است که کاربر ممکن است برای استفاده از یک محصول یا خدمات دیجیتال با آن ارتباط برقرار کند. این شامل همه موارد از صفحه نمایش و صفحه لمسی ، صفحه کلید ، صدا و حتی چراغ است.
بطور معمول هروقت بحث رابط کاربر بود منظور همان UI می باشد. بطور کلی اطمینان حاصل کنید که رابط کاربری محصول تا حد ممکن بصری است و این بدان معنی است که با دقت هر یک از عناصر بصری و تعاملی که کاربر ممکن است با آن روبرو شود را در نظر بگیرید. یک طراح رابط کاربر در مورد آیکون ها و دکمه ها ، تایپوگرافی و طرح های رنگی ، فاصله ، تصاویر و طراحی پاسخگو فکر خواهد کرد.
مانند طراحی تجربه کاربر یا همان UX ، طراحی رابط کاربری (UI) نیز نقشی چند وجهی و چالش برانگیز است. این مسئول انتقال محصول ، تحقیق ، محتوا و طرح محصول به یک تجربه جذاب ، راهنما و پاسخگو برای کاربران است.ما در این بخش به روند طراحی UI و وظایف خاصی که یک طراح UI می تواند انتظار داشته باشد ، خواهیم پرداخت. قبل از اینکه تفاوتهای اصلی بین UX و UI را در نظر بگیریم ، بیایید سریع به بررسی رابط کاربری (UI) بپردازیم:
طراحی رابط کاربر یک عمل کاملاً دیجیتالی است. این برنامه تمام عناصر بصری ، تعاملی رابط محصول - از جمله دکمه ها ، آیکون ها ، فاصله ، تایپوگرافی ، طرح های رنگی و طراحی پاسخگو را در نظر می گیرد.
هدف از طراحی UI راهنمایی بصری کاربر از طریق رابط محصول است. همه چیز در مورد ایجاد یک تجربه شهودی است که نیازی به کاربر ندارد که زیاد فکر کند!
طراحی UI نقاط قوت و دارایی بصری مارک را به رابط محصول منتقل می کند و از اطمینان از طراحی سازگار ، منسجم و از نظر زیبایی برخوردار است.
UX در طراحی سایت
UX مخفف کلمه User Experience یا همان رفتار و یا تجربه یک سایت است. تجربه کاربر یا UX در نتیجه بهبودهای UI تکامل یافته است. هنگامی که مشکلی برای تعامل کاربران وجود داشت ، تجربه آنها ، مثبت ، منفی یا خنثی ، احساس کاربران در مورد آن تعاملات را می توان تغییر داد.دان او نورمن ، دانشمند علوم شناختی ، در اوایل دهه 1990 هنگامی که در اپل کار می کرد اصطلاح "تجربه کاربر" را ایجاد کرد و آن را به شرح زیر تعریف کرد ،
"تجربه کاربر" شامل تمام جنبه های تعامل کاربر نهایی با شرکت ، خدمات و محصولات آن است.
این یک تعریف گسترده است که می تواند شامل هر تعامل احتمالی شخص با یک محصول یا خدمات باشد، نه فقط یک تجربه دیجیتالی برخی از متخصصان UX فراخوانی تجربه مشتری در این زمینه را ترجیح داده اند و برخی دیگر یک گام فراتر رفته اند و به سادگی از این رشته به عنوان طراحی تجربه یاد می کنند.مهم نیست که چه نامیده می شود ، تعریف اصلی نورمن از UX در هسته اصلی هر تجربه ، تجربه تفکر قرار دارد - این شامل همه چیز است و همیشه حول محور انسانی است که با آن تعامل دارد.برای فهمیدن اینکه چه چیزی یک تجربه را خوب می کند ، پیتر مورویل تصویری عالی برای برجسته کردن آنچه در طراحی موثر UX وجود دارد ، ایجاد کرد.
اکنون ما تعریف مشخصی از هر دو UX و UI داریم ، بیایید تفاوت های اصلی بین این دو را در نظر بگیریم.
چه تفاوت بین UI & UX وجود دارد ؟
اگر بخواهیم یک قیاس کوتاهی داشته باشیم ، Dain Miller رابطه بین طراحی UX و UI را به طور کامل به شرح زیر بیان می کند:
"UI زین ، رکاب و مهار است. UX احساسی است که به شما امکان می دهد سوار اسب شوید. "
مهم است که درک کنیم UX و UI دست به دست هم می دهند و نمی توانید یکی را بدون دیگری داشته باشید. با این حال ، برای اینکه یک طراح UX باشید نیازی به داشتن مهارت طراحی UI ندارید و بالعکس - UX و UI نقش های جداگانه ای با فرایندها و وظایف جداگانه دارند!
تفاوت اصلی که باید به خاطر بسپارید این است: طراحی UX کاملاً مربوط به احساس کلی تجربه است ، در حالی که طراحی رابط کاربری (UI) کاملاً مربوط به نحوه کارایی و رابط های محصول است.
یک طراح UX کل سفر کاربر را برای حل یک مشکل خاص در طراحی سایت را درنظر می گیرد. چه مراحلی را برمی دارند؟ چه وظایفی را برای تکمیل نیاز دارند؟ تجربه چقدر ساده است؟ بیشتر کارهای آنها معطوف به این است که کاربران با چه مشکلات و نقاط درد مواجه می شوند و اینکه چگونه یک محصول خاص ممکن است مشکل آنها را حل کند. آنها تحقیقات گسترده ای را در مورد کاربر انجام خواهند داد تا بفهمند کاربران هدف ، چه کسانی هستند؟ و نیازهای آنها در رابطه با یک محصول خاص چیست؟ سپس آنها با توجه به مواردی مانند معماری اطلاعات ، مثل سفر کاربر در یک محصول را ترسیم می کنند. نحوه سازماندهی و برچسب گذاری محتوا در سراسر یک محصول - و اینکه کاربر به چه نوع ویژگی هایی ممکن است نیاز داشته باشد. در نهایت ، آنها قاب های مفتولی ایجاد می کنند که نقشه های اصلی برای بدنه سایت را مشخص می کند.
با نقشه برداری از اسکلت محصول ، طراح UI برای زنده کردن آن محصول وارد عمل می شود. طراح UI تمام جنبه های بصری طراحی سایت کاربر را شامل می شود ، از جمله تمام صفحه های نمایش جداگانه و نقاط لمسی که کاربر ممکن است با آنها روبرو شود. به ضربه زدن روی یک دکمه ، پیمایش به پایین صفحه یا کشیدن انگشت در گالری تصاویر فکر کنید. در حالی که طراح UX نقشه سفر را ترسیم می کند ، طراح UI تمام جزئیاتی را که این سفر را ممکن می سازد متمرکز می کند. این بدان معنا نیست که طراحی UI همه چیز در مورد ظاهر است. طراحان رابط کاربری تأثیر بسزایی در در دسترس بودن یا نبودن یک محصول دارند. آنها سوالاتی مانند "چگونه می توان از ترکیب رنگهای مختلف برای ایجاد کنتراست و افزایش خوانایی استفاده کرد؟" یا "چه جفت رنگی برای کوری رنگ مناسب است؟" برای دسترسی به اطلاعات بیشتر می توانید درباره طراحی سایت در کرج را در اینجا بیاموزید.
طراحی UX و طراحی UI چگونه با هم کار می کنند؟
ما تفاوت بین UX و UI را بررسی کرده ایم. حالا بیایید نگاهی به چگونگی همکاری آنها بیندازیم. شاید از خود بپرسید که آیا یکی از دیگری مهمتر است ؟ اما واقعیت این است که هر دو بسیار مهم هستند! اجازه دهید نقل قول از طراح و متخصص هلگا مورنو را بیان کنم ، که در مقاله خود شکاف بین طراحی UX و UI بسیار فصیحانه بیان کرد:
"چیزی که عالی به نظر می رسد اما استفاده از آن دشوار است ، مثال UI عالی و UX ضعیف است. در حالی که چیزی بسیار قابل استفاده که وحشتناک به نظر می رسد نمونه UX عالی و UI ضعیف است. "
همانطور که می بینید ، UX و UI کاملاً دست به دست هم می دهند و میلیون ها نمونه از محصولات عالی با یک دیگربه وجود می اورند ، حال تصور کنید که در هر دو زمینه قدرتمندترعمل کند چه موفقیت هایی به دست می اید.
طراحی UI مانند مایه کیک UX است. تصور کنید که به یک ایده شگفت انگیز برای یک برنامه رسیده اید. چیزی که به وضوح در بازار از دست رفته است و می تواند زندگی مردم را برای بهتر شدن تغییر دهید. شما یک طراح UX استخدام می کنید تا تحقیقات مربوط به کاربر را انجام دهد و به شما کمک کند بفهمید برنامه شما دقیقاً چه ویژگی هایی باید داشته باشد و کل سفر کاربر چگونه باید ترسیم شود. برنامه شما چیزی را ارائه می دهد که مخاطب هدف شما به آن نیاز دارد و می خواهد. با این حال ، هنگام بارگیری آن ، متوجه می شوند که متن موجود در هر صفحه به سختی خوانا است (به متن زرد روی زمینه سفید فکر کنید). علاوه بر این ، دکمه ها خیلی نزدیک به هم هستند. آنها مرتباً دکمه اشتباه را می زنند! این یک مورد کلاسیک است که UI بد باعث خراب شدن UX خوب می شود.
از طرف دیگر، آیا تا به حال به یک وب سایت واقعا زیبا برخورد کرده اید و فقط متوجه شده اید که فراتر از انیمیشن های دلهره آور و طرح رنگی ، استفاده از آن واقعاً چقدرسخت است؟ UI خوب هرگز نمی تواند UX بد را جبران کند. این مثل این است که یک کیک تزئین شده زیبا را بردارید که وقتی آن را گاز می زنید طعم وحشتناکی دارد.
بنابراین ، وقتی صحبت از طراحی محصول می شود ، UX و UI مکمل یکدیگر هستند و در بازار رقابتی امروز ، درست سازی هر دو جنبه کاملاً ضروری است. چه بخواهید به عنوان طراح UX کار کنید و چه به عنوان یک طراح UI ، درک درستی از هردو مفید است.
یک طراح UX چه کاری انجام می دهد؟
بنابراین اکنون ما به صورت انتزاعی می دانیم که نقش طراح UX چیست و چه عواملی را در پی دارد و چگونه به کارهای روزمره تبدیل می شود؟ در اینجا نمونه ای تکلیف از وظایف و مسئولیت های معمول یک طراح UX آورده شده است. اطلاعات دقیق تری از روند طراحی UX را در این راهنما به شما اموزش خواهیم داد.
استراتژی و محتوا:
تحلیل رقبا
تجزیه و تحلیل مشتری و تحقیقات کاربر
ساختار و استراتژی محصول
توسعه محتوا
فریم وایرلس و نمونه سازی اولیه
شبکه سازی
نمونه سازی اولیه
تست و تکرار
برنامه ریزی توسعه
اعدام و تحلیل
هماهنگی با طراحان (UI)
هماهنگی با توسعه دهنده (ها)
پیگیری اهداف و یکپارچه سازی
تجزیه و تحلیل و تکرار
بنابراین UX بخشی از بازاریابی ، بخشی از طراحی ، مدیر بخشی از پروژه و چند وجهی است. شما می بینید که تکرار محصول ، همانطور که به تجزیه و تحلیل یا آزمایش متصل است ، در واقع دو بار ذکر شده است ، اما در واقع شما آن را بین هر مورد دیگر در لیست قرار می دهید. در نهایت ، هدف این است که اهداف تجاری را به نیازهای کاربر از طریق فرایند آزمایش و اصلاح آنچه که هر دو طرف رابطه را راضی می کند ، متصل کنید.
یک طراح UI چه کاری انجام می دهد؟
اگر ایده ایجاد تجربه های جالب کاربر را می پسندید اما خود را فردی بصیرتر می دانید ، ممکن است بیشتر به طراحی UI علاقه مند باشید. در اینجا یک توضیح کوتاه از کارهای اصلی طراح UI یا توضیحات جامع تری از آنچه یک طراح UI در واقع انجام می دهد در اینجا خواهید یافت.
ظاهر و احساس محصول:
تحلیل مشتری
تحقیقات طراحی
نام تجاری و توسعه گرافیک
راهنماهای کاربر و خطوط داستانی
پاسخگویی و تعامل:
نمونه سازی UI
تعامل و انیمیشن
سازگاری با تمام اندازه صفحه نمایش دستگاه
پیاده سازی با توسعه دهنده
به عنوان یک طراح بصری و تعاملی ، نقش UI برای هر رابط دیجیتال بسیار مهم است و برای مشتریان ، یک عنصر اصلی برای اعتماد به یک نام تجاری است.
برای اطلاعات بیشتر در خصوص طراحی سایت در کرج کلیک کنید.