دانستنی ها

مجموعه ای از دانستنی های حوزه های مختلف

دانستنی ها

مجموعه ای از دانستنی های حوزه های مختلف

۳ مطلب با کلمه‌ی کلیدی «طراحی UX» ثبت شده است

  • ۰
  • ۰

طراحی تجربه کاربری UX

سئوالی که ممکن می باشد در ابتدای کار در مورد ux برایتان بوجود بیاید این است که چرا به طراحی تجربه کاربری UX نیاز داریم و از کجا آغاز کنیم تا به کاربران وب سایت خود، طراحی تجربه کاربری UX مطلوب بدهیم.

در ادامه بدین قضیه خوا‌هیم پرداخت.

طراحی تجربه کاربری ux

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

برای قرار گرفتن در صفحه اول گوگل میبایست از تکنیک های seo استفاده فرمائید.

ولی بعد از موفقیت در seo نیاز دارید که حتما در طراحی وب خود از ابزارهای برتر  ux و ui در طراحی وب سایت به کارگیری نمایید تا به نتیجه مطلوب تری برسید و مخاطبین را جذب خویش فرمائید.

در غیر اینصورت bounce بالایی خواهید داشتید و این به معنای بی نتیجه ماندن تلاش های شما در seo هم است.

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

از ux برای اینکه تجارب کاری خوبی به کابران وبسایت خویش بدهید مانند seo وبسایت ویکی پدیا عمل کنید.

ساده ولی به شدت کاربردی.

تمام مقاله‌ها و فراگیری های این وب سایت ، به وسیله افراد خبره در حوزه های مربوطه پس از اطمینان از درست بودن آن منتشر می‌گردد.

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

آموزش های seo کشور ایران مبنی بر تجربه افراد تیم اجرایی seo ایران نیز بررسی و رسیدگی میگردد.

چنانچه وبسایت شما ux نداشته باشد، هیچ ندارد.

در حالتی که وبسایت شما ux داشته باشد، قادر است در مسیر پیشرفت قرار داشته باشد.

 

Ux desing چیست؟

در پاسخ به این پرسش که UX design یا طراحی تجربه کاربری چیست باید گفت که UX design اصلاً مفهوم جدیدی نیست.

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

دان نورمن به تمام جنبه‌های تجربه کاربر با یک محصول یا خدمات علاقه داشت.

از جمله طراحی صنعتی ، گرافیک ، رابط کاربری و تعامل فیزیکی. برای دربر گرفتن همه عناصر مختلف که تعیین کننده احساس کاربر در هنگام تعامل با یک محصول است، وی اصطلاح “تجربه کاربر” یا همان UX را مطرح کرد.

از آن زمان تاکنون طراحی UX مترادف شد با تجارت خوب؛ یعنی تنها آن دسته از محصولات و خدمات که تجربه کاربری خوب و خوشایند را به مخاطبان خود ارائه می‌دهند در بازار موفق خواهند شد.

 

مسئولیت های طراح UX

 

مسئولیت های یک طراح UX میتواند به صورت چشمگیری از شرکت به شرکت دیگر و حتی گاهی از پروژه به پروژه دیگر در یک شرکت متفاوت باشد.

علی رغم تنوع نقش ارائه گردیده، بعضا از کارکردهای کلی وجود دارد که انتظار می رود طراحی تجربه کاربری UX  بدون توجه به شرکتی که در آن درگیر کار می‌باشند، انجام دهد.

 

 ۶ مسئولیت طراح ux:

 

۱)تحقیقات محصول

تحقیقات مرتبط با محصول (که طبیعتا دربرگیرنده تحقیقات کاربر و بازار میباشد) نقطه شروع هر طراح UX برای یک پروژه طراحی UX میباشد.

این پایه و اساس را برای طراحی عالی آماده می نماید.

چون به طراحان این قابلیت و امکان را می‌دهد که از فرضیات جلوگیری نمایند و تصمیمات محور اطلاعاتی بگیرند

 
۲)ایجاد شخصیت و سناریو

براساس نتیجه های پژوهش در باب محصول ، مرحله بعدی برای یک طراح UX شناسایی گروه های اصلی کاربر و ایجاد personas نماینده میباشد. شخصیت یک نام و نشان ساختگی میباشد که منعکس کننده یکی‌از گروه های کاربری میباشد که آن ها برای آن ها طراحی می نمایند.

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

وقتی که یک طراح UX شخصیتها را شناسایی نموده است ، میتوانند سناریوها را بنویسند.

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

 

۳)معماری اطلاعات (IA)

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

معماری داده ها منجر به ایجاد ناوبری ، سلسله مراتب و طبقه بندی می‌شود.

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

 
۴)ساخت و ساز Wireframes

بعد از مشخص شدن IA ، زمان آن رسیده است که برای ایجاد سیم های سیم کارت استفاده نمایید .

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

۵)نمونه سازی

 
بسیاری از افراد از اصطلاحهای “wireframe” و ” prototype ” قابل تعویض استفاده می نمایند ، البته تفاوت قابل توجهی دربین دو تحویل طراحی وجود دارد.
 آن ها مختلف به نظر می رسند ، چیزهای مختلفی را برقرار می نمایند و اهداف مختلفی را ارائه می‌دهند.
در حالی که ویندوزها مشابه به طرح های معماری می باشند (برای مثال یک طرح ساختمان) ، نمونه اولیه یک نمایش وفاداری متوسط ​​تا بالا از محصول نهایی میباشد.
 
 
۶) تست محصول
 
