illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید تا کنون 6339 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

نکته هایی برای داشتن رابط کاربری (User Interface ) بهتر ( قسمت اول )

21 1929 ۴ تیر ۹۴

در این مطلب و مطالب بعدی میخوام تعدادی نکته که میتونه در داشتن رابط کاربری ( User Interface ) بهتر به شما کمک کنه ، رو بیان کنم و امیدوارم بدردتون بخوره.

میدونین که داشتن رابط کاربری ( UI ) خوب خیلی میتونه روی کاربران سایت شما تاثیر بزاره و میتونه کاربرانی دائمی و همیشگی برای سایت شما در بر داشته باشه. برای هر نکته یک تصویر میزام. اونی که روش خط کشیده شده ، به معنی اینه که رابط کاربری اشتباه هست و باید از یکی دیگش استفاده کنید و ایده بگیرید.

نکته 1 : استفاده از چارچوب تک ستونه بجای چارچوب چند ستونه

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

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

idea001

نکته 2 : قرار دادن محصولات بصورت هدیه بجای مجبور کردن کاربران به ثبت نام

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

idea002

نکته 3 : ادغام کردن و یکی کردن کارها و عملیات یکسان

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

idea003

نکته 4 : قرار دادن نظرات دیگران بجای تعریف از خود

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

idea004

نکته 5 : نشان دادن چندباره اقدامات اصلی بجای نشان دادن در یکجا

بعضی از کارها و اعمال سایت خیلی مهم هستن و ادامه و حیات سایت به اونا بستگی داره. در این مواقع بهتره که call to action خودتون رو در جاهایی که تو چشم کاربران هست قرار بدین. مخصوصا اگه سایتتون خیلی ارتفاع زیادی داشته باشه و نیاز به اسکرول زیادی داشته باشه ، باید یکی رو در ابتدا قرار بدین و دیگری رو در انتها ، با اینکار کاربر فراموش نمیکنه که Call to action شما رو انجام بده و بیشتر به هدف خودتون خواهید رسید.

idea005

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

امیدوارم بدردتون بخوره.

موفق باشید. یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 21 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    وحید صالحی(۵ تیر ۱۳۹۴)

    بسیار عالی مختصر اما کاملا مفید.

  • ‏‏
    محمد مهدی اکرمی(۵ تیر ۱۳۹۴)

    با حال بود . تا حالا از این زاویه به طراحی وب نگاه نکرده بودم !!!! 😀

  • ‏‏

    فوق العاده بود … ❓

  • ‏‏

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

  • ‏‏
    مسافر(۵ تیر ۱۳۹۴)

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

  • ‏‏
    لینکدونی پرشین(۶ تیر ۱۳۹۴)

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

    http://PersianLinks.ir

  • ‏‏
    نازمحمد گری(۷ تیر ۱۳۹۴)

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

  • ‏‏
    مهرداد(۷ تیر ۱۳۹۴)

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

    • ‏‏
      محمد اسفندیاری(۷ تیر ۱۳۹۴)

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

  • ‏‏
    بردیا راستین(۹ تیر ۱۳۹۴)

    سلام آقای اسفندیاری ! همچنان منتظر قسمت بعدی این مقاله هستیم….

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram