وبلاگ کاسپید

نکات کلیدیUX جهت طراحی سایت

نکات کلیدیUX  جهت طراحی سایت

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

5 نکته جهت طراحی UX:

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

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

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

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

    • با استفاده از نظر سنجی از کاربرانتان اطلاعات مورد نظر را بدست آورید
    • به صورت حضوری و یا از راه دور نحوه استفاده کاربران از محصولات خود را کنترل کنید و ببینید دقیقا کاربرانتن چه چیزی می خواهند و به چه چیزی نیاز دارند /li>

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

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

    پاسخ اساسی به سوالات بالا ، پایه و اساس یک ایده گذاری مناسب در جهت طراحی UX برای شما می باشد .

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

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

    و وقتی صحبت از رنگ ها می شود ، باید توجه داشته باشید که:

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

نتیجه گیری :

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

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