تست به طراحان UX کمک می نماید تا بدانند که یوزرها در تعامل با یک محصول چه مشکلی را تجربیات می نمایند.
 یکی از معمول ترین روشهایی که یک طراح UX قادر است تست محصول را جاری ساختن دهد ، انجام آزمایشات کاربری شخصی برای مشاهده رفتار فرد میباشد.
جمع آوری و تحلیل بازخورد لفظی و غیر کلامی از کاربر ، به طراحان UX کمک می نماید تا تجارب کاربری بهتری را ایجاد نمایند. نه اینکه بگوییم حضور در همان اتاق در حالی که کسی در تلاش برای استفاده از محصول شما میباشد محرک قدرتمندی برای ایجاد همدلی با یوزرها میباشد.
 
 

طراحی تجربه کاربری UXطراحی تجربه کاربری UX فرایند بی پایانی است

طراحی UX فرآیندی از تکرار ثابت می باشد.

کار یک طراح UX با عرضه محصول متوقف نمی شود.

در واقع ، طراحان UX همچنان می آموزند که به روزرسانی های آینده را هدایت می کند.

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

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

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

بهترین کار این می باشد که خودتان را به جای کاربر قرار دهید و تمام هیجان فرد را در زمانی که برای اولین بار وارد سایت میشود یا محصولی را خریداری می کند را تجسم کنید.

در این حالت  شما می توانید وب سایت را به شیوه کارپسند طراحی کنید و باعث شوید که کاربر به سهولت به خواسته خود برسد.

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

به عبارتی دیگر، به احساس و هیجان هر کاربر در مورد هر محصولی UX میگوییم.

 

آیا UX بر روی سئو تاثیر میذاره؟

بله، تاثیر ux روی سئو سایت زمانی رخ میدهد که با انجام عمل حرفه ایی خود باعث شدید که ماندگاری کاربر در سایت افزایش پیدا کند و بر روی سئو تاثیر مثبتی می گذارد.

این حجم بالای رضایت کاربران از سایت از چشم گوگل پنهان نمی ماند و به سایت شما جایگاه ویژه ای در نتایج موتورهای جستجو رو اختصاص میدهد.

 

استاندارهای گوگل برای تشخیص UX یا تجربه کاربری چیست؟

از جمله استانداردها و معیارهایی که گوگل برای سنجش میزان UX به آن توجه می کند موارد زیر است:

سرعت سایت: سرعت لود شدن باید بالا وقابل قبول باشد.

دراین صورت کاربر تجربه کاربری لذت بخشی از بازدید سایت شما به دست می آورد.

برخورداری از قابلیت رسپانسیو بودن سایت :

شما باید UX را به گونه ای ایجاد کنید که قابلیت نمایش در تمام دستگاه ها را از جمله موبایل و تبلت وجود داشته باشد.

چگونگی تولید محتوا :

برای UX یا تجربه کاربری خوب باید محتوایی را خلق کنید که دامنه نیازهای کاربر رو پوشش دهد.

تکراری و کپی نیز نباشد و به اندازه ایی کامل و مفید باشد که کاربر متن شما را به اشتراک بگذارد.

تمرکز خود را بر روی این مورد بزارید که هر محتوایی را باید در چه ساعتی و در چه زمانی منتشر کنید تا برای کاربران خوشایند باشد.

به عنوان یک طراح UX باید این نکته را بدانید.

 
بررسی لینک های داخلی یکی از استاندارد های گوگل

 

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

بک لینک هایی که به‌سایت ارجاع داده‌می شود : تعداد بک لینک ها و اعتبار دامنه وب سایت نیز بر روی سئو تاثیر مثبتی می گذارد.

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

این مورد نیز نتیجه UX و تجربه کاربری مفید است .

تمام این موارد جزو مراحل بسیار مهم سئو سایت می باشد و رعایت آنها شما را سریع تر به هدف می رساند.

استاندارهای گوگل برای تشخیص UX شامل محتوا و لینک و سرعت و…

 

 

دامنه کاری UX چگونه میباشد؟

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

شما بایستی تحت عنوان طراح UX بدانید با دقت به اطلاعاتی که از کاربران به دست آوردید، به راحتی کاربران را مطابق نیازهایشان دسته بندی کنید و به آنهاخدمات ارائه دهید.

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

نتیجه گیری

UX یا تجربیات کاربری به معنای اولین برخوردی میباشد که مخاطب در هنگام خرید محصول یا بازدید از یک وبسایت می‌تواند به دست آورد.

شما تحت عنوان طراح UX می بایست تمام نیازمندی ها و احساسات و هیجان های کاربر را بشناسید.

در حین طراحی آن‌ها ها را طراحی فرمایید تا بتوانید تجارب کاربری خوبی را برای کاربران رقم بزنید.

هنگامی که آنها از ارائه خدمات شما راضی باشند رضایت گوگل را نیز به دست می‌آورید.

در این صورت در رتبه های برتر وبسایت در نتایج موتورهای جستجو قرار میگیرید.

  • علی رئیسی
  • ۰
  • ۰

معرفی سایت های طراحی UI

فعالیت در مسئله طراحی وب نیازمند ذهنی خلق کننده و خلاق میباشد.

انتخاب و پیاده سازی شایسته ترین الگوی طراحی وب سایت هم تحت اثر همین گزینه میباشد که اثر زیادی در seo دارد.

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

