tag:blogger.com,1999:blog-33471219246092841372012-12-24T15:55:44.773+03:30مطالبی پیرامون تجربه کاربری و رابط کاربریParham Baghestaninoreply@blogger.comBlogger60125tag:blogger.com,1999:blog-3347121924609284137.post-22267039062657656482011-01-22T18:20:00.001+03:302011-07-16T09:02:11.029+04:302011-07-16T09:02:11.029+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_8zGcZGUZfNg/TLoMKn0aluI/AAAAAAAAB3k/0bUQjKSIV1k/s1600/styles-sketchpad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/TLoMKn0aluI/AAAAAAAAB3k/0bUQjKSIV1k/s320/styles-sketchpad.png" width="320" /></a></div><a href="http://cl.app.ir/uxd/get/styles-sketchpad.pdf">لینک دانلود اسکچ پد</a></div>Parham Baghestanihttps://plus.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-71422130764796583822010-04-01T02:17:00.001+04:302011-06-12T19:40:30.220+04:302011-06-12T19:40:30.220+04:30<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://uxuniversity.org/wp-content/themes/journalist/images/ux_logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="52" src="http://uxuniversity.org/wp-content/themes/journalist/images/ux_logo.png" width="200" /></a></div>دانشگاه تجارب کاربری نام دانشگاهی است که بوسیله ی شرکت های <a href="http://www.usabilla.com/">Usabilia</a> و <a href="http://www.concept7.nl/">Concept7</a> تاسیس گردیده است و به آموزش مباحث مربوط به تجارب کاربری میپردازد .<br /> <br /> این دانشگاه که بر اساس مدل های آموزش مادام العمر یا <a href="http://en.wikipedia.org/wiki/Lifelong_learning">LifeLong Learning</a> است آموزش هایی را در قالب تصویر و متن و ویدئو ارائه مینماید .<br /> <br /> <a href="http://uxuniversity.org/">آدرس وب سایت تجارب کاربری</a><br /> <a href="http://twitter.com/uxuniversity">اکانت توئیتر دانشگاه تجارب کاربری</a></div>Parham Baghestanihttps://plus.google.com/113696976024156050004noreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-76811299696527404802009-12-23T18:11:00.003+03:302011-06-12T19:40:30.220+04:302011-06-12T19:40:30.220+04:30<div dir="rtl" style="text-align: right;">فضای سفید یکی از بهترین ابزارها برای تفکیک عناصر در صفحه است و کاربر بخوبی میتواند عناصر را در ذهن خود دسته بندی کند. برای مثال در یک فرم کاربر اطلاعاتی را پر میکند و گزینه های (فیلد) مشخصات شخصی با گزینه های (فیلد) اطلاعات تخصصی با چندین پیکسل از هم فاصله میگیرند و کاربر فرم را بصورت تفکیک شده میبیند.<br /><br />دکمه‌‌هایی مربوط به اطلاعات خرید که در سایت فروشگاه استفاده میشود نیز میتوانند با دکمه‌های مربوط به نتظیمات اطلاعات کاربر با چند پیکسل فاصله از هم قرار گیرند و این تفکیک پذیری براحتی با استفاده از فضای سفید صورت میگیرد.<br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-59722448085393198962009-12-23T18:03:00.002+03:302011-06-12T19:40:30.221+04:302011-06-12T19:40:30.221+04:30<div style="text-align: justify;">گوشه‌های خمیده و ظریف در کادرهایی که بیننده با آن سروکار دارد برای ایجاد حس خوب در کاربر موثر است و میتوان انعطاف پذیری صفحه را کمی با این روش به کاربر القا کرد.<br />برای دکمه‌های کلیدی در صفحه مانند ورود/ثبت نام/ خرید/سبد خرید، این گوشه‌های خمیده در بوجود آمدن این حس در کاربر موثر است.<br />برای نمونه باکس‌های وب سایت اپل را ببینید: <a href="http://www.apple.com/">http://www.apple.com</a><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-70157087285390700912009-12-11T05:57:00.004+03:302011-06-12T19:40:30.222+04:302011-06-12T19:40:30.222+04:30<div dir="rtl" style="text-align: right;">کنسرسیوم جهانی وب(<a href="http://www.w3.org/">W3C</a>) لیست کاملی از ابزارهای ارزیابی دسترسی‌پذیری در وب را آماده کرده است. این ابزار به طراحان کمک میکند که بخش دسترسی‌پذیری وب سایتی که در حال طراحی آن هستند را بالاببرند.<br /><br />مشاهده لیست:<br /><a href="http://www.w3.org/WAI/ER/tools/complete">http://www.w3.org/WAI/ER/tools/complete</a><br /><br /><br /><div dir="rtl" style="text-align: right;">دسترسی‌پذیری در <a href="http://www.w3.org/">W3C</a>:<br /></div><a href="http://www.w3.org/WAI/">http://www.w3.org/WAI</a><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-34127182731980312662009-12-11T04:10:00.003+03:302011-06-12T19:40:30.222+04:302011-06-12T19:40:30.222+04:30<div dir="rtl" style="text-align: right;">لینکهای که کاربران در رابطه به تجارب کاربری و رابط کاربری از طریق وب سایت دلیشز به اشتراک میگذارند را میتوان با جستجو در بین تگهای آن، لینکهای دلخواه را پیدا کنید. برای پیدا کردن لینکهای خوشمزه در این رابطه آدرس زیر را ببینید:<br /><div style="text-align: right;"><div style="text-align: right;"><a href="http://delicious.com/tag/ux+ui">http://delicious.com/tag/ux+ui</a><br /></div><br />همچنین میتوان با قرار دادن تگهای دیگر مانند (accessibility, usability) لینکهای در این رابطه پیدا کنید. مانند:<br /><div style="text-align: right;"><a href="http://delicious.com/tag/ux+ui+accessibility+usability">http://delicious.com/tag/ux+ui+accessibility+usability</a><br /></div></div></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-56594679607373446322009-12-11T03:46:00.002+03:302011-06-12T19:40:30.223+04:302011-06-12T19:40:30.223+04:30<div dir="rtl" style="text-align: right;"><div style="text-align: justify;">امروزه توییتر به یک منبع پر از توییت‌هایی تبدیل شده که هر یک از جنسی متفاوت با دیگری است. در لا‌به لای این توییت‌ها، کاربرانی هستن که در زمینه تجارب کاربری و مسائل و نکات مربوط به آن توییت میکنند. تعدادی کاربر لیستهایی از این افراد درست کرده‌اند که با دنبال کردن این لیستها میتوان توییت‌های مرتبط با تجارب کاربری را دنبال کرد. گاها توییت‌های خیلی ازشمندی در آنها به چشم میخورد که میتواند به طراحان کمک بسیار زیادی کند. در زیر تعدادی از آنها را ببینید:<br /></div><br /><div style="text-align: left;"><a href="http://twitter.com/jvetrau/ux">http://twitter.com/jvetrau/ux</a><br /><br /><a href="http://twitter.com/mediajunkie/ux">http://twitter.com/mediajunkie/ux</a><br /><br /><a href="http://twitter.com/martinpolley/uxers">http://twitter.com/martinpolley/uxers</a><br /><br /><a href="http://twitter.com/g33kgurrl/ia-ui-ux">http://twitter.com/g33kgurrl/ia-ui-ux</a><br /><br /><a href="http://twitter.com/konigi/ux">http://twitter.com/konigi/ux</a><br /><br /></div><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-75491831131722283462009-12-09T06:09:00.003+03:302011-06-12T19:40:30.223+04:302011-06-12T19:40:30.223+04:30<div dir="rtl" style="text-align: right;">اگر در نظر دارید برای یک محصول وب سایتی طراحی کنید بهتر است از یک چیدمان خلوت استفاده کنید زیرا نهایت هدف کاربر از وب سایت دیدن محصول است. برای مثال: میتوان به 4 بخش صفحه اصلی را تقسیم کرد، 1- هدر(منوهای سایت و لوگو)، 2- بخش میانی(در این بخش عکس بزرگی از محصول و توضیحاتی در مورد محصول که کاربر را به صفحه خود محصول هدایت میکند)،3- امکانات محصول و 4- پائین صفحه(فوتر).<br /><br />شما با این چیدمان یک وب سایتی ساده ولی کارآمد خواهید داشت.<br /><br /><br /><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-34091122451978572712009-12-09T05:49:00.003+03:302011-06-12T19:40:30.224+04:302011-06-12T19:40:30.224+04:30<div dir="rtl" style="text-align: right;">هر روز که وب بیشتر توسعه پیدا میکند طراحی های وب سایت‌ها به همان اندازه ساده تر و اطلاعات آنها مختصر و مفیدتر میشود. کار درستی نیست اگر اصل ساده بودن را نادیده بگیریم. با طراحی های ساده، شیک، ظرافتهای خیلی حرفه ای در طرح کاربر را به عادت کردن به اینگونه طرح‌ها آشنا کنیم و به مرور از سایتهای خیلی شلوغ که بدون ساختاری از پیش تعیین شده، آیتم‌ها در صفحه چیده شده‌اند دوری کنیم.<br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-6720717384493362952009-11-28T16:42:00.002+03:302011-06-12T19:40:30.225+04:302011-06-12T19:40:30.225+04:30یکی از مواردی که همیشه باید به آن توجه کرد تصویری است که از سایت شما برای کاربر ساخته میشود، برای مثال بنرهای تبلیغاتی که از سایت خودتان به وب سایتهای تبلیغاتی، وبلاگ و سایتهای دوستان برای وسیع کردن کار خود میدهید سعی کنید از یک قالب طراحی برای ساختن آن بنر استفاده شود.<br /><br />رنگ نوشته، پس زمینه، آیکون متناسب با لوگوی اصلی وب سایت باشد، برای کاربر شما بهتر است در هر جایی نشانه‌ای از سایت شما میبیند همه بصورت یکپارچه و در یک قالب مشخص ارائه شود.Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-9632090832030604282009-11-24T03:52:00.007+03:302011-06-12T19:40:30.225+04:302011-06-12T19:40:30.225+04:30قرار دادن یک صفحه اختصاصی تجارب کاربری برای سیستم عامل گوگل کروم در وب سایت اصلی این محصول، نشانه‌‌ای دیگر از اهمیت بالای این مقوله (<a href="http://tweex.uxiran.com/2009/08/blog-post_28.html">تجارب کاربری</a>) است. در این بخش از سایت در مورد هدف‌ها و دستورالعمل‌هایی که در طراحی رابط کاربری این سیستم عامل بکار رفته مطالبی به زبان ساده، مفید و مختصر ارائه داده شده که به طراحان در طراحی برنامه‌های کاربردی تحت وب(اپلیکشن) کمک خوبی میکند.<br /><br />تجارب کاربری در سیستم عامل گوگل کروم:<br /><a href="http://www.chromium.org/chromium-os/user-experience">http://www.chromium.org/chromium-os/user-experience</a><br /><br />تجارب کاربری در مرورگر گوگل کروم:<br /><a href="http://dev.chromium.org/user-experience">http://dev.chromium.org/user-experience</a>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-71960427529869000302009-11-22T04:04:00.002+03:302011-06-12T19:40:30.226+04:302011-06-12T19:40:30.226+04:30بسياری از کاربران بيش از آن که وقت صرف خواندن مطالب سايتی بکنند ٬ وقت صرف مرور اجمالی سایت میکنند. طراحی خوب عنوان‌ها، به اسکن سریع اطلاعات و نیز خواندن سریع اطلاعات سایت، به کاربر کمک زیادی میکند.<br /><br />طراحان باید تا جایی که امکان دارد برای مطالب صفحه، عنوان در نظر بگیرند، این کار به کاربر کمک میکند تا با مرور عناوین صفحه، مطلب مورد نظر خود را راحت‌ تر پیدا کند. (راحله فرنیا)Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-40692026228996917142009-11-21T04:20:00.003+03:302011-06-12T19:40:30.226+04:302011-06-12T19:40:30.226+04:30بعد از اضافه کردن امکانات جدید به وب سایتتان با قرار دادن یک فرم بازخورد(Feedback) نظر کاربران خودتان را در مورد آن امکان جدید بپرسید. در این فرم سعی شود تعداد پرسش‌ها زیاد نباشد چون کاربران معمولا حوصله پر کردن فرم بازخورد را ندارند. این کار به شما در بهتر کردن امکانات سایت کمک بسیاری میکند.Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-25629483840484207232009-11-19T21:01:00.003+03:302011-06-12T19:40:30.227+04:302011-06-12T19:40:30.227+04:30چندین نکته در رابطه با گرافیک رابط کاربری و بصورت فارسی ارائه شده که خواندن آن کمک خوبی به طراحان وب میکند.<br />یکی از نکات جالبی که در این وبلاگ به آن اشاره شده، نکته آخر هست:<br />طراحی واسط کاربری بر روی کاغذ، به شکل شگفت‌آوری مشکلات و نارسایی‌های UI در تعامل با کاربر را نمایان خواهد ساخت.<br /><br />مشاهده این پست:<br /><a href="http://mohammadshams.blogspot.com/2009/11/graphical-user-interface-design-tips.html">http://mohammadshams.blogspot.com/2009/11/graphical-user-interface-design-tips.html</a>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-32414442529972605962009-11-18T23:47:00.004+03:302011-06-12T19:40:30.227+04:302011-06-12T19:40:30.227+04:30<div dir="rtl" style="text-align: right;">امروزه داشتن یک طراحی قابل قبول و طبق استانداردهای وب و بروز یکی از واجبات داشتن وب سایتی موفق است. این امر اجتناب ناپذیر است و نمیشود نسبت به آن بی اهمیت بود.<br />طراحی های وب سایت ها روز به روز قوی تر و جدیدتر میشوند و توقع کاربران به نسبت در حال بیشتر شدن است و اگر طراحی وب سایتی که دارید را بروز نکنید و تغییر ندهید برای ذهنیتی که کاربر نسبت به سایت شما پیدا میکند خوب نیست.<br /><br />پس اگر احساس میکنید طراحی وب سایتتان نیاز به تغییر دارد و باید یک طراحی بروزی داشته باشد، همین آلان اقدام به تغییر کنید.<br /></div>Nimaanoreply@blogger.com1tag:blogger.com,1999:blog-3347121924609284137.post-83313764854527824942009-11-18T23:27:00.002+03:302011-06-12T19:40:30.228+04:302011-06-12T19:40:30.228+04:30<div dir="rtl" style="text-align: right;">مجله اسمشینگ اقدام به انتشار چندین نکته با توضیحات کامل در مورد قابلیت استفاده (Usability) کرده است که از این نشانی میتوانید ببینید: <a href="http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/">http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines</a><br /><br /><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-10022252341619708492009-11-17T18:30:00.006+03:302011-06-12T19:40:30.229+04:302011-06-12T19:40:30.229+04:30<div dir="rtl" style="text-align: right;">بهترین روش برای پیاده سازی طرحی که در ذهن طراح است، کشیدن آن بر روی کاغذ(اسکچ) است. یکی از واجبات یک طراح در دست داشتن همیشه کاغذ و مداد برای کشیدن طرح هایی است که در ذهن اون شکل گرفته میشود.<br /><br />مرتبط:<br /><a href="http://blog.userinterface.ir/2009/10/sketchboard.html">Sketchboard چیست ؟</a><br /><a href="http://blog.userinterface.ir/2009/06/mockup-toolkit.html">Mockup Toolkit چیست ؟</a><br /><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-78238657326799215862009-11-17T18:17:00.004+03:302011-06-12T19:40:30.229+04:302011-06-12T19:40:30.229+04:30تعداد گزینه های فرم ثبت نام هر چه کمتر و کاربردی تر باشد، کاربر راحت تر و آسان تر میتواند عضو وب سایت شود. یکی از مواردی که از حوصله کاربر خارج است، پر کردن فرم های طولانی است.<br />میتوان تعدادی از کلیدی ترین اطلاعات را از کاربر در فرم ثبت نام اولیه گرفت و اطلاعات تکمیلی در مراحل بعد از ثبت نام پر شود(مانند مراحل ثبت نام یک، دو، سه و ...).<br /><br />نمونه یک فرم ثبت نام ساده و کاربردی: <a href="http://www.viwio.com/signup">http://www.viwio.com/signup</a>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-22744031841232830202009-11-17T18:10:00.003+03:302011-06-12T19:40:30.230+04:302011-06-12T19:40:30.230+04:30اگر وب سایت شما یک سایت اجتماعی است و ثبت نام یکی از مهمترین عناصر آن است سعی کنید در صفحه اصلی فرم ثبت نام قرار دهید که کاربر براحتی بتواند عضو شود. بهتر است فرم در صفحه اصلی باشد. یکی از اشکالاتی که در این تیپ وب سایت‌ها دیده میشود قرار دادن دکمه ثبت نام است که کاربر بعد از کلیک به فرم میرسد.<br /><br />یک نمونه فرم ثبت نام ساده و کاربردی: <a href="http://www.tripit.com/">http://www.tripit.com</a>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-5350797959282895672009-11-17T01:29:00.002+03:302011-06-12T19:40:30.230+04:302011-06-12T19:40:30.230+04:30<div dir="rtl" style="text-align: right;">برای کاربران کارآمد بودن سایت یعنی: استفاده آسان سایت، موثر بودن آن، و در یک کلام تطابق ساماندهی سایت با آنچه آنها انتظار دارند. (راحله فرنیا)<br /><br />مرتبط:<br /><a href="http://tweex.uxiran.com/2009/11/blog-post_55.html">قابلیت استفاده</a><br /><a href="http://tweex.uxiran.com/2009/10/blog-post_29.html">معرفی سرویس آزمایش کاربردپذیری وب سایت </a><br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-75747870711243216162009-11-17T01:25:00.002+03:302011-06-12T19:40:30.231+04:302011-06-12T19:40:30.231+04:30<div dir="rtl" style="text-align: right;">محتوا مهمترین و در برخی جنبه‌ها خطرناک ترین عنصر سایت است. برخی تحقیقات نشان میدهد که محتوا از منو اصلی، طراحی های بصری نیز از اهمیت بیشتری برخوردار است. (راحله فرنیا)<br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-41235186697332589482009-11-17T00:54:00.002+03:302011-06-12T19:40:30.232+04:302011-06-12T19:40:30.232+04:30یک لیست در توییتر در زمینه رابط کاربری، در این لیست کاربران ی که در زمینه رابط کاربری فعالیت میکنند توییت میکنند.<br />در این لیست اکانت <a href="http://twitter.com/vl">vl</a>@ طراح رابط کاربری توییتر هم به چشم میخورد.<br /><br />مشاهده لیست: <a href="http://twitter.com/erenemre/ui-guys">http://twitter.com/erenemre/ui-guys</a>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-72868452837958074652009-11-17T00:50:00.003+03:302011-06-12T19:40:30.232+04:302011-06-12T19:40:30.232+04:30زمانی که در وب سایت محصولی را ارائه میدهید سعی کنید علاوه بر صفحه محصولات در دیگر قسمتهای وب سایت از جمله صفحه درباره ، پائین صفحه و ... به صفحه محصولات لینک دهید.<br /><br />و در صفحه محصولات اطلاعات کافی برای اطلاع کاربر از آن محصول را ارائه دهید و کاربر آنچه را که میخواهد به ان برسد، این کار به تجارت و فروش بسیار کمک میکند.Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-30781054653018088662009-11-17T00:45:00.003+03:302011-06-12T19:40:30.233+04:302011-06-12T19:40:30.233+04:30<div dir="rtl" style="text-align: right;">اگر شما یک وب سایت برای تجارت و فروش محصولی داشتید در صفحه اصلی وب سایتتان و در 600 پیکسل اول بر روی دو گزینه بیشتر تمرکز کنید: آن کاری که شما انجام میدهید و آن مصولی که میخواهید به فروش برسد.<br /><br />در یک کادر شیک و ساده بر روی این دو مورد بیشتر تمرکز کنید. و اطراف این دو گزینه سعی کنید متن‌های غیر مرتبط نباشد.<br /></div>Nimaanoreply@blogger.com0tag:blogger.com,1999:blog-3347121924609284137.post-45646899174378341202009-11-16T15:21:00.003+03:302011-06-12T19:40:30.234+04:302011-06-12T19:40:30.234+04:30<div dir="rtl" style="text-align: right;">گاهی اوقات کاربران در کار کردن با قسمتهایی از سایت مشکل دارند و خیلی سریع آن را ترک میکنند. برای رفع این مشکل بهتر است قابلیت استفاده (<a href="http://tweex.uxiran.com/2009/09/blog-post_03.html">Usability</a>) از وب سایت را بهینه کرد. چون اگر کاربر مدت زمان بیشتری در وب سایت باقی میماند بر روی دکمه خرید یا دکمه مورد نظر شما کلیک میکرد.<br /></div>Nimaanoreply@blogger.com0