تبلیغات
ترفندونی - طراحی رابط کاربری و اشتباهات سایت های بزرگ

شارژ رایگان

همه چی فروش

طراحی رابط کاربری و اشتباهات سایت های بزرگ

نویسنده : میلاد بهمن آبادی شنبه 17 تیر 1391 ساعت 13 و 54 دقیقه و 08 ثانیه  •  دیدگاه ها : ()   ارسال شده در: آموزش ، آموزش HTML ،

هر یک از المان هایی که در طول دو دهه گذشته در وب استفاده شده اند مفاهیمی را برای کاربر به وجود آورده اند که به هم ریختن این مفاهیم با استفاده ی نابجا از المان های مذکور، باعث سردر گمی کاربر در حین استفاده از سرویس تحت وب شما میشود.
مفهوم لینک و دکمه
یکی از نکاتی که در طراحی جیمیل رعایت شده، اما در سایت هات میل رعایت نشده است، استفاده از مفهوم دکمه است. دکمه در کلیه سایت ها مفهوم ثبت شدن را برای کاربر دارد. در حالی که لینک مفهوم منتقل شدن به صفحه دیگر را می رساند. اما گاهی طراحان این دو المان را جابجا استفاده میکنند. به شکل زیر توجه کنید. شما در هنگامیکه یک ایمیل باز است ، دکمه های زیر را دریاهو و جیمیل مشاهده میکنید. اما در صورتی که در هات‌میل باشید فقط چند لینک بالای صفحه می بینید که قرار است کار دکمه ها را انجام دهند. حتی خود من که مدت هاست از ایمیل هات میل استفاده می کنم هنگام کار با این دکمه ها حس خوبی ندارم.
متمایز نبودن منوهای پایین افتادنی از لینک ها
در بالای صفحه ی ایمیل هاتمیل ، چند لینک وجود دارد بنام photos , messenger , ... که هر کدام از آنها شامل گزینه های زیر مجموعه ای هستند. اما تا وقتی شما موس خود را روی آنها نگه ندارید، متوجه نمی شوید که اینها لینک نیستند به سرویس های دیگر مایکروسافت. بلکه منوهایی هستند که باز میشوند. 
و حالا در جیمیل: هرجا منوی پایین افتادنی ای وجود دارد، با نشان دادن یک مثلث کوچک در کنارش، از لینک ها متمایز شده است و به همین جهت شما همیشه با یک نگاه تشخیص میدهید که آیا این متن لینک است یا منوی بازشو.
استفاده مناسب از فاصله بین المان ها:
فضای خالی بی مفهوم نیست. شما با استفاده از فضای خالی بین المان های قرار داده شده در صفحه می توانید کارکرد های مختلف را دسته بندی کنید. بطور مثال در جیمیل، دکمه های Archive , spam  و Delete در یک دسته قرار گرفته اند و با کمی فاصله از دسته های دیگر جدا شده اند. این دکمه ها کارشون بهم مرتبط است. با فشردن هر یک از آنها ایمیل از جلوی چشمان شما دور میشود. یا حذف یا آرشیو شده و یا میره تو پوشه اسپم ها. دکم های move و Label هم در دسته جداگانه ای قرار گرفته اند و کارشون تگ گذاری روی ایمیل هاست. فاصله ها همچنین باعث میشه چشم کاربر سریعتر دکمه ها رو پیدا کنه . این یک موضوع روان شناسی است که گوگل به درستی از آن در طراحی رابط کاربری اش استفاده کرده است.
استفاده ی درست از عناصر در صفحه ، باعث میشود کاربر احساس راحتی کند و ناخودآگاه به استفاده از سرویسی که شما میدهید ترغیب شود. از مفاهیم User Interface درست استفاده کنید


برچسب ها: طراحی رابط کاربری و اشتباهات سایت های بزرگ ، طراحی رابط کاربری و اشتباهات سایت های ،
آخرین ویرایش: شنبه 17 تیر 1391 ساعت 13 و 56 دقیقه و 12 ثانیه

جمعه 1 اردیبهشت 1396 ساعت 13 و 29 دقیقه و 18 ثانیه
If you are going for finest contents like me,
only pay a quick visit this site all the time for the reason that
it presents feature contents, thanks
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
نظرات پس از تایید نشان داده خواهند شد.