اما ممکن میباشد بعضی وقت ها طراحان ایده ای نداشته باشند.

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

به فروشگاه های آنلاین دقت نمائید. اکثر این وب سایت ها دارنده یک نوار ناوبری در بالای کاغذ می‌باشند.

ورود کاربران از روش اسم کاربری و رمز ورود و یک دکمه ارسال داده ها انجام می گردد. بعد از خرید کالاهای مورد نظر، خروج نیز از همین بخش انجام می گردد.

الگوهای پیاده سازی رابط استفاده کننده (UI) برای مواردی شبیه مورد بالا پیاده سازی می گردند.

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

با توضیحاتی که در‌این بخش دادیم حتما به اهمیت پیدا کردن شایسته ترین الگوهای طراحی وب پی برده اید.

چند سالی میباشد که تجربیات کاربری مورد دقت قرار گرفته میباشد، و بسیاری از شرکت‌ها، یا از طراحان UX مجموع وقت به کارگیری می نمایند یا این که با وب سایت‌های پیاده سازی UI/UX کار می‌نمایند.

در سال ۲۰۲۱، داشتن یک رابط کاربری بصری (UI) برای هر محصول دیجیتالی مانند برنامه گوشی، وبسایت، SaaS و حتی B2B و نرم‌افزار سازمانی ضروری میباشد.

در این مقاله قصد معرفی سایت های طراحی UI را داریم.

چرا از خدمات وبسایت‌های پیاده سازی UI و UX استفاده کنیم؟

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

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

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

چرا الگوی ساخت سایت مهم میباشند؟

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

الگوهای ساخت وب سایت را می شود به عنوان یک راه حل مطلوب در seo وبسایت در نظر گرفت.

طرح ui از فرآیند ساخت سایت میباشد و از آن تحت عنوان یک راه‌حل تازه در مسئله رفع خطاها وبسایت یاد می‌شود.

روی هم رفته UI سایت روندی در طراحی وب سایت نمی‌باشد.

مزایای به کار گیری از الگوهای UI

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

معرفی سایت های طراحی UI

۱. Clay

وب سایت پیاده سازی UI/UX در سان فرانسیسکو
مکان: سان فرانسیسکو، کالیفرنیا
مشتریان مهم: Slack ،Facebook ،Google ،Credit Karma ،Coinbase ،Coca-Cola
تعداد اشخاص تیم: ۵۵ نفر

Clay یک وبسایت توسعه و برندینگ و پیاده سازی UI/UX با سرویس های بدون نقص در سان فرانسیسکو میباشد.

اکثر تعاملات آنان سری میباشد. آن ها عمدتا با یونیکورن‌های (به شرکت‌هایی که ارزش فعلی آنان بیشتراز یک میلیارد دلار میباشد، گفته می شود) دره سیلیکون و شرکت‌های Fortune 100 فعالیت می‌نمایند.

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

آن‌ها همینطور با Bay Area و استارتاپ‌های جهانی منتخب همکاری می‌نمایند تا با بنیانگذارانشان همکاری نزدیکی داشته باشند و بتوانند چشم اندازهایشان را تحقق بخشند.

Clay یکی‌از معدود وب سایت‌های پیاده سازی UX میباشد که قادر است پروژه‌ای را از ایده اولیه به محصول نهایی و حتی بالاتر از آن برساند.معرفی سایت های طراحی UI

۲. Instrument

یک سایت پیاده سازی UX با سرویس های بدون نقص instrument.com
مکان: پورتلند و نیویورک
مشتریان مهم: Nike ،Sonos ،Levi’s ،Spotify ،Intercom ،Airbnb ،Dropbox
تعداد اشخاص گروه: ۳۳۰ کارمند

Instrument یک وب سایت برتر در مسئله UX و دیجیتال میباشد که دفتر کار مرکزی آن در پورتلند میباشد.

این مجموعه تولید های دیجیتالی را از اپلیکیشن‌های گوشی گرفته تا تارنما‌ها و پیوندها برای پر رنگ‌ترین برند‌های عالم پیاده سازی و تولید می‌نماید.

در سال ۲۰۱۹، آن ها با خرید استودیوی پیاده سازی دیجیتال ThisAlso مستقر در بروکلین که به صورت انحصاری بر پیاده سازی محصول، UX و UI تمرکز داشت، به ساحل شرقی گسترش یافتند.

آن ها به لطف زمینه‌های وب سایت‌های تبلیغاتی و یادگرفتن پیاده سازی UX UI، به سایت‌های بازاریابی کاملاً امروزی و تعاملی مشهور می‌باشند.

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

۳. IDEO

پیاده سازی تجربیات جهانی و سایت ux با وب سایت ideo.com
مکان: سانفرانسیسکو، پالو آلتو، نیویورک، لندن، توکیو و موردها دیگر
مشتریان اساسی: Verizon ،Swarovski ،Ford ،IKEA ،GE ،Procter & Gamble
تعداد اشخاص گروه: بیشتراز ۱۳۰۰ کارمند

IDEO یک مشاور جهانی طراحی با دفاتری در آمریکا، اروپا و آسیا میباشد که در مورد محصول های دیجیتال، سرویس ها و پیاده سازی UX حرفه ای است.

این موسسه در سال ۱۹۹۱ احداث گردیده و یکی‌از تأثیرگذارترین شرکت‌های پیاده سازی محصول و تجربه کاربر در صنعت می باشند.

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

