نکات طراحی وب: کاربردپذیری – مقدمه
نوشته داود تراب زاده • 02 خرداد 1390
usability یا همان کاربردپذیری مسئله ایست که کمتر در وب فارسی مدنظر بوده و طراح صرفا به زیبایی ویا انجام حداقل و برآورد نیاز پرداختهاست . این بار ما میخواهیم یک قدم فراتر برویم و با مفاهیم کاربردی و مهمتری آشنا بشویم .
در واقع هر طرحی هدفی را دنبال میکند کاربردپذیری به ما کمک میکند تا واقعگرایانهتر فکرکنیم و توقع داشتهباشیم . ما برای کاربر طراحی میکنیم پس راحتی استفاده کاربر باید در الویت اول باشد . اما این مورد ممکن نیست مگر اینکه ما رفتار و افکار و نیاز کاربرهای مختلف را بدانیم . برای این کار نیاز نیست که از تکتک کاربرهای سایت نظرسنجیکنید فقط کافیست خود را جای کاربر بگذارید و از یکسری قوانین کلی در طراحی پیرویکنید.
ایجا بهصورت مختصر با برخی از این قوانین و نکات آشنا میشوید :
ـ کاربر با هدفخاص به وب مراجعه میکند و برای دیدن طراحی شما وارد وب نمیشود .
ـ قانون 2 ثانیه :
کاربر تنها 2 ثانیه برای رسیدن به هدف صبر میکند . بعد از 2 ثانیه شما با ریزش شدید کاربر موجه خواهید شد پس تا تا جایی که ممکن است فرآیند را خلاصه و سریعتر کنید از برنامهنویسی گرفته تا حجم صفحه .
– کاربر را مجبور به کارهای ضائد نکنید مثلا یک پیغام مانند ” انجام شد ” دیگر نیاز به دکمه تایید ندارد و بهصورت خودکار باید محوشود .
– کاربر صفحه را نمیخواند بلکه اسکن میکند به این مفهوم که در نظر اول شما فقط چند ثانیه (2 ثانیه) فرصت دارید که کاربر را قانعکنید که صفحه مرورگر را نبندد و به بررسی سایت شما بپردازد. به بررسی چند نمونه خوب میپردازیم تا موضوع کاملا روشنشود.
همانطور که در تصاویر مشخصاست کاربران به صورتها خیلی توجه میکنند مخصوصا اگر سوژه عکس به دوربین نگاه کرده باشد . کاربر به طور ناخودآکاه با آن ارتباط برقرار میکند پس در انتخاب عکس برای وب سایت باید خیلی دقتکرد
نمونه عالی از رعایت نکات کاربردپذیری و روانشناسی کاربر :
basecamphq.com
مبحثی همانند کاربردپذیری است . در واقع ما با قوانین کاربردپذیری به User experience (ux) * تجربهکاربر یا همان طراحی تجربهکاربر میپردازیم . پرداختن این موضوع را به مقالات بعدی موکول میکنم.
– لیبل هر ورودی متن را بالای آن قرار دهید چون کاربر با زحمت کمتری آن را مییابد .
tumblr.com
– حتما سایت خود را در مرورگر های مختلف امتحانکنید تا کاربر با به همریختگی سایت مواجهنشود . برای این کار میتوانید از ابزارهای زیر استفادهکنید :
IE tester
با این نرمافزار میتوانید وب سایت خود را بر روی اینترنت اکسپلور 5.5 تا 9 مشاهدهکنید(بدون شک باید آن را نصبکرد)
Adobe browser lab
با استفاده از این سایت میتوانید سایت خود را بر روی مرورگرهای مختلف و سیستمعاملهای متفاوت ببینید (ایرن تحریم است خودتان میدانید چطور استفاده کنید از …. )
در آینده نزدیک موارد بیشتری معرفی و بررسی خواهدشد .
– لینکها را از بقیه متن متفاوت کنید . ترجیحا در هنگام موس هاور (رفتن موس بر روی لینک) متن دارای زیرخط شود .
– تا حد ممکن سعیکنید صفحه بدون اسکرولبار باشد . کاربر از اسکرول کردن خوشش نمیآید .
– بهترین اندازه برای باکس جستجو سایت ۲۷ حرف است .
– سایت حتما باید نقشه سایت داشتهباشد .
xml-sitemaps.com
apple.com/sitemap/
اضافه ! :
در تکمیل نوشته فوقالعاده همکار محترمم خانم امیراکبری چند سایت برای انتخاب هرچه بهتر تمرنگ برای وبسایت معرفی میکنم :
colourlovers
colorschemedesigner
جمع بندی :
موارد کاربردپذیری آنقدر گسترده است که امروزه تبدیل به یک تخصص و علم شده است با این حال ما در این پست تعداد اندکی از آنها را مرورکردیم . موارد گفتهشده را مدنظر داشته باشید و برای طراحی سایت از استانداردهای بینالمللی استفاده کنید .
سعیکنید تا حد ممکن پروسهها را بهینه و کمینه کنید چون کاربر امروزی حوصله کمی دارد و با عجله به دنبال رسیدن به مقصد است . درست است که مینمال بودن (حداقل استفاده از همه چیز) گاهی خوب نیست اما همیشه این جمله را به خاطر داشته باشید ” کمتر = زیاد ” معنی این جمله این است که کمتر بودن کافی نیست و باید حداقل باشد و برای وجود هر المان در صفحه دلیل داشته باشید .
آنچه خواهیدخواند :
نکات طراحی وب : کاربرد پذیری – طراحی نامریی
سخن آخر :
ممنونم که وقتگذاشتید و نوشته من را مطالعه کردید . امیدوارم با نظرهای شما بیشتر از پیش برای نوشتن در این وبلاگ دلگرم شوم . به امید روزی که وب فارسی در اوج باشد .
منابع :
Simple and Usable Web, Mobile, and Interaction Design
smahing book #2
thewebsqueeze.com
smashingmagazine.com
usableworld.com.au
Mostafa
مقاله جالب و جدیدی بود. امیدوارم در آینده چنین مطالبی بیشتر در وب فارسی داشته باشیم. موفق باشید.
leal
همین که وقت میزاری و اطلاعات و تجربه هات رو به اشتراک میزاری جای تشکر داره…
مشتاقانه منتظر مقاله بعدی هستم…شاد باشی.
baback
مقاله مفیدی بود. همونطور که اشاره کردی این توصیه ها کمتر در وب فارسی استفاده میشه و امیدوارم نسل جدید به این توصیه ها عمل کنند.
منتظر ادامه هستیم… موفق باشی.
علی ابطحی
سلام
با تشکر از مقاله بسیار خوبتون اگر در این زمینه طراحی سایت کاربردی پذیری و رنگ ها بیشتر مقاله بنویسید
و همچنین طراحی سایت های شرکت های بزرگ و مطرح مثل اپل و مایکروسافت و سیسکو و اینتل و غیره را به نقد بکشید
کمک و لطف بزرگی کردید واقعا در زمینه کاربرد پذیری و انتخاب رنگ و سادگی سایت کمتر سایتی رعایت می کنه
و ارائه مطالب و آموزش به کاربران بسیار کمک بزرگی به مملکت ایران است
با تشکر فراوان ادامه بدهید مقاله های زیبا و خوبی است با تشکر
امير منصوري
تشكر
داود تراب زاده
برنامه این را دارم که حتما یک سری از سایت ها را بررسی و نقد کنم
ممنون از یادآوریتون
وحید استوار
ممنون از راه نمایی شما
وحید قادری
سلام
از بحث خوبی که راه انداختید خیلی ممنونم. اطلاعات خوبی هم دادید. من هم تجربهام رو در این زمینه خدمتتون بگم.
یکی از مهمترین کسایی که تو این زمینه کار کردن اقایی به نام Jakob Nielsen هست. ایشونیک وبسایت به اسم www.useit.com/ که شدیدا مطالب خواندنی دارند. حتما دوستانی که سر میزنند اطلاعاتشون را با بقیه هم تقسیم کنند. امیدوارم سایتهای ایرانی کمی بیشتر به این مقوله توجه کنند. به نظرم خیلی اهمیت دارد و علم بسیار خوبی است.
پرهام
سلام
مرسی از مطلب، من که خیلی مشتاقم بیشتر درباره این موضوع بدونم و مقالات فارسی بیشتری برای مطالعه در اختیار باشه
وحید
ممنون از این مطلب زیبا و کاربردی.
مطمئنا استفاده از اصول ها و قواعد این مقالات می تواند ما طراحان وب را مشتری پسند تر کند و ما را با سلیقه مخاطب بیشتر آشنا کند.
رضا
خیلی مفید بود . ممنون
نت آزمون
سلام .. اگر كسي مقالات تخصصي در زمينه آموزش مجازي و تكنولوژي آموزشي داره لطفا لينك بده
مسعود گودرزی
عالی بود
میر توحید رضوی
ممنونم. عالی بود. برام جالبه که اینقدر تو حوزه کاری خودم غرق شدم که تا به حال وب سایت شما رو ندیده بودم ! تعجب می کنم.
عالی بود. ممنونم از زحمات همگی.
ShamsLawyer
مقاله جالبی بود
مسعود
واقعا عالی بود ، ممنون
امیدوارم مقالههای بیشتری در مورد کاربرد پذیری در وبلاگینا منتشر کنید.
Suzette Mcvoy
Merely expressing cheers doesn’t just be all that’s required, as a result of this amazing high quality in the writing.
علیرضا
بــســــیـــــار ممنونم
لطف بزرگی کردید
Meysam
مقاله بسیار جالبی بود ……tnx
Eunice Catrone
Great write-up upon all in the principles.
Kenny Airth
My partner and i get pleasure from someone taking the time to speak about them all of us.
baran
مطالب جالب بود اما بخش کوچکی از این موضوع رو بیان کردید.ممنون
accounting software
kindly mail me personally several strategies guidelines
Mitchell Agostino
I’m going to look forward to studying a lot more of operate.
نیلوفر قادر
سلام
مطلب عالی و مفیدی و جدیدی بود فقط خیلی بهتر بود که می شد در شبکه های اجتماعی به اشتراگ گذاشت مطالب مفید رو
پاینده باشید
lidaa kapsul
i implore you to send out myself a number of secrets and techniques guidelines
Gary Mendell
Be thankful for which highly sensible writing
Gary Mendell
That is certainly merely excellent! Numerous thanks
El Blog del Narco
We’ve a fantastic deal more precise data about your post! Using extremely best value!
pantyhose and nylons
Too many times I passed over this site, and that was a mistake. I’m delighted I will be back!
success story
I assume it’s entirely incredible just how beneficial it was whilst i read it
Trick Photography
Learn trick photography and special effects here ..
WordPress Tutorial
Found it genuinely descriptive. I discovered this site in Yahoo, a lot of thanks a lot.
طراحی سایت
خیلی خوب بود موفق باشید
مژگان
سلام بسيار عالي بود
لطفا ادامه مطالب را نيز بيويسيد
custom
Outstanding things here Inside the renowned words and phrases in the distinct terminator… il return!
leather guitar strap
Exceptional advise as usual
Korek Api gas Fighter Indonesia
http://www.bubblews.com/news/648648-perasaan-korek-api-gas-fighter-indonesia
حسن احمدی
سلام
و ممنون از مقاله فوق العاده تون در این زمینه یه سایت خوب هم در این زمینه که به طور تخصصی کار شروع کرده www.usability.gov
امیدوارم دوستان ازش استفاده کنند و مطالب خوبی را در مورد کاربرد پذیری وارد دنیای وب فارسی کنند
Jenny
http://gilerlahhhh.blogspot.com/
کرکره برقی
” کمتر = زیاد “
عالی بود.
دستتون درد نکنه
منتظر مقالات بعدی هستیم
طراحی سایت
عالی بوددد
مجتبی
از خوندن این مقاله لذت بردم.
روون و پر بازده.
ممنون.