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

- visibility ۲۱ mode_comment

در این مطلب و مطالب بعدی میخوام تعدادی نکته که میتونه در داشتن رابط کاربری ( 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

comment دیدگاه کاربران

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

محمد اسفندیاری

لطف داری داش وحید

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

محمد اسفندیاری

در آینده نزدیک نکات دیگری هم در اختیارتون میزارم که بازم زاویه دیدتون رو تغییر میده
موفق باشید

iamreza

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

محمد اسفندیاری

قابلتونو نداشت

hassani

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

محمد اسفندیاری

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

مسافر

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

محمد اسفندیاری

لطف دارید
موفق و سربلند باشید

مسافر

زنده باشید. هم چنین شما

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

http://PersianLinks.ir

محمد اسفندیاری

بله خوشحالم که اینو میشنوم و یک مثال رو قرار دادین
امیدوارم به پیشرفت در این زمینه ادامه بدین و موفق باشید
یا علی

نازمحمد گری

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

محمد اسفندیاری

خوشحالم که اینو میشنوم
موفق باشید

مهرداد

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

محمد اسفندیاری

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

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

محمد اسفندیاری

چشم حتما

ستاره

ممنون شما درترجمه فوق العاده هستید چون من خودمم مترجم هستم.

محمد اسفندیاری

جدی؟!!
جالبه که اینو میشنوم
نظر لطفتونه
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.