این طرز پیاده سازی UX با محوریت شخص، آن‌ها‌را در دنیای پیاده سازی به آوازه جهانی رسانده میباشد و به توسعه پیشنهادات آنان در مسئله پیاده سازی و مشاوره مدیریت سازمان کمک نموده است.

۴. Red Antler

یک پیاده سازی تجربه کاربری و وب سایت دیجیتال، redantler.com
مکان: بروکلین، نیویورک
مشتریان اساسی: Casper ،Allbirds ،Foursquare ،Betterment ،Zagat ،Brandless
تعداد اشخاص مجموعه: ۱۲۱ کارمند

Red Antler یکی‌از شایسته ترین شرکت‌های برندینگ و پیاده سازی UX برای استارتاپ‌ها و مشاغل تازه میباشد که دفتر کار مرکزی آن در بروکلین نیویورک میباشد.

آن‌ها صرفا در تعریف و اجرای بدون نقص تجربه برند با شرکت‌هایی که در مرحله اول می باشند، همکاری می‌نمایند از استراتژی و هویت برند گرفته تا بازاریابی و پیاده سازی UI/UX.

Red Antler تصمیم گرفت به صورت انحصاری با استارتاپ‌ها همکاری نماید تا بتواند از روش قدرت برندینگ و استراتژی دیجیتال به رشد و توسعه رسد.

آن ها یک وبسایت پیاده سازی UX UI میباشند که پشت برخی از موفق‌ترین استارتاپ‌های D2C (سبک D2C به برندها اجازه می دهد تا ارتباط حقیقی با مصرف کننده نهایی خویش برقرار نمایند) مانند Casper و Allbirds قرار دارا‌هستند.

۵. Bakken & Bæck

وبسایت پیاده سازی و توسعه و گسترش UI/UX با وب سایت bakkenbaeck.com
مکان: اروپا (اسلو، بن، آمستردام)
مشتریان مهم: Coinbase ،Vipps ،Kron ،Wake ،Kolonial ،Alva
تعداد اشخاص دسته: ۶۰ نفر

Bakken & Baeck یک استراتژی دیجیتالی و استودیوی پیاده سازی UI میباشد که در سال ۲۰۱۱ با دفاتری در اسلو، بن و آمستردام تاسیس شد.

آنان با ساخت‌و‌ساز ارتباط ها نزدیک با مشتریان خویش، نرم‌افزار‌ها و سایت‌های موبایل را از آغاز و با سرعت کامل تولید می‌نمایند.

آن‌ها ضمن پیاده سازی و توسعه تولید های دیجیتال، متخصصان ساخت سایت، یادگیری ماشین و هوش مصنوعی می‌باشند.

گذشته از پروژه‌های مشتری، آن ها میزبان یک کنفرانس پیاده سازی یک روزه An Interesting Day و یک گرد هم آیی به اسم Stackid Hackathon میباشند.

آن‌ها تولیدات خویش مانند اپلیکیشن Daylight و ابزار همکاری پیاده سازی Wake را فعال‌سازی کرده‌اند که جدیداً بوسیله Vision خریداری گردیده‌است.

بعد از معرفی سایت های طراحی UI ، نوبت به معرفی بهترین وب سایت های ایده در این زمینه می باشد.

معرفی ۱۵ وب سایت برتر برای ایده دریافت کردن رابط کاربری

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

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

ما در ادامه این مقاله تعدادی از وبسایت های توانا و دیدنی در قضیه ایده پردازی برای رابط کاربری و منابع لازم برای ساخت وب سایت را به شما معرفی میکنیم.

۱- Pinterest

وبسایت قدرتمند پینترست، در واقع یک کانال اجتماعی مشهور و معتبر میباشد که علی رغم تجهیزات و قابلیت و امکان های فوق العاده ای که دارد

هنوز در کشور ایران مانند اینستاگرام مورد استقبال عموم مردم قرار نگرفته و عده قابل توجهی از آن استعمال نمیکنند.

محتوای این نرم افزار بسیار جامع میباشد ومناسب برای هر ذوق وسلیقه و شغلی است.

گرافیست ها و طراحان وب سایت نیز از این کانال اجتماعی به کارگیری می نمایند.

۲- dribble

وبسایت دریبل هم یکی از دیگر از پرطرفدار ترین شبکه های اجتماعی میباشد که مانند پینترست در سطح جهانی مشهور میباشد.

گرافیست ها، طراحان وبسایت و دیگر مشاغل برای پیاده سازی رابط کاربری (UI) از این وبسایت به کارگیری می نمایند.

همینطور نمونه کارها و پروژه های دوستداشتنی خویش را در‌این پلتفرم با یکدیگر به اشتراک میگذارند.

۳- Unsplash

یکی‌از دغدغه های گرافیست ها و طراحان وبسایت یافتن عکس کیفیت خوب برای انجام کارهای گرافیکی میباشد.

وبسایت آنسپلش با تنوع و تعداد بالای و همینطور کیفیت فوق العاده ای که در عکس هایش داراست میتواند این گرفتاری را رفع نماید.

۴- freepik

وب سایت freepik یکی‌از معتبرترین مراجع گرافیکی برای گرافیستان و طراحان وب سایت میباشد.

این وبسایت در سال ۲۰۱۰ احداث شد و امروزه بسیار پرمخاطب میباشد. در freepik میتوانید تصاویری برای ساخت بروشور، کارت ویزیت، استوک و … را پیدا نمایید.

