نوشته های برچسب خورده با ‘usability’

در سری دوازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب”  که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

– اصل موسوم به TETO
نظریه استیو کروگ (Steve Krug)
– فرآیند تست متوالی و پی در پی
– قانون وین برگ (Weinberg)

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

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

آموزش های قبلی:

می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10
می خواهم یک طراح وب حرفه ای شوم! – شماره 11

در سری یازدهم آموزش های ویدئویی “می خواهم یک طراح وب حرفه ای شوم” با عنوان “قابلیت استفاده (Usability) در برنامه های کاربردی تحت وب”  که فصلی بسیار مهم و تاثیر گذار هست، موارد ارزشمند زیر مورد بررسی قرار گرفته اند:

– Usability یا قابلیت استفاده چیست؟
استفاده از هر چیز در جای خودش
– فرایند جستجوی ساده
– پیوند (Link) های استاندارد
– نهایت سادگی در فرم های ثبت نام
– دوری جستن از صفحات موسوم به Splash
– عدم تغییر اندازه پنجره مرورگر کاربر
– حذف پیوندهای شکسته (Broken Link)
– پیش بینی عدم وجود (JavaScript)
– لزوم در دست داشتن کنترل از جانب کاربر سایت
– عدم بهره گیری از فونت ها در اندازه های ریز
– نوار پیمایش ( Navigation)
– اصل 2+ 7
– قانون دو ثانیه
– قانون کلیک
– اصل 80/20 ( Pareto Principle )
– قوانین طلایی هشت گانه در طراحی وب
– قانون فیت (Fitts Law)
– اصل هرم معکوس
– نقشه سایت
– راهنمای استفاده
– زمینه سازی اعتماد هر چه بیشتر

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

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

آموزش های قبلی:

می خواهم یک طراح وب حرفه ای شوم! – شماره 1
می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10

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

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

· طراحی رابط های کاربری (User Interface) در برنامه های تحت وب مدرن
· هنر بکار گیری CSS در طرح بندی قالب سایت
· اصول اولیه تایپوگرافی در وب
· قابلیت استفاده (Usability) برنامه کاربری تحت وب و اصول آن
· بهینه سازی سایت ها با دو رویکرد موتورهای جستجو و سهولت بهره برداری
· طراحی هر چه بهتر به منظور افزایش بازدیدکننده و مشتری
· آشنایی با افراد مطرح این حوزه و بهره گیری از تجربیات آنان

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

(متاسفانه اخیرا سایت به اشتراک گذاری ویدئویی Vimeo فیلتر شده و بنابراین ویدئو ها به صورت مستقیم در دسترس نیست. و شما از راه حلی که خود می دانید باید بهره بگیرید.)

 

 

 

 

 

آموزش های بعدی:

می خواهم یک طراح وب حرفه ای شوم! – شماره 2
می خواهم یک طراح وب حرفه ای شوم! – شماره 3
می خواهم یک طراح وب حرفه ای شوم! – شماره 4
می خواهم یک طراح وب حرفه ای شوم! – شماره 5
می خواهم یک طراح وب حرفه ای شوم! – شماره 6
می خواهم یک طراح وب حرفه ای شوم! – شماره 7
می خواهم یک طراح وب حرفه ای شوم! – شماره 8
می خواهم یک طراح وب حرفه ای شوم! – شماره 9
می خواهم یک طراح وب حرفه ای شوم! – شماره 10
می خواهم یک طراح وب حرفه ای شوم! – شماره 11
می خواهم یک طراح وب حرفه ای شوم! – شماره 12
می خواهم یک طراح وب حرفه ای شوم! – شماره 13.
می خواهم یک طراح وب حرفه ای شوم! – شماره 14

لینک مستقیم ویدئو ها در سایت Vimeo

معمولا روال بر اینه که وقتی یه کسی ابراز وجود  واظهار فضل میکنه ملت روش زوم میشن تا یه سر نخی، ترک دیواری، جوراب سوراخی یا خلاصه یه چیزی توی وجود این بشر پیدا کنن و بهش یادآوری کنن که هی مشتی، یادت نره خودتم بعلهhttps://i2.wp.com/bamauniverse.com/forums/images/smilies/laughing-smiley.gif. با این مقدمه خواستم برای شما از این بنویسم که معمارهای وب ایرانی ما یعنی همون اوس اکبرها که من هم ممدشون هستم در قیاس با اوستاهای ینگه دنیا و اون ور آب در چه وضعی قرار دارند. خب مسلمه که این قصه در یک مقال نمی گنجه و منم تاب شنیدن اینکه کله خودمم کچل هست ندارم. بنابراین از نگاه چند مودار با تجربه سعی می کنم چند جنبه قابل تامل از طراحی وب ایرانی رو که فکر می کنم نیاز به وام برای نوسازی داره به شما معرفی کنم.

تراکم نوشته ها در حد آش شله قلم کار

قدیم ها که کتاب ها با استفاده از تکنیک حروف چینی و با قلم های محدود نوشته می شدن به نوعی کتاب طراوت چندانی نداشت و نوشته خشک و خالی بود. اما بعدا با اومدن برنامه های واژه پرداز و دیجیتالی شدن رنگ و بو و جانی تازه در این صنعت دمیده شد و نگارش فنی و… شروع به خود نمایی بیشتری کرد. فراتر از اون در نشریات دیجیتال شاهد زرق و برق بیشتری هستیم و رسانه های منفرد دست به دست هم دادن تا نشریه ها چند رسانه ای بشن. اما دریغ و صد حیف که این گردهمایی چند رسانه ای بد جوری توی ذوق می زنه. یه نمونه بارزش هم عدم توجه به پاراگرف بندی صحیح و چشم و چار مخاطب بیچاره هست. توی این مواقع «اوس اکبر سایبرساز» این امر رو یادش رفته و همین طور خشت و رو خشت گذاشته و متن رو نوشته. بهتره خودتون این تفاوت رو در دو تصویر زیر که از دو سایت ایرانی گرفته شده مقایسه کنید.

1

یک سایت بدون توجه به شیوه صحیح نگارش پاراگراف ها در متن خبر

2

تصویر یک سایت بدون توجه به شیوه صحیح نگارش پاراگراف ها در متن خبر

برای جلوگیری از چنین خطاهایی اوستاهای عزیز باید به چند نکته توجه داشته باشن:

– اول اینکه از ادیتور های مطرح دنیای وب همچون CKEditor و یا TinyMCE و … بهره بگیرن تا علائم نگارشی در کنار سایر موارد فنی به خوبی رعایت بشه.

– دوم اینکه به ویراستاران و نویسندگان سایت یادآوری بشه که مطالب رو وقتی از جایی دیگر به سایت میارن و یا کپی می کنن باید علائم نگارش و اصول مربوطه رو رعایت کنند. خصوصا این مشکل در کپی کردن از برنامه های ورد به جاهای دیگه مشهود هست.

– سوم اینکه کدها رو طوری بنویسن که کدهای ضروری HTML رو ناشیانه و نا به جا از بطن متون نوشته شده حذف نکنه . این عامل در کنار نوشتن صحیح کد ها با رعایت توصیه اول یعنی به کارگیری همون ادیتور های مطرح محقق خواهد شد.

(بیشتر…)