۵- sketch app sources

sketch app sources یک منبع فوق العاده مطلوب برای انواع فولدر های گرافیکی، پلاگین ها، فرم های آموزشی و دیگر مواقعی میباشد که بسیار مورد نیاز طراحان UI میباشد.

۶- psdfa

پی دی اس فا یک وبسایت جامع ایرانی میباشد که منحصرا برای گرافیست ها و طراحان رابط کاربری ui پیاده سازی گردیده‌است.

این وبسایت که از سال ۱۳۹۵ احداث گردیده دارنده طرح های گرافیکی قشنگ، موکاپ، وکتور، بروشور، قالب مجله و .. میباشد که نیاز طراحان وب سایت را برطرف می نماید.

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

۷- UI Patterns

UI Patterns یکی‌از وبسایت هایدوستداشتنی در مورد پیاده سازی رابط کاربری میباشد.

این وب سایت مرجع جامعی از مقاله‌ها در ارتباط با پیاده سازی UI میباشد.

در‌این وب سایت میتوانید پیاده سازی الگوهای موردنیاز خویش را پیدا نمائید و موارد مورد علاقه تان را در یک مجموعه قرار دهید.

۸- WELIE

WELIE دارنده طرح های تعاملی فوق العاده میباشد که آن را به یک منبع مطلوب در قضیه وبسایت برای ایده دریافت کردن رابط کاربری تبدیل نموده است.معرفی سایت های طراحی UI

۹- Pattern Tap

Pattern Tap دارای ۱۰ هزار گروه رابط کاربری میباشد.

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

۱۰- UI Scraps

در بلاگ UI Scraps می‌توانید از UI های خوب تا کارهای زشت را پیدا نمایید و با یکدیگر پژوهش فرمائید.

۱۱- Pattern Browser

با Pattern Browser می‌توانید میان الگوهای پیاده سازی UI در مرورگر خویش جا به جا گردید.

۱۲- User Interface Engineering

UIE هم یک منبع فوق العاده از گونه های الگوهای پیاده سازی رابط کاربری میباشد. ایده های کاربران این وبسایت نیز به شما کمک می نماید.

۱۳- Design snips

Design snips یک کتابخانه گرافیکی فوق العاده از همه الگوهای پیاده سازی UI میباشد.

۱۴- NMP

NMP یک تیم جامع برای تنظیم موارد اولیه و ایده گرفتن از الگوهای بسیاری میباشد که در‌این وب سایت مشاهده میکنید.

۱۵- Element of Design

Elements of Design برای اشخاص تازه کار مطلوب نیست البته برای اشخاص حرفه‌ای میتواند بسیار اثر گذار واقع گردد.

زیرا دسته ای از عناصر پیاده سازی رابط کاربری را در خویش داراست.

جمع بندی معرفی سایت های طراحی UI

امروزه با توسعه تکنولوژی، راه‌اندازی وب سایت و طراحی UI کار بسیار آسوده و معمولی ای نخواهد بود.

برای پیاده سازی شایسته ترین UI وبسایت می بایست به‌دنبال الگوهای پیاده سازی مطلوب و قشنگ باشید که در نهایت یک رابط کاربری فوق العاده را برای شما به ارمغان بیاورد.

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

امیدواریم مطلب معرفی سایت های طراحی UI از سایت سه سوت برای شما مفید باشد.

  • علی رئیسی
  • ۰
  • ۰

سلسله مراتب بصری UI و UX در هدایت چشم کاربر

سلسله‌مراتب بصری (Visual Hierarchy) چیست؟ چرا از مهم‌ترین مفاهیم در پیاده سازی تجارب کاربری و پیاده سازی رابط کاربری میباشد؟

پیاده سازی سلسله‌مراتب بصری چه اصولی داراست؟ در‌این مقاله به‌این سوال ها جواب جواب خواهیم داد

و مفصل درباره ی یکی از مهمترین مفاهیم در پیاده سازی UI/UX توضیح خواهم بخشید.

نمادها در تاریخ و تمدن بشری نقش مهمی داشتند. خواندن و تفسیرکردن اثرهای به‌جامانده‌ از مردمان باستان جزبا تفسیرکردن نشانه‌ها و نمادهای به‌کاررفته در آن اثرها امکان‌پذیر نبوده میباشد.

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

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

صرفا اشکال نیستند که ممکن میباشد معنای خاصی داشته باشند، رنگ‌ها هم ممکن میباشد علامت و نشانه‌ی چیزی باشند.

از جمله، رنگ قرمز معمولا برای تاکید و جلب‌توجه استعمال میگردد یا این که رنگ سیاه نشانه‌ی اندوه و غم میباشد.

در زندگی روزانه‌ی ما هم اشکال و رنگ‌ها (نمادها) کاربرد بسیار وسیعی دارا‌هستند،‌ به عنوان مثال علائم راهنمایی‌ورانندگی و بنرهای تبلیغاتی.

نمونه بسیار بهتر دیگر برای کاربرد نمادها و نشانه‌ها و مفاهیم ایجادشده با شیوه‌ی قراردادن اشکال کنار یکدیگر پیاده سازی کالا (وب سایت و نرم افزار) میباشد.

بله، این‌طور نیست که طراح وب سایت یا این که طراح UI/UX فارغ از هیچ اصول و قاعده‌ای المان‌های صفحه های وب سایت را کنار یکدیگر بچیند.

طراح رابط کاربری و طراح تجربیات کاربری بایستی درمیان المان‌ها سلسله‌مراتب بصری (Visual Hierarchy) ایجاد نمایند و براساس اصول سلسله‌مراتب بصری المان‌ها را کنار یکدیگر قرار دهند.

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

در این مقاله قصد داریم سلسله مراتب بصری UI و UX در هدایت چشم کاربر را برای شما شرح دهیم.

قانون هیک در پیاده سازی UI و UX

قانون هیک نتیجه‌ی پژوهش های دو روانشناس بریتانیایی و آمریکایی به‌اسم‌های William Edmund Hick و Ray Hyman در دهه‌ی ۶۰ میلادی میباشد.

این قانون با زبان ریاضی (یک معادله) ذکر می شود. این قانون درواقع رابطه دربین مدت زمان واکنش آدم (Reaction Time or RT) به محرک‌های مو جود در دور و بر را براساس تعداد محرک‌ها ذکر می‌نماید.

به‌زبان ساده، هرچه محرک‌ها بیشتر باشد؛ مدت زمانی که آدم به آنها واکنش نشان میدهد (جواب می دهد) نیز بیشتر میگردد. به‌بیان دیگر:

قانون هیک میگوید که هرچه آدم با انتخاب‌های بیشتری روبه‌رو گردد،‌ زمان بیشتری نیاز داراست تا تصمیم بگیرد.

پس، هرچه انتخاب‌ها (آیتم‌ها، تعاملات، کارهایی که بایستی اعمال دهد) کمتر باشد؛ آدم در مدت زمان کمتری واکنش نشان می دهد، تعیین می‌نماید و یا این که کاری را انجام می دهد.

ضابطه هیک بیشتر از آنچه شما تصور کنید در پیاده سازی محصول مهم میباشد.

شاید باور نکنید که تعداد دکمه‌های روی ماشین لباسشویی یا ظرفشویی یا این که ریموت کنترل‌ها هم با کمک قانون هیک معین می شوند.

مزایای قانون هیک

۱. قانون هیک به طراح کمک می‌نماید تا تعداد مطلوب تعاملاتی را که مخاطب باید با سایت یا نرم افزار داشته باشد به‌دست بیاورد.

پس استفاده کننده را برای انتخاب‌کردن به‌زحمت و دردسر نمی‌اندازد.

۲. طراح ux و ui با به کارگیری از این قانون، انتخاب‌های استفاده کننده را به ضروری‌ترین‌ها و کاربردی‌ترین‌ها محدود می‌نمایند.

بدین‌ترتیب، مخاطب به اندازه‌ی کافی در وب سایت میماند و میچرخد، ساده و آسان چیزی را که میخواهد پیدا می‌نماید.

بعد از تجربه‌ی تعاملش با وب سایت یا اپلیکیشن (UX) راضی خواهد بود.

۳. طراح بایستی باتوجه به تمامی اصول و قوانین و استاندارهای پیاده سازی رابط کاربری و تجربیات کاربری وبسایت یا نرم‌افزار را پیاده سازی نماید.

قانون هیک یکی‌از آن مقررات میباشد. ولی ممکن میباشد به‌دلایلی کاملا موجه، طراح لازم بداند آن را رعایت نکند.

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

به‌همین‌دلیل میباشد که در عصر آموزش تخصصی پیاده سازی محصول، خیلی کامل در زمینه‌ی مبانی و اصول دیزاین گفت و گو میگردد

سلسله مراتب بصری UI و UX در هدایت چشم کاربر

شما چطور کتاب‌ها را در کتابخانه اتاقتان دسته‌بندی میکنید؟ بعضی‌ها میباشند که مثل کتابخانه‌ها فعالیت می‌نمایند.سلسله مراتب بصری UI و UX در هدایت چشم کاربر

بعضی‌ها هم کتاب‌هایی را که مهم‌تر میباشند و بایستی در دید باشند تا سریع پیدا شوند، می گذارند جلوتر یا جوری میگذارند که دریک‌نگاه پیدا شوند.

نمیشود همه‌ی کتاب‌ها به‌یک‌اندازه مهم باشند. این مطلب در زمینه ی داده ها نیز درستی می‌باشد. همه‌ی داده ها به‌یک‌اندازه مهم نیستند.

برخی محصولات می‌باشند که برای عرضه‌کردن داده ها پیاده سازی و ساخت‌و‌ساز می گردند، مثل روزنامه‌ها.

تابه‌حال به صفحه‌بندی روزنامه‌ها دقت کردید؟ در صفحه اولیه روزنامه همه‌چیز براساس اهمیتی که داراست درجای خاصی قرار میگیرد.

تیتر مهم بایستی طوری پیاده سازی و نوشته گردد که رهگذرها هم دریک‌نگاه کوتاه بتوانند آن را بخوانند.

وب سایت‌ها و نرم افزار‌ها هم همین‌طور می‌باشند.

وبسایت‌ها برای عرضه‌ی محتوا و داده های خاصی به استفاده کننده پیاده سازی و ساخته می گردند.

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

اصولا مخاطب نباید دنبال چیزی در وب سایت بگردد و این وظیفه‌ی طراح محصول میباشد که مطمئن گردد پیاده سازی UI/UX وب سایت و طرح‌بندی هر برگه‌ (Page Layout) از وبسایت به‌گونه‌ای میباشد که مخاطب را به مهمترین و کاربردی‌ترین داده ها هدایت می‌نماید.

برای رسیدن به آن هدف طراحان از مفهومی به‌اسم سلسله‌مراتب بصری بهره می برند.

تعریف معنا Visual Hierarchy

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

بگذارید مثال بزنیم تا معنای سلسله‌ مراتب بصری و همینطور عناصر تولید کننده‌ی آن خیلی بهتر روشن خواهد شد.

در برخی تصاویر که از رنگ قرمز استفاده می کنند او‌لین چیزی (یعنی مهم ترین چیز برای آن کسب‌وکار که میخواهد شمای مخاطب آن را بدانید) که می دانید چیست؟

گاهی اول‌ازهمه دقت شما به رنگ قرمز جلب می گردد و بعد لوگو و نام کسب‌وکار و درنهایت دسته‌بندی محصولات را می بینید.

چرا طراح از رنگ قرمز استفاده نموده است؟ زیرا رنگ قرمز در کنتراست (تضادومغایرت) با رنگ پس‌زمینه‌ی وب سایت میباشد.

محصولات کسب‌وکار خیلی منظم و دریک‌راستا کنار هم قرار می گیرند.

فضای خالی که لوگوی کسب‌وکار را احاطه می کند، ناخودآگاه لوگو را، که در مرکز و با رنگ مختلف طراحی شد‌ ه‌ باشد، پر رنگ‌تر می‌نماید.

وقتی کاربر وارد اینوب سایت می گردد، او‌لین چیزی که می‌بیند چیست؟ دومی و سومی چطور؟

طراحان این وب سایت  می‌خواستند چطور چشم استفاده کننده را هدایت نمایند؟

استفاده کننده اول‌ازهمه آن نوار بالا را می‌بیند که پیاده سازی و رنگ متفاوتی دارد، سپس لوگو را می‌بیند و شعار کسب‌وکار را که بعد‌از فضای خالی با سایز درشت‌تر نوشته شده میباشد.

بعد‌از آن استفاده کننده نوشته‌ی با رنگ دیگر را می‌بیند و می فهمد این سایت چه نوع کسب‌وکاری میباشد.

براین اساس، عناصر تولیدکننده‌ی سلسله‌مراتب بصری مجموعه‌ی المان‌های بصری (رنگ، فونت، فونت سایز، کنتراست، فضای خالی، تقارن یا عدم تقارن و …) می باشند.

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

اهمیت و مزایای سلسله مراتب بصری UI و UX در هدایت چشم کاربر

هرچه دراهمیت سلسله‌مراتب بصری گفته شود، کم میباشد. سلسه‌مراتب بصری وسیله‌ای برای هدایت‌کردن چشم استفاده کننده برای دیدن داده ها به‌ترتیب اولویت آن‌هاست.

سوالی که پیش می آید این میباشد که حق تقدم برای چه کسی، کاربر یا صاحب وبسایت؟

پاسخ این میباشد که هردو! وبسایت فروشگاهی چه میخواهد؟ فروش محصولاتش. کاربر وبسایت فروشگاهی چه میخواهد؟

خرید چیزی که دنبالش میگردد با بهترین موقعیت و در کمترین زمان ممکن.

به این ترتیب، وبسایت فروشگاهی در‌صورتی‌که نخواهد مشتری ازدست دهد، نباید کاربرش را گیج نماید.

سوای سلسله‌مراتب بصری در وبسایت یا نرم افزار مخاطب نمی‌داند کجا را بایستی نگاه نماید!

سلسله‌مراتب بصری میباشد که به مخاطب میگوید اینجا را نگاه کن زیرا چیزی که میخواهی اینجاست.

پس محصول چنانچه بهترین محتوا را داشته و بسیار جالب صفحه آرایی گردیده باشد.

حتی در صورتی‌که برای مجموعه‌بندی محتوای آن به‌شایسته ترین و دقیق‌ترین شکل معماری داده ها (که برای ساختن سلسله مراتب بصری لازم و ضروری میباشد) انجام شده، البته سلسله‌مراتب بصری درمیان داده ها و محتواهای آن به‌درستی ساخته نشده باشد.

محصول موفقی نخواهد بود و استفاده کننده تعامل رضایت‌بخشی با آن نخواهد داشت.

درنتیجه، فرآورده (وب سایت یا نرم افزار) برای استفاده کننده بهره‌ و کاربردی هم نخواهد داشت.

سلسله‌مراتب بصری واضح و شفاف چشم را به‌سمت مهمترین المان‌ها در شیت هدایت می‌نماید.

سلسله مراتب بصری ممکن میباشد به‌وسیله‌ی تغییر و تحول در رنگ و ساخت‌و‌ساز کنتراست، در اندازه و همینطور دسته‌بندی محتواها ایجاد گردد.

اصول پیاده سازی سلسله مراتب بصری

چطور می شود سلسله‌مراتب بصری توانا و شفافی در یک برگه تشکیل داد؟

آیا درصورتی که هرچیز که مهم‌تر میباشد را با سایز بزرگ‌تر بنویسیم یا این که آن‌ها‌را در نوار قرمز رنگی بالای کاغذ یا این که میانه کاغذ قرار دهیم، سلسله مراتب بصری ایجاد کردیم؟

نه! ساختن سلسله‌مراتب بصری اصول و قواعد خودش را داراست و دیزاینرها می بایست براساس اصول پیاده سازی سلسله مراتب بصری آن را در هر کاغذ از وب سایت بسازند.

۱. باکمک‌گرفتن از اصول روان‌شناسی، چشم استفاده کننده را براساس تمایلات طبیعی ذهن آدم هدایت نمائید

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

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

برای مثال، چشم فارسی‌زبان عادت کرده و تمایل دارد از راست به چپ بخواند.

همینطور، ذهن آدم به بازشناسی تمایل داراست.

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

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

۲. فقط رنگ‌ها یا این که یک المان بصری سلسله‌ مراتب را نمی‌سازد

عنصرهای تولیدکننده‌ی سلسله‌مراتب بصری گوناگون می‌باشند و نباید از هیچ‌کدام خیلی زیاد به کار گیری یا صرفا به یک عامل اتکا کرد.سلسله مراتب بصری UI و UX در هدایت چشم کاربر

رنگ‌ها و ایجادکردن کنتراست بسیار بسیار اساسی میباشد. جایی و گاهی ممکن میباشد کنتراست به شایسته ترین صورت سلسله مراتب را ایجاد نماید.

البته این یک قاعده‌ی کلی نیست. معمولا دیزاینرها برای پیاد ه سازی تیترها داد ه های اصلی از مخلوط کنتراست و تایپوگرافی سود میبرند.

اما دقت فرمائید که نباید از رنگ‌ها و تضاد و مغایرت رنگ‌ها بیش‌ازحد استفاده نمود.

استدلال بسیار مهم دیگر که در پیاده سازی سلسله مراتب بصری می بایست به آن توجه ویژه کرد، اندازه‌ و مقیاس المان‌هاست.

چشم مخاطب آن چیزی را که بزرگ‌تر از همه نوشته‌شده یا این که کشیده‌گردیده را زودتر‌از سایر می‌بیند و به‌طورطبیعی درمی‌یابد که آن مهم‌تر میباشد.

بدین ترتیب، طراحان از سه سایز (و سه فونت سایز) در پیاده سازی المان‌‌ها به کار گیری می‌نمایند: small, medium & large.

درباره ی اندازه‌ی المان‌ها یک قانون کلی وجود دارد: مهمترین المان بایستی بزرگ‌ترین المان برگه باشد.

۳. سلسله مراتب بصری بایستی یک کل واحد و منسجم را بسازد

درست است که می بایست از کنتراست و المان‌های درشت و تغییر و تحول در اندازه‌ی المان‌ها برای ساختن سلسله‌مراتب بصری استفاده نمود؛ البته این ابدا بدین معنا نیست که یکپارچگی و انسجام بصری محصول ازبین برود و هرچیز ساز خودش را بزند.

کلیه‌ی تغییرات در عنصرها و المان‌ها بایستی متناسب بایکدیگر باشد و زمانی استفاده کننده به صفحه‌ی نرم افزار یا وب سایت نگاه می‌کند، یک کل واحد را ببیند که بعضا‌از موادسازنده آن پررنگ‌تر و مهم‌تر به‌نظر می‌رسند.

دیزاینرها از فضاهای خالی و قانون تقارن و همینطور اصول گشتالت برای نظم‌‌ و تناسب‌ بخشیدن به پیاده سازی کمک می گیرند.

۴. سلسه مراتب بصری پیاد ه سازی‌ شد ه بایستی آزمایش گردد

هیچ‌چیز در پیاده سازی رابط کاربری و تجربیات کاربری بدون آزمایش‌شدن نهایی نمیشود.

برای سنجیدن سلسله‌مراتب بصری معمولا از تستی به‌اسم The Squint Test کمک‌ استفاد‌ه میشود.

در‌این آزمایش صفحه‌ی وب سایت یا اپلیکیشن را مقداری تار می‌‌نمایند تا ببینند آیا سلسه‌مراتب بصری و دسته‌بندی محتوا‌ها همچنان مشخص میباشد یا نه.

در صورتی‌که المان‌ها کلا غیرقابل‌تشخیص شوند، پیاده سازی سلسله‌مراتب به‌درستی اعمال نشده است و می بایست مجدد‌ پیاده سازی گردد.

گوگل کروم پلاگین‌ای به‌اسم Squint برای این آزمایش داراست.

جمع‌بندی و نتیجه‌گیری

۱. در هر صفحه از وبسایت یا برنامه اطلاعات مختلفی بایستی به استفاد ه کنند ه عرضه گردد.

برای تعامل کاربر با محصول آن داد ه ها ضروری می‌باشند. البته همه‌ی آن ها به‌یک‌اندازه اصلی نیستند.

۲. سلسله مراتب بصری مفهومی بسیار مهم در پیاده سازی UI/UX میباشد.

سلسله مراتب بصری یعنی اولویت‌بندی داده ها هر صفحه از سایت یا نرم‌افزار براساس اهمیت آنان برای مخاطب و صاحب محصول.

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

۴. پیاده سازی سلسله مراتب بصری اصول و قواعدی دارد.

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

۵. در آموزش پیاده سازی محصول کلیه‌ی مفاهیم و اصول مورد نیاز، ازجمله معنای سلسله مراتب بصری، که سبب ساز می گردد تا طراحی UI/UX به‌درستی صورت پذیرد و استفاده کننده تعاملی کاملا رضایت‌بخش با فرآورده داشته باشد آموزش داده میشود.

امیدواریم مطلب سلسله مراتب بصری UI و UX در هدایت چشم کاربر از گروه سه سوت برای شما مفید باشد.

  • علی رئیسی